/*! Oniro Character Planner (c) 2026 GK (gk.hu). All rights reserved. Unofficial fan-made tool; game data and assets belong to Redeev. Copying or redistributing this code is not permitted without permission. */
:root{--toph:52px;--navh:62px}html{-webkit-text-size-adjust:100%}body{padding-bottom:calc(var(--navh) + env(safe-area-inset-bottom));overflow-x:hidden}input,select,textarea{font-size:16px!important}.btn,.sbtn,.tab,button{touch-action:manipulation}.topbar{z-index:95!important;height:var(--toph);min-height:var(--toph);padding:0 10px;gap:8px;flex-wrap:nowrap;align-items:center;background-size:100% 100%}.brand{gap:6px;min-width:0}.brand-main{font-size:22px;letter-spacing:3px}.brand-sub{font-size:12px;letter-spacing:1px}.alpha{font-size:11px}.version-wrap{margin-left:0}.version{font-size:16px!important;padding:2px 9px!important}.version b{font-size:16px}.burger{order:-1;margin-left:0;width:40px;height:40px;flex:none;border:1px solid #4a3a28;border-radius:4px;background:#17130f;color:var(--gold);font-size:24px;display:grid;place-items:center;padding:0}.actions{position:fixed;top:0;left:0;bottom:0;width:max-content;min-width:150px;max-width:80vw;z-index:90;margin:0;padding:16px 14px;background:#100d0b;border-right:2px solid #b8923f;display:flex;flex-direction:column;gap:10px;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto}body.menu-open .actions{transform:none}.actions .btn{text-align:left;padding:2px 12px;font-size:16px;width:100%;white-space:nowrap;border-width:5px;border-image-width:5px}.actions .menu-title{display:block;font-family:var(--font-title);font-size:24px;color:var(--gold);margin-bottom:4px}.scrim{display:none;position:fixed;inset:0;background:#000a;z-index:80}body.menu-open .scrim{display:block}.mnav{position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(var(--navh) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0a0908;border-top:2px solid #4a3a28;display:flex}.mnav button{flex:1;background:0 0;border:none;color:#9a917d;font-family:var(--font-title);font-size:13px;letter-spacing:.5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0}.mnav button i{font-style:normal;font-size:21px;line-height:1}.mnav button.on{color:#fff;background:linear-gradient(#3b2217,#1a1210);box-shadow:inset 0 -3px 0 #b33427}.layout{display:block;padding:8px}.panel{border:1px solid #2c261e!important;border-image:none!important;background:#0d0d0f;border-radius:4px;padding:0}body[data-view=build] .right-panel{display:none}body:not([data-view=build]) .char-panel{display:none}.right-panel{min-height:0}.tabbar{display:none}.tabpane{padding:6px}.foot{font-size:13px;padding:10px 12px 84px}body:not([data-view=build]) .foot{display:block;padding-bottom:84px}.char-panel{padding:10px!important}.char-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;padding-bottom:6px;margin-bottom:6px}.char-name{font-size:26px}.char-sub{display:none}.char-level{font-size:16px}.char-level input{width:66px;font-size:18px}.badges{gap:6px;margin-bottom:6px}.badge .bt{font-size:14px;letter-spacing:2px}.badge .bi,.badge .bi img{height:52px}.badge .bn{font-size:20px}.char-body{display:block}.stat-row{grid-template-columns:38px 1fr 40px 40px 52px;gap:5px;padding:4px 5px}.stat-row .sbtn{height:38px}.stat-ic{width:36px}.stat-name{font-size:16px}.point-lines{display:flex;justify-content:space-between;font-size:14px;gap:8px}.point-lines b{margin-left:6px}.stat-actions{margin:6px 0}.doll-wrap{margin-top:8px}.gear-tabs{display:flex;gap:6px;margin-bottom:6px}.gear-tabs .gear-tab,.gear-tabs button{flex:1;padding:5px 0;font-size:16px}.doll{display:grid!important;grid-template-columns:repeat(6,1fr)!important;grid-template-rows:none!important;gap:6px!important}.doll .slot{grid-area:auto!important;aspect-ratio:1;height:auto;min-height:0}.doll .slot .slot-label{font-size:8px;letter-spacing:0;bottom:1px}.doll .slot-up{font-size:11px;left:1px;top:1px;right:auto;bottom:auto;padding:0}.mastery-row{font-size:15px;flex-wrap:wrap}.weight-row{font-size:15px}.hint{font-size:13px}.stats-grid{display:block}.macc{border:1px solid #2c261e;background:#100e0d;margin-bottom:6px}.macc>.sg-title{margin:0;padding:10px 12px;font-size:19px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border:none}.macc>.sg-title::after{content:"\25B8";color:var(--dim)}.macc.open>.sg-title::after{content:"\25BE"}.macc>.mb{display:none;padding:0 8px 8px}.macc.open>.mb{display:block}.srow{font-size:15px}.calib{font-size:14px}.calib table{display:block;overflow-x:auto}#itemCard,.abil-side{position:fixed;left:0;right:0;bottom:calc(var(--navh) + env(safe-area-inset-bottom));z-index:50;max-height:40vh;overflow-y:auto;background:#120f0e;border-top:2px solid #b8923f;border-radius:14px 14px 0 0;padding:18px 12px 12px;box-shadow:0 -10px 24px #000c}#itemCard::before,.abil-side::before{content:"";position:absolute;left:50%;top:6px;width:44px;height:5px;margin-left:-22px;border-radius:3px;background:#5a4a38}#itemCard.collapsed,.abil-side.collapsed{max-height:56px;overflow:hidden}#itemCard.closed{display:none}#itemCard:has(.empty-note),.abil-side:has(.empty-note){display:none}.abil-side .hint,.abil-side .legend{display:none}.detail,.icard{border:none!important;border-image:none!important;background:0 0!important;padding:0!important;min-height:0!important;margin:0!important}.detail h3,.icard h3{font-size:22px}.detail .lvl-ctl{margin-top:8px}.lbtn{min-width:46px;height:42px;font-size:22px}body:has(#itemCard:not(.closed) .icard h3) #tab-items{padding-bottom:44vh}body:has(.abil-side .detail h3) #tab-trans{padding-bottom:44vh}.abil-top{gap:4px 10px;font-size:13px;margin-bottom:4px}.abil-top .btn{padding:3px 9px;font-size:14px}.abil-top input{width:54px;padding:2px 4px}.abil-top .bonus-lbl{font-size:13px}.abil-wrap{display:block}.abil-map{height:calc(100dvh - var(--toph) - var(--navh) - 110px);min-height:300px;border-radius:4px}.zoom-ctl{top:auto;bottom:10px;right:10px;gap:8px}.zoom-ctl button{width:42px;height:42px;font-size:22px;border-radius:50%}body:has(.abil-side .detail h3) #tab-abil .abil-map{height:calc(100dvh - var(--toph) - var(--navh) - 110px - 30vh);min-height:240px}.trans-top h2{font-size:22px}.trans-map{aspect-ratio:956/760}.tnode .tlv{font-size:11px;min-width:16px;right:-2px;bottom:-2px}.trans-warn{font-size:13px}.slot-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;gap:6px;padding:2px 0 8px;margin:0 0 6px;background:0 0;border:none;-webkit-overflow-scrolling:touch}.slot-tabs button{flex:none!important;width:auto!important;padding:7px 14px!important;font-size:15px!important;border-radius:16px;border:1px solid #4a3a28!important;background:#17130f!important;color:#cfc5ae;letter-spacing:0!important;box-shadow:none!important;text-transform:none!important}.slot-tabs button.active{background:#4a1c18!important;border-color:#b33427!important;color:#fff}.filters{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-bottom:6px;font-size:14px}.filters>input:first-child{flex:1 1 100%;min-width:0;padding:8px 10px}.filters:not(.open)>:not(input:first-child):not(.mtoggle){display:none}.filters .mtoggle{margin-left:auto}.items-wrap{display:block}.item-list{max-height:none;overflow:visible}.irow{grid-template-columns:54px 1fr}.irow .in{font-size:17px}.irow .im,.irow .is{font-size:13px}.icard .aff-row,.icard .istat{font-size:15px}.up-row input{width:56px}.quest-row img{width:56px;height:56px}.quest-row{grid-template-columns:22px 56px 1fr}.qt{font-size:14px}.qr{font-size:13px}.modal{top:var(--toph);bottom:calc(var(--navh) + env(safe-area-inset-bottom));padding:6px 0;box-sizing:border-box}.modal-box{width:94vw!important;max-height:calc(100dvh - var(--toph) - var(--navh) - env(safe-area-inset-bottom) - 12px)!important;overflow-y:auto;box-sizing:border-box}.modal-box textarea{height:160px}.don-row{flex-wrap:wrap}.topbar{border:0!important;border-image:none!important;border-bottom:2px solid #4a3a28!important;padding:0 10px!important}.alpha{color:#8f887b}.save-row input{font-size:16px}.saved-row .sv-main{flex-direction:column;gap:0}.trans-map{aspect-ratio:956/760}.m-only{display:revert}.d-only{display:none}.burger{display:grid}.doll .slot .slot-gem{font-size:11px;left:50%;bottom:1px;padding:0}.gear-tabs{justify-content:flex-start}.gear-tabs .gear-tab,.gear-tabs button{flex:none;width:auto;padding:5px 16px}.mnav button i svg{width:23px;height:23px;fill:currentColor;display:block}.trans-map .tnode{width:9%;border-radius:50%;overflow:visible}.trans-map .tnode.god{width:11.4%}.trans-map .tnode .tlv{font-size:9px;line-height:1.15;padding:0 3px;min-width:12px;right:-3px;bottom:-3px;border-width:1px;border-radius:8px}.trans-map .tnode.sel::before{inset:-16%;border-width:2px}.trans-map .zoom-ctl{top:auto;bottom:10px;right:10px;display:grid;gap:8px}.trans-map .zoom-ctl button{width:42px;height:42px;font-size:22px;border-radius:50%}.trans-map .tnode .tlv{font-size:12px;padding:0 4px;min-width:16px;right:-4px;bottom:-4px;border-width:1px}#itemCard::after{content:"\d7 ";position:absolute;top:6px;right:10px;font-size:34px;line-height:1;color:#b8ae96;padding:0 6px}#itemCard h3{padding-right:40px}.abil-side::after{content:"\d7 ";position:absolute;top:6px;right:10px;font-size:34px;line-height:1;color:#b8ae96;padding:0 6px}.abil-side h3{padding-right:40px}.doll .slot.s-pet{order:99}.trans-map .tnode{display:flex;align-items:center;justify-content:center;padding:0}.trans-map .tnode img{display:block;margin:0;flex:none}.abil-top .abil-search{flex:1 1 100%}.abil-search input{width:100%;box-sizing:border-box;padding:7px 10px}.abil-sug{left:0;right:0;min-width:0}.actions .btn{display:flex;align-items:center;gap:10px;text-align:left}.actions .btn .mi{width:30px;height:30px;object-fit:contain;flex:none}.mnav button i img{width:28px;height:28px;object-fit:contain;display:block;opacity:.6}.mnav button.on i img{opacity:1}.actions .btn .mi{width:28px;height:28px}.actions #btnExport .mi{width:28px;height:28px;margin-right:0}.mnav button i img{opacity:.85;filter:brightness(1.35)}.mnav button.on i img{opacity:1;filter:brightness(1.25) drop-shadow(0 0 4px #ffb86a88)}.actions #btnExport .mi,.actions .btn .mi{width:24px;height:24px}.mnav button i img{width:24px;height:24px}.lang-list{position:static;min-width:0;max-height:50vh;margin-top:6px;box-shadow:none}.actions .lang-btn{width:100%}.actions{flex-wrap:nowrap}.actions .lang{flex:none}.lang{display:block}.lang-btn{min-height:0}.bp-card>h3{cursor:pointer;display:flex;align-items:baseline;gap:8px;margin-bottom:8px;-webkit-tap-highlight-color:transparent;user-select:none}.bp-card>h3::after{content:"\25BE";margin-left:auto;color:var(--gold);font-size:20px;line-height:1;transition:transform .15s ease}.bp-card.folded>h3::after{transform:rotate(-90deg)}.bp-card.folded>:not(h3){display:none}.bp-card.folded>h3{margin-bottom:0}.actions .lang-btn .lang-name{display:inline}.actions .lang-btn{justify-content:flex-start}.actions .lang-btn .lang-caret{margin-left:auto}.gp-cur{min-height:40px;font-size:16px}.gp-cur img,.gp-opt img{width:28px;height:28px}.gp-opt{padding:6px 8px;font-size:16px}.gp-list{max-height:45vh}.gear-tabs .gear-col{flex:1}.gear-tabs .gear-col .gear-tab{width:100%;padding:5px 0}.gear-name{font-size:13px}.gear-name{font-size:15px}.dps-build .dps-change{margin-left:0}.actions .btn .mi.mi-loot{width:40px;height:40px;margin:-5px -3px -5px -5px}