/*! 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{margin-left:auto;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;right:0;bottom:0;width:max-content;min-width:150px;max-width:80vw;z-index:90;margin:0;padding:16px 14px;background:#100d0b;border-left: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}.right-panel .tabs{display:none}.tabpane{padding:6px}.foot{font-size:12px;padding:10px 12px 18px}body:not([data-view=build]) .foot{display:none}.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;right:1px;bottom:1px;padding:0 4px}.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:40px;height:40px}.qt{font-size:14px}.qr{font-size:13px}.modal-box{width:94vw!important;max-height:88vh;overflow-y:auto}.modal-box textarea{height:160px}.don-qr img{width:88px;height:88px}.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:1px;bottom:1px;padding:0 4px}.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}.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}