footer{height:183px;grid-template-columns:295px minmax(155px,1fr) 470px;gap:12px;padding-bottom:22px}.character,.quickbar{min-width:0}.quickbar{padding:9px 11px}.quickbuttons{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.quickbuttons button{height:60px;min-width:0}.quickbuttons small{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quickbuttons kbd{font-size:9px}.commandbar{display:flex;justify-content:space-between;gap:2px;margin-top:7px}.commandbar button{font-size:10px;padding:5px 2px}.commandbar kbd{font-size:8px;padding:1px 2px}#title-mobile{display:none}.wallet{margin-bottom:5px}.portrait{height:98px}.char-name{flex-wrap:wrap;gap:6px}.char-name .class-tag{font-size:8px;max-width:125px;overflow:hidden;text-overflow:ellipsis}.combat-stats{flex-wrap:wrap}.bar.xp{height:10px}.bar.xp b{line-height:9px}#log{height:98px}.field-bottom{bottom:190px}#buff-chip{bottom:240px;max-width:280px}#toast{bottom:277px}aside#journal{bottom:195px}.test-controls{display:flex;gap:9px;font-size:10px;color:#cfd5b8;background:#112019ba;padding:7px 9px;border:1px solid #9b947a44}.test-controls label{display:flex;align-items:center;gap:5px}select{font:inherit;background:#23372c;color:#eee2bc;border:1px solid #7d896466;border-radius:2px;padding:4px}.test-controls select{padding:3px;font-size:11px}header{gap:25px}.header-right{gap:10px}#target-card{top:79px;max-width:235px}#target-card small{line-height:1.6}.species img{width:40px;height:40px;object-fit:contain}.species{width:100%}.species b{font-size:11px}.species small{font-size:9px}.modal-intro{line-height:1.9}.modal-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 18px}.modal-tabs button{padding:7px 13px;border:1px solid #56634a;color:#d6d5b6}.modal-tabs button.selected{background:#556444;color:#f0e5be}.item{gap:12px}.item-info small{line-height:1.7}.item-info b{display:block;line-height:1.6}.item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.item-actions button{white-space:nowrap;padding:8px 10px}.item .item-icon{flex-shrink:0}.modal-banner{padding:12px 15px;border:1px solid #97876866;background:#49412644;margin-bottom:16px;line-height:1.8;color:#dfcdab}.modal-banner strong{color:#f2dfae}.skill-grid,.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skill-card,.world-card{padding:17px;border:1px solid #536047;background:#1d2b22}.skill-card.locked{opacity:.72}.skill-card h3,.world-card h3{font:500 17px 'Noto Serif KR',serif;margin:6px 0 10px}.skill-card p,.world-card p{font-size:11px;line-height:1.8;color:#aebaa3}.skill-card .pill{font-size:9px}.skill-card button,.world-card button{padding:8px 12px;border:1px solid #7d8763;margin-top:12px;font-size:11px}.skill-card .binds{display:flex;gap:5px;align-items:center;margin-top:9px}.binds button{margin:0;padding:6px 9px}.binds span{font-size:10px;color:#aab69b}.world-card img{width:100%;height:90px;object-fit:cover;opacity:.7}.world-card.current{border-color:#c7b581}.forge-stage{text-align:center;padding:22px 10px}.forge-stage .sword{font-size:65px;color:#dac796}.forge-stage h3{font:25px 'Noto Serif KR',serif;margin:10px}.forge-stage p{line-height:1.9;color:#b8c6aa}.forge-select{width:100%;margin-top:8px}.chance-track{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:18px 0}.chance-track span{padding:9px 8px;background:#293c2e;font-size:11px;text-align:center;line-height:1.7}.chance-track .next{outline:1px solid #d4bc81;background:#4f5437}.forge-result{padding:13px;text-align:center;background:#17271e;border:1px solid #889264;margin-top:16px}.start-screen button{font:inherit}#start-screen{position:fixed;inset:0;z-index:20;overflow:auto;background:#253322 url('assets/forest3.jpg') center/cover no-repeat}.start-shade{position:fixed;inset:0;background:linear-gradient(90deg,#07130ef5 5%,#102118e0 42%,#14241866 75%,#0b1710b3),linear-gradient(0deg,#06120ded,transparent 60%);pointer-events:none}.start-content{position:relative;z-index:2;margin:7vh 0 85px 7.5vw;max-width:640px;width:56vw}.start-kicker{font-size:11px;letter-spacing:5px;color:#bdb58a;margin-bottom:27px}.start-content>h1{font:600 clamp(52px,7vw,96px) 'Noto Serif KR',serif;letter-spacing:13px;color:#f0e3bf}.start-content>h1 span{font-size:21px;letter-spacing:5px;color:#a59b7b}.start-content>h2{font:500 clamp(17px,1.9vw,23px) 'Noto Serif KR',serif;margin:20px 0;color:#dddac0}.start-intro{font-size:12px;line-height:2;color:#b5c1a8}.start-facts{display:flex;gap:24px;margin:26px 0 24px;padding:14px 0;border-top:1px solid #a49f6555;border-bottom:1px solid #a49f6544;font-size:10px;color:#c9ccad}.start-facts span:before{content:'✧';padding-right:7px;color:#c9b783}#slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.slot-card{background:#182b21b8;border:1px solid #88957277;padding:20px 19px;box-shadow:0 6px 22px #0002}.slot-card small{display:block;font-size:9px;color:#a4b195;letter-spacing:1px}.slot-card h3{font:18px 'Noto Serif KR',serif;margin:10px 0}.slot-card p{font-size:10px;color:#b3bea0;line-height:1.8;min-height:37px}.slot-card .start-button{display:block;width:100%;padding:11px 5px;background:#aeb58c;color:#132219;margin-top:16px;border:1px solid #d2cc9f;font-size:12px}.slot-card .reset-button{font-size:9px;color:#a8af96;margin-top:9px;padding:3px}#asset-loading{margin-top:15px;color:#c6bc91;font-size:11px}.start-note{font-size:9px;color:#95a28e;line-height:1.8;margin-top:12px}#start-hero{position:absolute;width:min(39vw,470px);height:auto;right:5vw;bottom:7vh;z-index:1;filter:drop-shadow(25px 16px 9px #0004);pointer-events:none}.start-bottom{position:fixed;bottom:24px;left:7.5vw;color:#8d9d82;font-size:10px;letter-spacing:2px;z-index:2}.import-notice{font-size:11px;color:#dec394}.empty-state{padding:25px;text-align:center;color:#a7b395}.item,.skill-card{overflow-wrap:anywhere}
@media(max-width:1150px) and (min-width:761px){footer{grid-template-columns:250px minmax(80px,1fr) 395px;gap:8px;padding-left:10px;padding-right:10px}.portrait{display:none}.character{padding:10px}.quickbuttons{gap:3px}.commandbar button{font-size:9px}header{gap:14px;padding:0 15px}nav{gap:14px}.brand{min-width:135px}.test-controls{gap:5px}.journal-toggle{padding:6px}}
@media(max-width:760px){header{height:83px;align-items:flex-start;padding-top:10px}.header-right{gap:6px;align-items:center}.test-controls{position:absolute;left:12px;top:47px;padding:4px 8px;font-size:9px}.test-controls select{padding:2px 4px}.field-top{top:87px}.field-bottom{bottom:244px}#target-card{top:139px}#spell-hint{top:202px}#loot-feed{top:219px}#buff-chip{bottom:287px}#toast{bottom:325px}aside#journal{top:89px;bottom:247px}footer{height:239px;grid-template-columns:1fr 1fr;grid-template-rows:87px 120px;padding:8px 9px 16px;gap:7px}.quickbar{grid-row:2;grid-column:1/-1}.character{grid-row:1;grid-column:1}.battle-log{grid-row:1;grid-column:2}#log{height:57px}.quickbuttons button{height:53px}.quickbuttons small{font-size:8px}.commandbar{margin-top:5px}.commandbar button{font-size:9px}#title-mobile{display:block}.commandbar kbd{display:none}.bar.xp{height:8px}.start-content{margin:5vh 7vw 75px;width:86vw;max-width:580px}.start-kicker{font-size:9px;margin-bottom:18px}.start-content>h1{font-size:61px}.start-intro{font-size:11px;max-width:80%}.start-facts{gap:14px;font-size:9px;margin:23px 0 20px}#start-hero{right:-4vw;bottom:27vh;opacity:.33;width:64vw;max-width:330px}#slots{gap:8px}.slot-card{padding:15px 12px}.slot-card h3{font-size:16px}.slot-card p{font-size:9px}.start-shade{background:linear-gradient(90deg,#08170de8,#102118b0),linear-gradient(0deg,#08130eee,transparent)}.start-bottom{font-size:8px;left:7vw;bottom:17px}.skill-grid,.world-grid{grid-template-columns:1fr}.item{gap:8px}.item-actions button{font-size:10px;padding:7px}.item-icon{width:30px!important}.item-info{min-width:0}.item-info b{font-size:12px}.item-info small{font-size:10px}}
@media(max-width:360px){.slot-card h3{font-size:14px}.start-facts{gap:7px}.commandbar button{font-size:8px}.test-controls{font-size:8px}.quickbuttons small{font-size:7px}}

#modal{overflow:hidden;max-height:88dvh}#modal[open]{display:flex;flex-direction:column}#modal .modal-header{flex-shrink:0;margin-bottom:12px;padding-bottom:15px}#modal-body{overflow:auto;min-height:0;overscroll-behavior:contain;padding-right:3px}.char-details{min-width:0}.greaterHaste-icon{color:#efc88b}.mana-icon{color:#88c2e1}
/* V5: separate, readable status effects and compact inventory controls. */
#buff-chip{display:flex;flex-wrap:wrap;gap:6px;padding:0;border:0;background:none;max-width:min(580px,calc(100vw - 28px));pointer-events:none}
#buff-chip[hidden]{display:none}.buff-status{display:flex;align-items:center;gap:6px;background:#14281ee8;border:1px solid #a5ba8066;padding:6px 9px;box-shadow:0 2px 7px #0003;font-size:10px;color:#d9e5bf}.buff-status i{font-style:normal;font-size:16px;color:#d5c9ee}.buff-status b{font-weight:500}.buff-status time{font-variant-numeric:tabular-nums;color:#f3e8c1;min-width:25px}.buff-poison{border-color:#a6ba65;color:#c4d893}.buff-status.expiring{animation:buff-expiry .65s ease-in-out infinite}@keyframes buff-expiry{50%{opacity:.3;border-color:#ecd29a}}
.bag-toolbar .modal-tabs{margin:8px 0}.bag-controls{display:flex;align-items:center;gap:8px 20px;margin:8px 0 14px}.bag-control{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;font-size:11px}.bag-control:first-child{margin-right:4px}.bag-control select{min-width:0;max-width:100%}.bag-control select:focus-visible{outline:2px solid #e6d0a1;outline-offset:2px}.inventory-stats{margin:32px 0 0}.bag-record-actions{margin-top:24px}.bag-record-actions>.modal-button{min-height:40px;max-width:100%;white-space:normal}.bag-record-note{margin:12px 0 0;overflow-wrap:anywhere}.inventory-stats>div{min-width:0}.inventory-stats b{overflow-wrap:anywhere}.antidote-icon{color:#b3cd90}.quickbuttons small{letter-spacing:-.25px}.quickbuttons button:nth-child(4){border-left-color:#c9c08d}.quickbuttons button.cooldown{opacity:.54}.quickbuttons button:focus-visible{outline:2px solid #e6d0a1;outline-offset:2px}
@media(max-width:760px){.buff-status{padding:4px 6px;font-size:9px;gap:4px}#buff-chip{max-width:calc(100vw - 24px);bottom:284px}.buff-status i{font-size:13px}.bag-toolbar .modal-tabs{gap:4px}.bag-toolbar .modal-tabs button{padding:6px 9px;font-size:11px}}

@media(max-width:600px){.bag-controls{display:grid;grid-template-columns:.95fr 1fr 1.2fr;gap:10px}.bag-control{flex-direction:column;align-items:stretch;gap:5px;font-size:10px}.bag-control:first-child{margin-right:0}.bag-control select{width:100%;height:30px}.inventory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-stats b{font-size:17px}}

/* V36: retained shop actions precede the live wallet in ordinary wrapping flow. */
.shop-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:0 0 15px}.shop-header>.shop-actions{flex:0 1 auto;min-width:0;margin:0;gap:8px}.shop-actions>.modal-button{max-width:100%;white-space:normal}.shop-header>.shop-wallet{flex:1 1 220px;min-width:0;margin:0;line-height:1.8;overflow-wrap:anywhere}.shop-wallet strong{white-space:nowrap}.shop-actions>.modal-button:focus-visible{outline:2px solid #e6d0a1;outline-offset:2px}

/* V38: category content changes height below one shared, viewport-based top edge. */
#modal[data-view="shop"],#modal[data-view="bag"]{position:fixed;top:6vh;top:6dvh;bottom:auto;margin-block:0;max-height:88vh;max-height:88dvh}
#modal[data-view="shop"] #modal-body,#modal[data-view="bag"] #modal-body{scrollbar-gutter:stable}
#modal[data-view="skills"] .skill-grid+.class-summary{margin-top:16px;margin-bottom:0}