:root{color-scheme:dark;--gold:#c9ac71;--text:#e8e5db;--muted:#a6b0b8;--line:#574d3a;--panel:#121922;--hud-height:204px;--gap:12px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10171a;color:var(--text);font:13px "Malgun Gothic","Noto Sans KR",sans-serif}button,input{font:inherit}button{cursor:pointer;color:var(--text);background:#1b252e;border:1px solid var(--line);border-radius:5px;transition:border-color .15s,background .15s,box-shadow .15s}button:hover{border-color:var(--gold);background:#2b343b}button:focus-visible{outline:2px solid #edc981;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}button[aria-disabled=true]{cursor:help}button:active{transform:translateY(1px)}[hidden]{display:none!important}kbd{position:absolute;top:4px;left:5px;background:#0b111be8;border:1px solid #81704b;border-radius:3px;padding:1px 4px;font:10px Georgia;color:#e7d095;z-index:2}#game{position:relative;height:100%;width:100%;isolation:isolate}#world,#overlay{position:absolute;inset:0;width:100%;height:100%;display:block}#world{cursor:crosshair}#overlay{pointer-events:none}#top{position:absolute;inset:0 0 auto;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px;background:linear-gradient(#090e14f5,#101821c7,transparent);z-index:3}.brand{display:flex;align-items:center;gap:11px;font:600 16px Georgia,"Malgun Gothic",serif;white-space:nowrap}.game-crest{width:62px;height:47px;object-fit:contain}.sub{display:block;font:8px Georgia;letter-spacing:2.5px;color:#b19c76;margin-top:5px}.brand small{font-size:11px;color:var(--gold)}#resources{display:flex;gap:20px;margin-left:auto}#resources>span{display:flex;gap:12px;align-items:center;background:#121a22c4;border:1px solid #50483470;border-radius:6px;padding:8px 13px;color:#b3b7b7;font-size:11px}#resources b{font:16px Georgia;color:#ecd09a;font-variant-numeric:tabular-nums}.top-actions{display:flex;align-items:center;gap:14px}.top-actions button{min-height:34px;padding:5px 14px}#fps{font:11px monospace;color:#9fb399;min-width:45px}.map-panel{position:absolute;right:18px;top:77px;width:168px;background:#0b111aeb;border:1px solid #b09b6c;border-radius:7px;padding:4px;box-shadow:0 5px 20px #0008;z-index:2}.map-panel canvas{width:100%;height:128px;display:block;cursor:crosshair;border-radius:3px}.map-panel span{display:block;text-align:center;font-size:9px;color:#a5afa9;padding-top:4px}#location{position:absolute;left:24px;top:81px;display:flex;gap:9px;align-items:center;font:600 17px Georgia,"Malgun Gothic",serif;text-shadow:1px 2px 5px #000;z-index:2}#location i{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}#notifications{position:absolute;left:20px;bottom:calc(var(--hud-height) + 38px);width:330px;pointer-events:none;z-index:3;font-size:12px;line-height:1.65}#notifications p{padding:7px 10px;background:linear-gradient(90deg,#0b1019e8,#0b10192b);border-left:2px solid #8a7855;border-radius:2px;margin:5px 0;text-shadow:1px 1px #000;color:#cbc9c0}#notifications p:first-child{color:#edd7a3}#target-card{position:absolute;top:76px;left:50%;transform:translateX(-50%);min-width:245px;text-align:center;background:#111820e8;border:1px solid #9f7355;padding:10px 20px;border-radius:6px;font-size:14px;color:#edca9e;z-index:2}#target-card small{display:block;margin-top:4px;color:#bbbcae;font-size:11px}
#hud{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:var(--hud-height);display:grid;grid-template-columns:244px minmax(330px,1fr) 246px;gap:var(--gap);padding:12px;background:linear-gradient(145deg,#1a222bef,#101720f5);border:1px solid #867149;border-radius:10px;box-shadow:0 12px 45px #000b,inset 0 1px #cfb77a22;z-index:4}.hero-panel{padding:2px 14px 0 2px;border-right:1px solid #685b413f;min-width:0}.hero-title{display:flex;align-items:center;gap:10px;margin-bottom:9px}#portrait{width:39px;height:39px;object-fit:cover;border:1px solid #b69e67;border-radius:5px}.hero-title>div{display:flex;flex-direction:column;gap:3px}#hero-name{color:#eed39d;font-size:15px}#level{font-size:11px;color:#9faaba}.status-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#84b277;box-shadow:0 0 8px #84b27744}.bar{position:relative;overflow:hidden;background:#090e15;border:1px solid #3c5140;border-radius:4px}.bar i{display:block;height:100%;transition:width .15s linear;max-width:100%}.hp{height:20px}.hp i{background:linear-gradient(#92b86a,#436a3b)}.hp span{position:absolute;inset:0;text-align:center;line-height:18px;font-size:11px;text-shadow:1px 1px 2px #000}.xp-label{display:flex;justify-content:space-between;font-size:10px;color:#9aabb9;margin:6px 0 4px;font-variant-numeric:tabular-nums}.xp{height:5px;border:0;border-radius:2px}.xp i{background:#c3a763}#stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;margin-top:10px;font-size:11px}#stats span{color:#99a4ae;display:flex;justify-content:space-between;gap:4px}#stats b{color:#e0d9c2;font-weight:500}.controls-panel{min-width:0;display:flex;flex-direction:column;gap:12px;padding:0 4px}#quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}#quick button{height:84px;min-width:0;position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:4px 3px 6px;background:linear-gradient(#273139,#131c26);border:1px solid #655b42;border-radius:6px}#quick button img{width:49px;height:49px;object-fit:cover;border-radius:3px;margin-bottom:5px}#quick button span{font-size:11px;line-height:14px;white-space:nowrap}#quick button:hover{background:#354047;border-color:#d4b77a;box-shadow:inset 0 0 12px #bbad6020}#quick button.active{border-color:#d1ba65;background:#354137}#auto b{position:absolute;right:3px;top:4px;border-radius:3px;background:#172017de;color:#a7bf8c;font:8px Georgia;padding:1px 3px;z-index:2}.item-tray{border-top:1px solid #72604455;padding-top:8px}.item-tray-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;color:#9ba9b4}.item-tray-heading button{padding:2px 5px;border:0;background:none;font-size:10px;color:#a6b3ae;min-height:20px}.item-tray-heading b{font-size:9px;color:#bcd192;font-weight:500;margin-left:4px}.quick-slots{display:grid;grid-template-columns:48px 1fr;gap:8px;height:48px}#potion{position:relative;padding:0;border-color:#baa066;border-radius:4px;overflow:hidden;background:#10161b}#potion img{width:100%;height:100%;object-fit:cover}#potion span{display:none}#potion kbd{top:1px;left:2px;font-size:8px;padding:0 3px}#potion b{position:absolute;right:2px;bottom:1px;background:#0a1019dc;color:#f4e2b3;font:10px Georgia;padding:1px 3px;border-radius:2px}#native-items{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.native-item{position:relative;border:1px solid #3a4855;border-radius:4px;background:linear-gradient(#15202a,#101820)}.native-item:after{content:"·";display:grid;place-items:center;height:100%;color:#46515e;font-size:20px}.native-item kbd{font-size:8px;color:#687584;border-color:#3c4653;padding:0 3px;top:2px;left:2px}.skills-panel{min-width:0;border-left:1px solid #685b413f;padding-left:11px}.hud-title{font-size:11px;color:#d0b97e;display:flex;justify-content:space-between;gap:5px;margin:1px 0 8px}.hud-title span{font-size:9px;color:#7d8d9a}#skills{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:5px;height:150px}.skill,#skills>button{min-width:0;min-height:0;position:relative;padding:0;background:#10161d;border:1px solid #75664b;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.skill img{display:block;width:100%;height:100%;object-fit:cover}.skill small{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#080c14df;color:#cabc96;font:9px Georgia;line-height:13px}.skill.locked img{filter:grayscale(.6) brightness(.5)}.skill.locked:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 10px #0005;pointer-events:none}#skills>button:hover{border-color:#d8bd7d}#skills>button img{position:absolute;width:100%;height:100%;object-fit:cover}#skills>button span{position:relative;z-index:1;background:#10151ca8;align-self:flex-end;line-height:13px;margin-bottom:2px;padding:1px 3px;font-size:10px}#skills>button kbd{font-size:8px;padding:0 2px;top:2px;left:2px}#skills .skill small{font-size:9px}#travel-guide{position:absolute;left:50%;bottom:calc(var(--hud-height) + 30px);transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:10px 12px;background:#111b25ed;border:1px solid #7a6b48;border-radius:7px;box-shadow:0 4px 15px #0006;z-index:4;max-width:calc(100% - 36px)}#travel-guide>div{display:flex;flex-direction:column;gap:5px}#travel-name{font-size:12px;color:#dec89b}#travel-distance{font-size:11px;color:#a0b1bd}#travel-go{padding:8px 13px;white-space:nowrap;color:#ead49a}#travel-dismiss{border:0;background:none;font-size:20px;color:#9ea7ab;padding:0 2px}
.veil{position:absolute;inset:0;background:#070c14c7;backdrop-filter:blur(4px);z-index:15;display:grid;place-items:center;padding:24px}.class-window{position:relative;width:min(1040px,100%);max-height:calc(100dvh - 48px);overflow:auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);grid-template-areas:"eye eye" "title title" "intro intro" "classes detail" "note actions";gap:12px 30px;padding:30px;background:linear-gradient(145deg,#202b34f7,#111a24fa);border:1px solid #9b8559;border-radius:10px;box-shadow:0 25px 100px #000b}.class-crest{position:absolute;right:25px;top:15px;width:130px;height:75px;object-fit:contain}.eyebrow{grid-area:eye;font:9px Georgia;letter-spacing:3px;color:#bba471}h1{grid-area:title;font-size:26px;font-weight:600;color:#edd7ab;margin:0;letter-spacing:1px}.muted{grid-area:intro;font-size:12px;color:#97a8b6;margin:0 0 12px}#class-grid{grid-area:classes;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 10px;align-content:start}.class-card{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid #4d5050;border-radius:6px;background:#101a23;padding:7px 6px 8px;min-width:0;font-size:11px;color:#bfc8c9}.class-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;border:1px solid #756442;filter:brightness(.82)}.class-card.active{border-color:#dec183;color:#ffe3a0;background:#31372d;box-shadow:0 0 13px #ceb57316}.class-card.active img{filter:none}.class-detail{grid-area:detail;border:1px solid #565c59;border-radius:7px;background:#0c1520b8;padding:18px;text-align:center;min-width:0}.class-detail>img{width:83px;height:83px;object-fit:cover;border:1px solid #c9ad6d;border-radius:6px}.class-detail h2{font-size:23px;font-weight:500;color:#e7cda0;margin:10px 0 7px}.class-detail p{font-size:11px;line-height:1.7;color:#a8b3bc;white-space:pre-line;margin:0 0 15px}#class-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 8px}#class-skills>div{min-width:0}#class-skills img{width:37px;height:37px;border:1px solid #8b7752;border-radius:3px}#class-skills span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:9px;color:#a8aba9;margin-top:5px}.choice-actions{grid-area:actions;display:flex;gap:8px;align-items:center}.choice-actions button{flex:1;min-height:42px;padding:9px 10px;font-size:12px}.primary{background:linear-gradient(#cbb078,#93794c);color:#111a22;border:1px solid #e2c88e;font-weight:700;box-shadow:inset 0 1px #fff3}.primary:hover{background:linear-gradient(#dfc88f,#b09159)}.primary span{margin-left:10px}.save-note{grid-area:note;color:#7e8d9a;font-size:10px;line-height:1.7;align-self:center;margin:0}
.window{position:absolute;top:74px;left:50%;transform:translateX(-50%);width:min(1140px,calc(100% - 48px));height:min(710px,calc(100dvh - var(--hud-height) - 116px));min-height:260px;display:flex;flex-direction:column;background:linear-gradient(140deg,#212d37fb,#101a25fc);border:1px solid #9b865a;border-radius:9px;box-shadow:0 25px 80px #000b;z-index:10;overflow:hidden}.window>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;background:#111c27d9;border-bottom:1px solid #695d43;flex-shrink:0}.window h2{font-size:22px;color:#ead0a0;margin:5px 0 0;font-weight:500}.window small{font:9px Georgia;letter-spacing:2px;color:#a79775}.window>header>button{width:38px;height:38px;font-size:25px;border:0;background:none;color:#b5c0c8}.window>header>button:hover{background:#36414a;color:#fff}#panel-body{padding:18px 22px;overflow:auto;flex:1;min-height:0;scrollbar-color:#7c7158 #14202a;scrollbar-width:thin}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}.tabs button{padding:8px 15px;font-size:12px;min-height:35px;background:#162431;border:1px solid #52606a}.tabs .active{background:#55503e;border-color:#bc9f65;color:#f2d8a1}.hint{font-size:12px;line-height:1.75;color:#9eafb9;margin:0 0 14px}.hunt-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#b9aa84;margin-bottom:8px}.hunt-heading .hint{margin:0}.hunt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.hunt-card{overflow:hidden;display:flex;flex-direction:column;position:relative;background:#101d28;border:1px solid #53616d;border-radius:7px;min-width:0;text-align:left;padding:0;cursor:pointer}.hunt-card:hover{border-color:#c9ad74;box-shadow:0 0 0 1px #c9ad7433}.hunt-art{aspect-ratio:1.7;position:relative;overflow:hidden;background:linear-gradient(145deg,#2a3f44,#13222c);flex-shrink:0}.hunt-art>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.hunt-card:hover .hunt-art>img{transform:scale(1.04)}.hunt-badge{position:absolute;top:10px;left:10px;padding:4px 7px;border-radius:3px;background:#101822dc;color:#ebd6ac;font-size:10px;border:1px solid #bca16b66}.hunt-status{position:absolute;right:9px;bottom:9px;padding:4px 7px;border-radius:3px;background:#233c2ee8;color:#bddaac;font-size:10px}.hunt-card.locked .hunt-status{background:#392f2feb;color:#d9b0a3}.hunt-info{padding:14px 13px;display:flex;flex:1;flex-direction:column;gap:10px}.hunt-info h3{font-size:16px;color:#ead2a4;margin:0;font-weight:600;line-height:1.35}.hunt-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-bottom:9px;border-bottom:1px solid #40506066;font-size:10px;color:#8fa3b2}.hunt-facts b{display:block;color:#d6dedc;font-size:12px;margin-top:3px;font-weight:500}.hunt-monsters{font-size:10px;line-height:1.5;color:#aab8bf;margin:0}.drop-label{font-size:10px;color:#968b73;margin:2px 0 -4px}.hunt-drops{display:flex;gap:5px;flex-wrap:wrap}.drop-chip{display:flex;align-items:center;gap:5px;font-size:10px;color:#b4c2c8}.drop-chip img{width:23px;height:23px;border:1px solid #6b684f;border-radius:3px}.hunt-enter{margin-top:auto;font-size:11px;color:#e1c487;padding-top:7px}.hunt-card.locked .hunt-enter{color:#a69b8f}.hunt-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.hunt-pagination button{width:37px;height:34px;font-size:23px}.hunt-pagination span{font:12px Georgia;color:#b9b09a}.inventory-layout{display:grid;grid-template-columns:minmax(190px,29%) 1fr;gap:18px;min-height:0}.equipment-side{position:relative;border:1px solid #465660;border-radius:6px;padding:12px;background:#101d28;min-height:330px}.equipment-tabs{justify-content:center;position:relative;z-index:2;gap:4px}.equipment-tabs button{font-size:10px;padding:5px 8px;min-height:28px}.equip-grid{display:grid;grid-template-columns:22% 22%;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;justify-content:space-between;gap:8px;position:relative;z-index:1}.equipment-crest{position:absolute;left:27%;width:46%;top:36%;border:1px solid #796745;border-radius:5px;opacity:.7}.bag-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;align-content:start}.slot{position:relative;aspect-ratio:1;border:1px solid #465766;border-radius:4px;background:#0c1823;display:grid;place-items:center;min-width:0;padding:2px;overflow:hidden}.slot img{width:100%;height:100%;object-fit:cover;border-radius:2px}.slot small{font-size:9px;color:#71818f;letter-spacing:0}.slot .count{position:absolute;right:2px;bottom:1px;background:#0b1019d9;font:9px Georgia;color:#efdcb1;padding:1px 2px}.slot.selected{border-color:#d9bc7d}.craft-row,.collection-row{display:flex;gap:12px;align-items:center;padding:12px 3px;border-bottom:1px solid #40506066}.craft-row>img{width:43px;height:43px;border:1px solid #82704c;border-radius:4px}.craft-row>div,.collection-row>div{flex:1;min-width:0}.craft-row h3,.collection-row h3{margin:0 0 6px;color:#dccca9;font-size:13px}.craft-row p,.collection-row p{margin:0;color:#97aabb;font-size:11px;line-height:1.65}.craft-row button,.collection-row button{padding:8px 14px;min-height:34px;font-size:12px}.empty{text-align:center;color:#9eacb7;padding:30px}.settings-body{line-height:1.8;color:#a4b4bf}.settings-body h3{font-size:16px;color:#d6c093;margin-top:24px}.settings-body h3:first-child{margin-top:0}.settings-body button{padding:8px 13px;margin:5px 8px 5px 0}.key-guide{display:grid;grid-template-columns:1fr 1fr;gap:10px}.key-guide kbd{position:static;margin-right:5px}.settings-body input{margin:8px 0}.quality-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#tooltip{position:fixed;z-index:40;width:280px;max-width:calc(100vw - 24px);pointer-events:none;background:#0e1a25f5;border:1px solid #a58c5c;border-radius:6px;box-shadow:0 8px 25px #0009;padding:14px;font-size:12px;line-height:1.65;white-space:pre-line;color:#b7c7cf}#tooltip b{display:block;font-size:14px;color:#e8cc94;margin-bottom:7px}.sigil{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--gold);font:bold 23px Georgia;color:#dabf81;box-shadow:inset 0 0 0 4px #152332}#loading{position:absolute;inset:0;z-index:50;background:radial-gradient(#20303a,#090f17);display:flex;flex-direction:column;justify-content:center;align-items:center}#loading h2{color:#dcca9f;font-size:23px;font-weight:500;margin-top:25px}#load-status{max-width:80%;font-size:12px;color:#99b0c0;text-align:center}.loading-line{width:180px;height:2px;background:linear-gradient(90deg,transparent,#d4c093,transparent);margin-top:22px;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.25}}
@media(min-width:1800px){#hud{width:1240px;grid-template-columns:260px minmax(350px,1fr) 260px}#quick button{height:86px}.hud-title{font-size:12px}#quick button span{font-size:12px}.hero-title #hero-name{font-size:17px}}
@media(max-width:1120px){:root{--hud-height:196px;--gap:9px}#hud{grid-template-columns:206px minmax(295px,1fr) 218px;padding:10px;width:calc(100% - 24px)}.hero-panel{padding-right:9px}.skills-panel{padding-left:8px}#quick{gap:5px}#quick button img{width:43px;height:43px}#quick button{height:77px}#quick button span{font-size:10px}.hud-title span{display:none}#skills{height:151px}#stats{font-size:10px;gap:6px 9px}.window{height:calc(100dvh - var(--hud-height) - 100px);top:66px;width:calc(100% - 36px)}.hunt-grid{gap:9px}.hunt-info{padding:11px 10px}.hunt-info h3{font-size:14px}.hunt-facts{font-size:9px}.hunt-facts b{font-size:11px}.hunt-monsters{font-size:9px}#notifications{max-width:280px}.map-panel{width:142px;top:71px}.map-panel canvas{height:112px}#resources>span{padding:6px 9px;font-size:10px}.brand{font-size:14px}#top{gap:12px}.class-window{padding:24px;gap:12px 20px}}
@media(max-width:860px){:root{--hud-height:181px;--gap:7px}#hud{grid-template-columns:176px minmax(240px,1fr) 184px;padding:8px;bottom:10px}#portrait{width:31px;height:31px}.hero-title{gap:7px;margin-bottom:7px}#hero-name{font-size:13px}#stats{grid-template-columns:1fr 1fr;font-size:9px;gap:5px 7px}#quick button{height:68px;border-radius:4px}#quick button img{width:35px;height:35px;margin-bottom:4px}#quick button span{font-size:9px}kbd{font-size:8px;top:3px;left:3px;padding:0 2px}#skills{height:139px;gap:3px}.skill small{font-size:8px}.hud-title{font-size:10px;margin-bottom:6px}.quick-slots{height:40px;grid-template-columns:40px 1fr;gap:5px}#native-items{gap:5px}.controls-panel{gap:9px}.item-tray-heading{font-size:9px;margin-bottom:4px}.item-tray-heading button{font-size:9px}.hp{height:18px}.hp span{line-height:16px;font-size:10px}.xp-label{font-size:9px}.map-panel{width:125px;right:12px}.map-panel canvas{height:98px}.brand .sub{display:none}.brand{font-size:12px}.game-crest{width:43px;height:36px}#resources>span:nth-child(2){display:none}#top{padding:0 12px;height:53px}#location{top:65px;left:18px;font-size:14px}#fps{font-size:9px}.window{top:60px;min-height:240px}.window>header{padding:11px 16px}.window h2{font-size:18px}#panel-body{padding:12px 15px}.hunt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hunt-art{aspect-ratio:1.9}.hunt-info{gap:6px}.hunt-info h3{font-size:15px}.hunt-monsters{font-size:10px}.hunt-facts{font-size:10px}.hunt-pagination{margin-top:11px}.tabs button{font-size:11px;padding:6px 10px;min-height:30px}.class-window{grid-template-columns:1.4fr 1fr;padding:20px;gap:12px 15px}.class-card{padding:5px;font-size:10px}.class-detail{padding:12px}.class-detail>img{width:65px;height:65px}.class-detail h2{font-size:20px}#class-skills img{width:29px;height:29px}#class-skills span{font-size:8px}.class-crest{width:100px;height:63px}#class-grid{gap:12px 7px}.inventory-layout{grid-template-columns:180px 1fr;gap:12px}.bag-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:650px){:root{--hud-height:239px}#hud{grid-template-columns:1fr 150px;grid-template-rows:58px 1fr;width:calc(100% - 16px);gap:8px;padding:9px}.hero-panel{grid-column:1/3;display:grid;grid-template-columns:135px 1fr;column-gap:12px;align-content:center;border:0;padding:0}.hero-title{grid-column:1;grid-row:1/4;margin:0}.status-dot{display:none}.hero-panel .hp{grid-column:2;height:17px}.hero-panel .xp-label{grid-column:2;margin:3px 0;font-size:9px}.hero-panel .xp{grid-column:2}#stats{display:none}.controls-panel{grid-column:1;padding:0;gap:8px}.skills-panel{grid-column:2;padding-left:6px}#quick{gap:3px}#quick button{height:63px}#quick button img{width:29px;height:29px}#quick button span{font-size:8px}.hud-title{font-size:9px}#skills{height:135px}.skill small{font-size:7px}#skills>button span{font-size:8px}#auto b{font-size:7px;right:1px;top:2px}#quick button kbd{font-size:7px;left:1px}.item-tray{padding-top:6px}.quick-slots{height:38px;grid-template-columns:38px 1fr;gap:4px}#native-items{gap:4px}#notifications{bottom:calc(var(--hud-height) + 24px);left:12px;width:220px;font-size:10px}#travel-guide{bottom:calc(var(--hud-height) + 24px);gap:7px;width:calc(100% - 24px);padding:9px}#travel-name{font-size:10px}#travel-distance{font-size:9px}#travel-go{font-size:10px;padding:7px 8px}#top{gap:7px}.brand{font-size:10px;gap:5px}.brand small{display:none}#resources{gap:3px}#resources>span{font-size:9px;padding:5px 6px;gap:5px}#resources b{font-size:12px}.top-actions{gap:6px}.top-actions button{font-size:10px;padding:4px 8px;min-height:30px}#fps{display:none}.map-panel{width:106px;top:60px;right:10px;padding:3px}.map-panel canvas{height:85px}.map-panel span{font-size:7px}.window{width:calc(100% - 16px);top:56px;height:calc(100dvh - var(--hud-height) - 81px);min-height:200px}.window h2{font-size:16px}.window small{font-size:8px}.window>header{padding:9px 12px}.window>header>button{height:28px;width:28px;font-size:21px}#panel-body{padding:11px}.hunt-grid{gap:8px}.hunt-art{aspect-ratio:1.65}.hunt-info{padding:10px 8px}.hunt-info h3{font-size:13px}.drop-chip{font-size:9px}.drop-chip img{width:19px;height:19px}.hunt-monsters{font-size:9px}.hint{font-size:11px}.hunt-heading{font-size:10px}.tabs{gap:4px;margin-bottom:10px}.tabs button{font-size:10px;padding:5px 8px}.veil{padding:12px}.class-window{display:flex;flex-direction:column;padding:20px 15px;gap:12px;max-height:calc(100dvh - 24px)}.class-crest{width:82px;height:54px;right:15px;top:13px}.class-window h1{font-size:22px}.muted{font-size:11px;margin:0 0 4px}.class-card{font-size:10px}.class-detail{display:grid;grid-template-columns:62px 1fr;gap:10px;text-align:left}.class-detail>img{width:60px;height:60px}.class-detail h2{margin:0 0 4px;font-size:18px}.class-detail p{font-size:10px;margin:0}.class-detail #class-skills{display:none}.choice-actions{min-height:38px}.choice-actions button{font-size:11px;min-height:38px}.save-note{order:9;font-size:9px}.inventory-layout{grid-template-columns:115px 1fr;gap:8px}.equipment-side{padding:7px;min-height:250px}.equipment-tabs{gap:2px}.equipment-tabs button{padding:4px;font-size:8px;min-height:25px}.bag-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.slot small{font-size:8px}.craft-row{gap:8px}.craft-row>img{width:35px;height:35px}.craft-row h3,.collection-row h3{font-size:12px}.craft-row p,.collection-row p{font-size:10px}.craft-row button,.collection-row button{padding:6px 9px;font-size:11px}.key-guide{font-size:11px}#tooltip{font-size:11px;width:250px}}
@media(max-height:650px) and (min-width:651px){:root{--hud-height:164px}#hud{bottom:8px;padding:8px}.hero-title{margin-bottom:5px}#portrait{width:30px;height:30px}#stats{margin-top:7px;font-size:10px;gap:4px}#quick button{height:66px}#quick button img{width:34px;height:34px}.item-tray{padding-top:6px}.item-tray-heading{margin-bottom:3px}.controls-panel{gap:7px}.quick-slots{height:35px;grid-template-columns:35px 1fr}#skills{height:127px}.hud-title{margin-bottom:5px}.window{top:57px;height:calc(100dvh - 84px);min-height:0;z-index:12}.window>header{padding:10px 17px}.map-panel{top:64px;width:115px}.map-panel canvas{height:86px}.class-window{max-height:calc(100dvh - 20px);padding:20px;gap:8px 20px}.class-card{padding:3px;gap:4px}.class-card img{max-width:65px}.class-window h1{font-size:21px}.class-window .muted{margin:0}.class-detail>img{width:54px;height:54px}.class-detail h2{font-size:19px;margin:5px 0}.class-detail p{font-size:10px;margin-bottom:8px}#class-skills{gap:6px}#class-skills img{width:25px;height:25px}.class-detail{padding:12px}.class-card span{font-size:10px}.choice-actions button{min-height:34px;padding:6px}#class-grid{gap:9px}.class-crest{height:57px}.save-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Keep the owner's Sites edit badge clear of game commands. */
#hud{bottom:56px}#notifications{bottom:calc(var(--hud-height) + 76px)}#travel-guide{bottom:calc(var(--hud-height) + 70px)}.window{height:min(710px,calc(100dvh - var(--hud-height) - 156px))}
@media(max-width:520px){:root{--hud-height:304px}#hud{grid-template-columns:minmax(0,1fr) 142px;grid-template-rows:56px minmax(0,1fr)}#quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}#quick button{height:58px}#quick button img{width:29px;height:29px;margin-bottom:3px}#quick button span{font-size:10px}#quick button kbd{font-size:8px}.controls-panel{gap:8px}.item-tray{padding-top:7px}.item-tray-heading>span{display:none}.item-tray-heading{justify-content:flex-start;margin-bottom:5px}.item-tray-heading button{font-size:9px;padding:0;min-height:18px}.quick-slots{height:43px;grid-template-columns:43px 1fr;gap:4px}#native-items{gap:3px}.native-item kbd{display:none}#skills{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));height:199px;gap:4px}.hud-title{font-size:10px}.skill small{font-size:8px}#skills>button span{font-size:9px}.hero-panel{grid-template-columns:130px 1fr}.hero-title{gap:8px}#portrait{width:35px;height:35px}#hero-name{font-size:13px}.window{height:calc(100dvh - var(--hud-height) - 125px)}#notifications{max-width:190px;font-size:10px}.map-panel{width:104px}.hunt-card .hunt-status{font-size:9px;padding:3px 4px}.hunt-badge{font-size:8px;padding:3px 4px;left:6px;top:6px}.hunt-facts{gap:3px}.drop-chip{font-size:9px}}

/* Dialogs use the viewport; gameplay controls are dimmed and inert until closed. */
#game[data-panel-open] #hud{opacity:.15;pointer-events:none;filter:blur(1px)}
.window{height:min(720px,calc(100dvh - 140px))}
@media(max-width:650px){.window{height:calc(100dvh - 132px)}}
#travel-guide{left:20px;top:128px;bottom:auto;transform:none;max-width:390px}
@media(max-width:650px){#travel-guide{left:12px;top:166px;width:calc(100% - 24px);max-width:none}}
@media(max-height:650px) and (min-width:651px){#travel-guide{left:16px;top:77px;width:330px;max-width:40vw;font-size:10px}#travel-go{font-size:10px;padding:7px 8px}#travel-name,#travel-distance{font-size:10px}}

/* Original frame grids: craft 6x5, shop 4x2, bag 10x10, equipment 2x5. */
.window{width:min(1100px,calc(100% - 48px));height:min(790px,calc(100dvh - 104px));top:30px;z-index:20;border-color:#8b7856;background:linear-gradient(120deg,#19242dec,#0c141df9);box-shadow:0 20px 90px #000b}
.window>header{min-height:62px;padding:12px 20px;background:#0c1721;border-bottom:1px solid #65583d}.window>header h2{font-size:21px}.window>header small{font-size:9px;letter-spacing:2px;color:#9d8e6b}#panel-body{padding:14px;overflow:auto;min-height:0;overscroll-behavior:contain}.window[data-mode=craft],.window[data-mode=shop]{width:min(1040px,calc(100% - 40px))}.window[data-mode=inventory]{width:min(1120px,calc(100% - 40px))}
.original-catalog{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr);gap:12px;min-height:565px;height:100%}.original-grid-side{position:relative;display:grid;grid-template-rows:minmax(360px,1fr) 38px 42px 68px;gap:10px;padding:16px;background:linear-gradient(145deg,#202b31,#111b22);border:1px solid #4d514c;border-radius:3px}.original-catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:9px;align-items:center;justify-items:center;padding:3px 10px}.original-catalog-item{position:relative;width:58px;height:58px;padding:3px;border:1px solid #70624b;border-radius:2px;background:#070d13;box-shadow:inset 0 0 0 1px #262d31}.original-catalog-item>img{display:block;width:100%;height:100%;object-fit:cover}.original-catalog-item:hover{border-color:#d8c291}.original-catalog-item.selected{border-color:#efda97;box-shadow:0 0 0 2px #a38c48,0 0 16px #cfb06955}.catalog-empty-slot{width:58px;height:58px}.original-pages{display:flex;align-items:center;justify-content:center;gap:30px;color:#d4c293;font:12px Georgia}.original-pages button{width:42px;height:32px;font-size:25px;line-height:25px;border-color:#6d6044;background:#101921}.original-categories{display:flex;align-items:center;justify-content:center;gap:6px}.original-categories button{min-width:70px;height:38px;padding:6px 10px;color:#b9c1c6}.original-categories button.active{color:#ffe3a5;background:#4a4632;border-color:#d0b472}.category-prompt{position:absolute;top:35%;left:10px;right:10px;text-align:center;color:#82939d;font-size:13px;pointer-events:none}.original-selection{display:flex;gap:12px;align-items:center;justify-content:center;padding:7px 10px;border-top:1px solid #49534c;color:#b6c1c4;font-size:11px;text-align:center}.original-selection img{width:42px;height:42px;border:1px solid #8b7651}.original-selection strong{display:block;color:#ead7aa;font-size:12px;line-height:1.5}.original-selection small{display:block;color:#98a8b0;margin-top:4px}
.original-requirements{display:grid;grid-template-rows:50px minmax(330px,1fr) 80px;border:1px solid #5f5b49;background:#101923d9;padding:12px 16px;min-width:0}.original-requirements h3{font-size:13px;color:#e4cca0;text-align:center;line-height:1.65;margin:5px 0}.original-six-needs{display:grid;grid-template-rows:repeat(6,1fr);gap:7px}.original-need{display:flex;gap:12px;align-items:center;min-width:0}.original-need>img{width:48px;height:48px;object-fit:cover;border:1px solid #84704c;background:#0a1118}.original-need strong{font-size:11px;display:block;line-height:1.45;color:#c4c9c7}.original-need span{display:block;font:11px Georgia,"Malgun Gothic",serif;margin-top:5px;font-variant-numeric:tabular-nums}.original-need.short span{color:#e59681}.original-need.met span{color:#b3cd90}.original-actions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.original-actions button{padding:10px 12px;font-size:12px;min-height:38px;flex:1}.original-actions button:disabled{opacity:.45}.primary{background:linear-gradient(#a9986d,#756444);color:#101922;border:1px solid #d0bb7f;font-weight:700}.primary:hover{background:linear-gradient(#ceba81,#998452);color:#0c1218}
.shop .original-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:16px 6px;align-items:stretch;padding:0}.shop .original-catalog-item{height:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;background:linear-gradient(#18232b,#0e1923);padding:10px 5px;border-color:#48504c}.shop .original-catalog-item>img{width:55px;height:55px;border:1px solid #b59b64;flex-shrink:0}.shop .original-catalog-item>strong{font-size:10px;line-height:1.5;color:#e4cf9f;min-height:30px}.shop-quantity{font:10px Georgia;color:#a7baaf}.shop .original-catalog-item p{white-space:pre-line;font-size:9px;line-height:1.6;color:#a0b0b8;margin:0;max-height:94px;overflow:auto;width:100%}.shop .original-categories{gap:4px}.shop .original-categories button{font-size:11px;min-width:0;flex:1;padding:6px}
.panel-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;color:#9cb0bd;gap:14px}.panel-toolbar p{margin:0}.panel-toolbar b{white-space:nowrap;color:#cfbd92}.inventory-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}.equipment-board{grid-column:1;grid-row:1;padding:13px;background:#111c26;border:1px solid #5d604d;min-height:510px}.equipment-board h3{font-size:14px;color:#e3cca0;margin:0 0 12px}.equipment-board>.tabs{justify-content:center}.equipment-cells{display:grid;grid-template-columns:repeat(2,54px);grid-template-rows:repeat(5,65px);grid-auto-flow:column;justify-content:space-between;gap:18px 0;padding:6px}.equipment-cells .slot{width:54px;height:55px;aspect-ratio:auto}.bag-board{grid-column:2;grid-row:1/3;background:#111c25;border:1px solid #4d584f;padding:12px}.bag-cells{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));gap:5px}.bag-cells .slot{aspect-ratio:54/55}.slot.selected{outline:2px solid #c0a567;outline-offset:1px;z-index:1}.slot .upgrade{position:absolute;top:2px;left:3px;color:#d3ffa8;text-shadow:1px 1px #000;font:10px Georgia}.item-detail{grid-column:1;grid-row:2;padding:14px;background:#0a141dd9;border:1px solid #545846;min-height:180px}.item-heading{display:flex;align-items:center;gap:12px}.item-heading>img{width:54px;height:54px;border:1px solid #aa925e}.item-heading h3{font-size:13px;color:#e5cea0;margin:5px 0}.item-heading small,.item-heading span{font-size:10px;color:#91a5b1}.item-description{white-space:pre-line;font-size:11px;line-height:1.7;color:#a9b9c3}.item-action{width:100%;padding:9px}.empty-item{text-align:center;color:#8093a0;font-size:11px;line-height:1.6}.empty-item>span{color:#a99468;font-size:30px}.empty-item h3{font-size:12px;color:#c6bb9e}
#chat{position:absolute;right:18px;top:238px;bottom:calc(var(--hud-height) + 76px);width:268px;min-height:190px;z-index:5;border:1px solid #61716b;border-radius:6px;background:#0b1620e8;box-shadow:0 8px 24px #0005;display:flex;flex-direction:column;overflow:hidden}#chat>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #4b5a58;background:#15242d;min-height:41px}#chat>header>div{display:flex;gap:7px;align-items:center}#chat>header strong{font-size:12px;color:#d4dcd7}#chat-count{font:10px Georgia;color:#a9bfce}.online-dot{width:5px;height:5px;background:#78888a;border-radius:50%}#chat[data-connected=true] .online-dot{background:#a6c782;box-shadow:0 0 6px #a6c78255}#chat-toggle{border:0;padding:2px 5px;background:none;font-size:10px;color:#a9b9c5}.chat-body{min-height:0;display:flex;flex-direction:column;flex:1;padding:9px;gap:8px}#online-status{margin:0;font-size:10px;color:#9cb6bc;line-height:1.5}#online-status.error{color:#d8ad88}#chat-profile{display:grid;grid-template-columns:1fr;gap:7px}#chat input,#chat select{width:100%;min-width:0;background:#07131d;border:1px solid #41515e;border-radius:3px;color:#c3d0d6;padding:6px 7px;font-size:11px;outline-offset:2px}#chat-messages{flex:1;overflow:auto;min-height:55px;scrollbar-width:thin;overscroll-behavior:contain;overflow-wrap:anywhere}#chat-messages p{font-size:11px;line-height:1.6;margin:4px 0;color:#b9c7cf}#chat-messages strong{display:inline;color:#cbb582;font-weight:500;margin-right:6px}#chat-messages .self strong{color:#86c4dc}.chat-empty{color:#6e8493!important}#chat-form{display:grid;grid-template-columns:minmax(0,1fr) 43px;gap:6px}#chat-send{font-size:10px;padding:4px}#chat-login{color:#ddc997;text-decoration:none;font-size:11px;text-align:center;border:1px solid #726344;background:#292e2b;padding:9px 5px;border-radius:3px}.chat-footnote{font-size:9px;color:#718693;line-height:1.5}#chat.collapsed{top:auto;min-height:0;height:42px;bottom:calc(var(--hud-height) + 76px)}#chat.collapsed .chat-body{display:none}#game[data-panel-open] #chat{opacity:.15;pointer-events:none}#chat:focus-within{border-color:#b5a77a}
@media(min-width:1200px){#chat{top:238px;min-height:0}#chat.collapsed{top:auto}.map-panel{right:18px;width:168px}.game-crest{height:50px;width:42px}.class-crest{height:100px;width:80px}}
@media(max-width:950px){.original-catalog{min-width:800px;grid-template-columns:520px 268px;height:565px}.inventory-workspace{min-width:900px;grid-template-columns:280px 1fr}.window{width:calc(100% - 20px);top:12px;height:calc(100dvh - 82px)}#panel-body{padding:9px}#chat{width:230px;right:12px;top:210px;bottom:calc(var(--hud-height) + 68px)}#chat.collapsed{bottom:calc(var(--hud-height) + 68px)}}
@media(max-width:650px){.window{top:8px;width:calc(100% - 12px);height:calc(100dvh - 66px)}.window>header{padding:10px 13px;min-height:53px}.window>header h2{font-size:17px}#panel-body{padding:8px}.panel-toolbar{min-width:800px;font-size:10px}.original-catalog{transform-origin:top left}.original-categories button{font-size:11px}#chat{top:65px;bottom:calc(var(--hud-height) + 66px);left:10px;right:10px;width:auto;min-height:180px;z-index:10}#chat.collapsed{left:auto;top:164px;bottom:auto;width:122px;height:38px;min-height:38px}#chat.collapsed header{padding:8px;min-height:38px}#chat.collapsed header strong{font-size:10px}#chat.collapsed #chat-count{display:none}.chat-footnote{display:none}#chat-messages{min-height:40px}#chat-form{grid-template-columns:minmax(0,1fr) 50px}#chat input,#chat select{font-size:12px;min-height:32px}}
@media(max-height:600px){#chat:not(.collapsed){top:60px;bottom:70px;min-height:0}#chat.collapsed{top:190px;bottom:auto;height:38px;min-height:38px}}

.original-collection{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;min-width:850px;min-height:580px}.collection-stats{border:1px solid #565d4a;background:#111c26;padding:14px}.collection-stats h3{font-size:14px;color:#dbc495;margin:0 0 14px}.collection-stats>div{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid #3b484b;font-size:11px;color:#9fafba}.collection-stats b{color:#b8cf9a;font-weight:400}.collection-catalog{position:relative;background:#111c24;border:1px solid #4b574e;padding:20px 16px;display:flex;flex-direction:column;gap:15px}.collection-icon-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(4,80px);gap:10px 7px}.collection-icon{position:relative;padding:2px;height:54px;min-width:0;background:#09121a;border:1px solid #5b634c;border-radius:2px}.collection-icon>img{width:100%;height:100%;object-fit:cover;opacity:.55}.collection-icon.partial>img{opacity:.75}.collection-icon.complete>img{opacity:1}.collection-icon.complete{border-color:#d6bf73}.collection-icon.selected{outline:2px solid #dec48b;box-shadow:0 0 12px #c6b26b55}.collection-icon small{position:absolute;top:100%;left:0;right:0;line-height:23px;font:10px Georgia;color:#afbbad;margin-top:4px}.collection-needed{position:absolute;bottom:1px;right:2px;font:10px Georgia;color:#e1cea0;background:#09121aca}.collection-prompt{position:absolute;top:160px;left:0;right:0;text-align:center;font-size:12px;color:#889ba5}.collection-selection{display:flex;align-items:center;gap:12px;min-height:63px;border-top:1px solid #4a574c;padding-top:9px;font-size:11px;color:#8b9ba6}.collection-selection>img{height:46px;width:46px;border:1px solid #92815c}.collection-selection>div{flex:1}.collection-selection strong{display:block;color:#e0cda0;font-size:12px;margin-bottom:6px}.collection-selection span{line-height:1.7}.collection-selection button{padding:10px 20px}.collection-navigation{display:flex;justify-content:center;align-items:center;gap:27px;font:12px Georgia;color:#c6b78f}.collection-navigation button{width:39px;height:29px;font-size:23px}.collection-progress{height:22px;position:relative;border:1px solid #455944;background:#0a151d;overflow:hidden}.collection-progress i{display:block;height:100%;background:linear-gradient(#657e4e,#394e32)}.collection-progress span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#bbc9ad}.collection-categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.collection-categories button{min-height:40px;font-size:11px;padding:5px;white-space:pre-line}.collection-categories .active{background:#4b4833;border-color:#cfb475;color:#eddaa6}

.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;color:#acbcc7;font-size:12px;line-height:1.8}.settings-card{padding:22px;background:#101d28;border:1px solid #415457;border-radius:4px}.settings-card h3{font-size:17px;color:#ddcba0;margin:0 0 13px}.settings-card p{margin:10px 0}.settings-card small{display:block;color:#7f97a6;font-size:10px;line-height:1.8;margin:13px 0}.settings-card button{padding:9px 12px;min-height:36px;font-size:11px}.settings-card .active{background:#48533d;border-color:#c4b16f;color:#f0dfaa}.quality-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quality-row button{margin:0;padding:9px 4px}.settings-controls{grid-column:1/3}.settings-card .key-guide{grid-template-columns:repeat(3,1fr);gap:14px;font-size:11px}.key-guide kbd{position:static;display:inline-block;min-width:29px;text-align:center;margin-right:8px;padding:1px 5px;background:#17242d}.save-actions{display:flex;gap:7px;flex-wrap:wrap}#save-state{font-size:10px;color:#8cac9b}#account-logout{margin-top:14px;color:#c5afa2}.settings-footer{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;padding:8px}.settings-footer button{padding:9px 14px}.settings-footer span{font-size:10px;color:#758d9b}.settings-card .account-badge{color:#e1d3af;font-size:16px}
@media(max-width:650px){.settings-grid{grid-template-columns:1fr;gap:10px}.settings-card{padding:17px}.settings-controls,.settings-footer{grid-column:1}.settings-card .key-guide{grid-template-columns:1fr 1fr;gap:12px}.settings-footer span{display:none}}

#location{max-width:calc(100% - 130px);flex-wrap:wrap}#region-counter{font-size:12px;color:#ffe2a0;white-space:nowrap;margin-left:8px}#world.attack-command{cursor:crosshair}

.chat-item-link{color:#f3d481!important;text-decoration:underline;padding:2px 4px!important;background:none!important;border:0!important;min-height:28px}#panel[data-mode=sharedItem]{width:min(420px,calc(100vw - 20px));height:auto!important;bottom:auto!important;min-height:0!important;max-height:80dvh!important}.original-item-tooltip.shared-item-detail{position:static!important;max-width:100%;width:100%;box-sizing:border-box;margin:0}#panel[data-mode=sharedItem] #panel-body{min-height:0}

.collection-refund-dialog{box-sizing:border-box;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:16px;background:#121619;color:#eee;border:1px solid #99865c;box-shadow:0 14px 50px #000b}.collection-refund-dialog::backdrop{background:#0008}.collection-refund-dialog header,.collection-refund-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.collection-refund-dialog h3{margin:0 0 12px}.collection-refund-dialog select{display:block;width:100%;margin:12px 0;padding:8px}.refund-summary p{display:flex;justify-content:space-between;gap:12px;font-size:13px}.refund-summary b{text-align:right;color:#f1dca4}.collection-refund-dialog small{font-size:11px;color:#aaa}.collection-refund-dialog .refund-error{color:#ffaaa0;font-size:12px}.collection-refund-dialog button{min-height:36px}.collection-refund-dialog button:disabled{opacity:.45}.collection-selection{flex-wrap:wrap}

.collection-refund-dialog button{background:#202725;border:1px solid #817554;min-width:44px;min-height:44px;padding:9px 16px;line-height:1.4;white-space:nowrap;font-size:14px}.collection-refund-dialog footer{display:grid;grid-template-columns:1fr 1fr;gap:12px}.collection-refund-dialog [data-confirm]{background:#45402c;color:#fff1b8;border-color:#b4a16a}.collection-refund-dialog button:hover{background:#55503b}.collection-refund-dialog header button{padding:6px;font-size:22px}

.original-item-tooltip.shared-item-detail{font-family:"Malgun Gothic","Apple SD Gothic Neo","Segoe UI",sans-serif;font-size:16px;line-height:1.65;letter-spacing:0;color:#f1f2f3;padding:16px;pointer-events:auto;background:#111719;border-color:#746b54}.original-item-tooltip.shared-item-detail>b{font-family:inherit;font-size:18px;font-weight:700;line-height:1.5;margin-bottom:12px}.original-item-tooltip.shared-item-detail>small,.original-item-tooltip.shared-item-detail .item-enhancement-hint{font-family:inherit;font-size:14px;line-height:1.6;margin-top:7px;color:#dfd3b3}.original-item-tooltip.shared-item-detail small[style*="ff0000"]{color:#ff9595!important}.original-item-tooltip.shared-item-detail .tooltip-options{font-size:15px;line-height:1.6;margin-top:12px;padding-top:10px;border-top:1px solid #343c3f}#game[data-panel-open=sharedItem]>#fps{visibility:visible;pointer-events:auto}

#world,#overlay,#game img,#hud img,#panel img,#minimap,.original-item-tooltip img{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}


.enhance-chance p{flex-wrap:wrap;gap:3px 8px}.enhancement-board .enhance-chance .enhance-stat-gain{flex-basis:100%;font:600 12px/1.5 "Malgun Gothic",sans-serif;color:#d9efba}.hunt-facts .hunt-crowns{grid-column:1/-1}.hunt-crowns>b{color:#a5b2ba}.hunt-crowns.has-crowns>b{color:#ecd58f}.hunt-crowns small{font-size:11px;line-height:1.4;color:#c9bf9e}

.class-window{width:min(1120px,calc(100vw - 44px));grid-template-columns:minmax(350px,1fr) minmax(400px,1.15fr);grid-template-areas:"eye detail" "title detail" "intro detail" "classes detail" "note actions";grid-template-rows:18px 40px 32px 1fr auto;gap:8px 26px;padding:24px;min-height:590px}.class-crest{display:none}#class-grid{align-content:start;grid-template-columns:repeat(5,64px);gap:27px 15px;justify-content:center;margin-top:20px}.class-card{width:64px;padding:3px;border-radius:2px;font-size:10px;gap:5px}.class-card img{width:58px;height:58px;border-radius:1px}.class-detail{display:grid;grid-template-columns:1fr;grid-template-rows:300px 1fr;padding:12px 20px;text-align:center;gap:8px}.class-detail>div:last-child>h2{font-size:20px;margin:2px 0 6px}.class-detail>div:last-child>p{font-size:11px;margin:0 0 9px}.character-stage{position:relative;min-height:0;background:radial-gradient(ellipse at 50% 80%,#58616c33,transparent 58%);border-bottom:1px solid #61705a55}.character-stage:before{content:"";position:absolute;left:20%;right:20%;height:20px;bottom:45px;background:#0008;border:1px solid #85826755;box-shadow:0 0 20px #99b6b022;border-radius:50%}#class-preview{position:absolute;inset:0 0 38px;width:100%;height:calc(100% - 38px);z-index:1}#class-preview-status{position:absolute;left:15px;right:15px;top:45%;color:#a8b8c3;font-size:11px;z-index:2}.preview-turn{position:absolute;inset:auto 0 43%;display:flex;justify-content:space-between;pointer-events:none;z-index:3}.preview-turn button{pointer-events:auto;width:30px;height:30px;font-size:21px;background:#111c2588;border-color:#5b6454}.preview-motions{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:3}.preview-motions button{min-height:27px;padding:4px 12px;font-size:10px}.preview-motions .active{border-color:#bbaa78;background:#343d36;color:#dfd1a9}#class-skills{grid-template-columns:repeat(5,1fr);gap:10px 7px}#class-skills img{width:30px;height:30px}#class-skills span{font-size:8px}.choice-actions{gap:7px;flex-wrap:wrap}.choice-actions button{min-width:90px;flex:1;font-size:11px}.class-window .save-note{align-self:end;font-size:10px;line-height:1.8}.class-window .muted{margin:0}#class-name{color:#e7d2a3}
@media(max-width:1000px){.class-window{min-width:0;grid-template-columns:minmax(320px,1fr) minmax(310px,1fr);gap:8px 16px}#class-grid{grid-template-columns:repeat(5,54px);gap:23px 9px}.class-card{width:54px}.class-card img{width:48px;height:48px}.class-detail{padding:10px;grid-template-rows:270px 1fr}}
@media(max-width:700px){.class-window{display:flex;flex-direction:column;width:calc(100vw - 20px);padding:18px;min-height:0;max-height:calc(100dvh - 24px)}#class-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px 8px;margin-top:2px}.class-card{width:auto;font-size:9px}.class-card img{width:100%;height:auto;aspect-ratio:1}.class-detail{display:grid;grid-template-columns:minmax(140px,1fr) minmax(130px,1fr);grid-template-rows:240px;gap:6px;padding:5px}.class-detail #class-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 4px}#class-skills img{width:24px;height:24px}#class-skills span{display:none}.class-detail>div:last-child{align-self:center}.class-detail>div:last-child>h2{font-size:18px}.choice-actions button{min-height:36px;font-size:10px}.class-window .save-note{font-size:9px;order:10}.preview-motions button{padding:3px 7px;font-size:9px}}

#auth-gate{position:fixed;inset:0;z-index:100;background:linear-gradient(90deg,#06101de8,#091420cb),url('remaster/hunt-forest.webp') center/cover;display:grid;place-items:center;padding:22px;overflow:auto}#auth-card{width:min(430px,100%);border:1px solid #827655;border-radius:6px;background:linear-gradient(145deg,#1c2a35f5,#0b1722fa);padding:32px;box-shadow:0 25px 100px #000b}#auth-card>header{text-align:center;margin-bottom:25px}#auth-card>header img{height:86px;width:86px;object-fit:contain}#auth-card h1{font:600 28px Georgia,"Malgun Gothic",serif;letter-spacing:5px;margin:8px 0;color:#e4d7b5}#auth-card header p{font:10px Georgia;letter-spacing:4px;color:#8b9fac}#auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:20px}#auth-tabs button{padding:10px 5px;font-size:11px;background:#0c1822;border-color:#3d4e53}#auth-tabs button.active{background:#37433f;color:#edddb5;border-color:#a19169}#auth-help{font-size:11px;line-height:1.8;color:#9badb9;margin:0 0 20px}#auth-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;color:#c3c7bd;font-size:11px}#auth-form input{width:100%;background:#07131d;border:1px solid #4b5f65;border-radius:4px;padding:12px;color:#e2e7df;outline-offset:3px;font:14px "Malgun Gothic",sans-serif}#auth-form input::placeholder{font-size:11px;color:#637d8e}#auth-submit{width:100%;padding:12px;min-height:44px;margin-top:4px}#auth-status{font-size:12px;line-height:1.6;color:#e6ba90;min-height:20px;margin:12px 0 0}#recovery-result h2{font-size:18px;color:#e1cea0}#recovery-result p{font-size:12px;line-height:1.8;color:#acbdc6}#recovery-code{display:block;overflow-wrap:anywhere;font:16px monospace;line-height:1.7;letter-spacing:1px;border:1px solid #726b4e;padding:13px;background:#07131d;color:#e7d39e;margin:18px 0;user-select:all}#recovery-result button{width:100%;padding:11px;margin-top:8px}.account-badge{font-size:11px;color:#a5c0cb}
@media(max-width:600px){#auth-card{padding:24px}#auth-card>header{margin-bottom:18px}#auth-card>header img{height:66px;width:66px}}

/* JASS NGUI: 1280x960 reference. Keep independently anchored WC3 control groups. */
@media(min-width:900px){
 #hud{display:block;width:1280px;height:205px;left:50%;bottom:56px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:translateX(-50%) scale(var(--hud-scale,1));transform-origin:bottom center;pointer-events:none}
 #hud button,#hud .hero-panel{pointer-events:auto}
 .hero-panel{position:absolute;left:348px;bottom:20px;width:158px;height:174px;padding:8px;border:0;background:linear-gradient(90deg,#0c171dad,#0c171d66);border-radius:0}
 #portrait,.status-dot{display:none}.hero-title{display:block;margin:0}.hero-title>div{gap:5px}#hero-name{font-size:15px;color:#e3d3a6}#level{font:11px Georgia;color:#b9c2b4}#stats{grid-template-columns:1fr;gap:5px;margin-top:9px;font-size:10px}#stats span{justify-content:space-between}.hero-panel .hp{height:12px;position:absolute;left:8px;right:8px;bottom:9px;border-radius:1px}.hp span{font-size:9px;line-height:11px}
 .hero-panel .xp{position:absolute;left:87px;bottom:-20px;width:430px;height:17px;border:1px solid #57563d;border-radius:1px;background:#111a19}.hero-panel .xp i{background:linear-gradient(#6a8751,#345431)}.hero-panel .xp-label{position:absolute;left:87px;bottom:-20px;width:430px;height:17px;margin:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:9px;color:#cad8b6;pointer-events:none}
 .controls-panel{position:absolute;inset:0;display:block;padding:0;pointer-events:none}.controls-panel button{pointer-events:auto}#quick{position:absolute;left:520px;bottom:120px;display:flex;gap:25px;height:60px;width:auto}#quick button{width:60px;height:60px;flex:0 0 auto;padding:2px;border:1px solid #93865e;border-radius:1px;background:#0b161beb;overflow:visible;box-shadow:inset 0 0 0 2px #373d32}#quick button img{width:54px;height:54px;margin:0;border-radius:0;object-fit:cover}#quick button span{position:absolute;top:65px;left:-12px;right:-12px;font-size:10px;text-align:center;text-shadow:0 1px 3px #000;line-height:13px}#quick button kbd{top:2px;left:2px;font-size:8px}#quick #auto{width:55px;height:55px;margin-top:3px}#quick #auto img{width:49px;height:49px}#quick #auto b{top:3px;font-size:8px}#quick button:last-child{margin-left:0}
 .item-tray{position:absolute;left:479px;bottom:32px;width:345px;height:54px;border:0;padding:0}.item-tray-heading{position:absolute;bottom:58px;left:0;width:345px;margin:0;display:flex;justify-content:flex-start;font-size:10px}.item-tray-heading>span{display:none}.item-tray-heading button{font-size:10px;padding:1px 0;text-shadow:1px 1px 3px #000}.quick-slots{display:grid;grid-template-columns:54px 268px;gap:23px;height:54px;align-items:end}#potion{width:54px;height:54px;border-radius:1px}#native-items{display:grid;grid-template-columns:repeat(5,44px);gap:12px;height:44px}.native-item{width:44px;height:44px;border:1px solid #837654;background:#0b151bce;border-radius:1px}.native-item:after{font-size:14px}.native-item kbd{display:block;font-size:8px}
 .skills-panel{position:absolute;left:1036px;bottom:11px;width:224px;padding:0;border:0}.skills-panel>.hud-title{display:none}#skills{display:grid;grid-template-columns:repeat(4,51px);grid-template-rows:repeat(3,51px);gap:6px;height:165px}.skill,#skills>button{border-radius:1px;border-color:#827351;background:#09131bda}.skill small{font-size:9px!important}#skills>button span{font-size:9px}#skills>button kbd{font-size:8px}
 #notifications{bottom:calc(205px * var(--hud-scale,1) + 74px)}#chat{bottom:calc(205px * var(--hud-scale,1) + 76px)}#chat.collapsed{bottom:calc(205px * var(--hud-scale,1) + 76px)}
}
@media(max-width:899px){#hud{border-radius:3px;background:linear-gradient(#12202bcc,#0a141feb)}#portrait{display:none}#native-items{display:flex;gap:5px;align-items:end}.native-item{flex:0 0 30px;height:30px;aspect-ratio:1}#skills{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.skills-panel .hud-title span{display:none}}
.inventory-stat-list{position:absolute;left:79px;right:79px;top:111px;display:grid;gap:11px}.inventory-stat-list>div{display:flex;justify-content:space-between;gap:3px;font-size:9px;color:#a7b5bb;border-bottom:1px solid #43514d;padding-bottom:4px}.inventory-stat-list b{font-weight:400;color:#e2d4ac}.equipment-board{position:relative}

/* Colors and surfaces from the supplied map's Ui_1, Ui_2, Ui_box0 and Ui_Button2. */
:root{--panel:#151515;--text:#fff;--muted:#b2b2b2;--line:#69665a;--gold:#dfd195;--original-panel:url('assets/war3mapImported/UI_InventoryBackPanel.png');--original-button:url('assets/war3mapImported/AAAAAAAAAAAAAAA2.png')}
html,body{color:#fff;background:#101010}.window,.class-window,#auth-card{background:var(--original-panel) center/100% 100%;border:1px solid #b1a46d;border-radius:2px}.window>header,#chat>header{background:#101010e8;border-color:#6a6653}.window h2,.class-window h1,.settings-card h3,.collection-stats h3{color:#fff}.window>header small,.eyebrow{color:#ddd3a6}.original-grid-side,.original-requirements,.equipment-board,.bag-board,.item-detail,.collection-stats,.collection-catalog,.settings-card,.class-detail{background:var(--original-panel) center/100% 100%;border-color:#69675e;border-radius:1px}.original-requirements h3{color:#fff}.original-catalog-item,.collection-icon,.slot{background:#101010 url('assets/war3mapImported/UI_box0.png') center/100% 100%;border:0;border-radius:0;padding:4px}.slot img{border-radius:0}.shop .original-catalog-item{background:var(--original-panel) center/100% 100%;border:1px solid #797568}.shop .original-catalog-item>strong,.original-selection strong,.item-heading h3{color:#fff}.original-catalog-item.selected,.collection-icon.selected{outline:2px solid #ffff80;box-shadow:0 0 10px #ffff8055}.original-need strong,.collection-selection strong{color:#fff}.original-need.short span{color:#ff8080}.original-need.met span{color:#80ff80}.original-need>img{background:#151515;border-color:#939180}
button,.original-categories button,.collection-categories button,.settings-card button,.preview-motions button{background:#151515 var(--original-button) center/100% 100%;border-color:#797568;color:#fff;border-radius:2px}.primary,.original-actions .primary,.choice-actions .primary{background:#171717 url('assets/war3mapImported/UI_2.png') center/100% 100%;color:#ffff80;border:1px solid #aaa16b}.primary:hover,button:hover{background-color:#303027;border-color:#e4d699}.original-categories .active,.collection-categories .active,.quality-row .active,.preview-motions .active,#auth-tabs .active{background:#38362c;color:#ffff80;border-color:#cfc37c}.original-pages,.collection-navigation{color:#fff}.original-pages button,.collection-navigation button{background-color:#171717}.item-description,.shop .original-catalog-item p,.panel-toolbar,.settings-grid,.settings-card small{color:#bfbfbf}.collection-stats>div,.inventory-stat-list>div{color:#ddd;border-color:#555}.collection-stats b{color:#80ff80}.inventory-stat-list b{color:#fff}.original-selection{color:#c9c9c9;border-color:#686454}.collection-progress{background:#131313;border-color:#77745f}.collection-progress i{background:url('assets/war3mapImported/UI_bar3.png') left center/100% 100%}.collection-selection{border-color:#555}.class-card{background:#101010;border-color:#78756a}.class-card.active{background:#343329;color:#ffff80;border-color:#e9df9a}.class-detail #class-name{color:#ffff80}.class-detail p,.save-note,.muted{color:#c2c2c2}.character-stage{background:radial-gradient(ellipse at 50% 80%,#b3b3aa22,transparent 60%)}#tooltip{background:var(--original-panel) center/100% 100%;border-color:#a8a17e;color:#fff}#tooltip b{color:#ffff80}
#chat{background:var(--original-panel) center/100% 100%;border-color:#8d8870;border-radius:2px}#chat-profile{display:flex;align-items:center;gap:8px;font-size:10px;color:#aaa;border-bottom:1px solid #555;padding:4px 0 8px}#chat-name{font-weight:400;color:#fff;font-size:11px}#chat input,#auth-form input{background:#111;border-color:#777263;color:#fff}#chat-messages p,#online-status{color:#d1d1d1}#chat-messages strong{color:#ffff80}#chat-messages .self strong{color:#80ff80}.chat-footnote{color:#a4a4a4}#chat>header strong{color:#fff}#chat-toggle{background:none;color:#ddd}#chat-login{background:#171717;color:#ffff80}#notifications p{background:linear-gradient(90deg,#111b,#1112);border-left-color:#aaa184;color:#fff}#notifications p:first-child{color:#ffff80}#top{background:linear-gradient(#080808e8,#10101080,transparent)}#resources>span{background:#111b;border-color:#77745b;color:#ddd}.map-panel{background:#111c;border-color:#928a66}.map-panel span{color:#ccc}#target-card,#travel-guide{background:#151515dd;border-color:#aba07b;color:#fff}#travel-name{color:#ffff80}#travel-distance{color:#ccc}.hero-panel{background:linear-gradient(90deg,#1118,#1114)}#hero-name,#level,#stats span,#stats b{color:#fff}.hero-panel .xp i{background:url('assets/war3mapImported/UI_bar3.png') left center/100% 100%}.native-item{background:#111a url('assets/war3mapImported/UI_ItemBox.png') center/100% 100%;border:0}.native-item:after{display:none}.settings-card .account-badge{color:#ffff80}#auth-gate{background:linear-gradient(90deg,#080808e8,#121212c9),url('remaster/hunt-forest.webp') center/cover}#auth-card h1{color:#eee5be}#auth-help{color:#c4c4c4}#auth-tabs button{background:#141414;border-color:#6a685b}
@media(min-width:900px){#hud .hero-panel{width:120px;left:348px}#stats{font-size:9px;gap:6px}.hero-panel .hp{left:6px;right:6px}#quick button{background:#141414;border-color:#b1a47d}#quick button span{color:#fff}.item-tray-heading button{color:#fff;background:none}.hero-panel .xp,.hero-panel .xp-label{left:87px}.skills-panel{background:#1113}}

.original-inventory .equipment-board{min-height:600px}.original-inventory .bag-board{grid-row:1}.inventory-actions{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:10px;color:#ccc;flex-wrap:wrap}.inventory-actions button{padding:8px 12px}.inventory-actions label{display:flex;align-items:center;gap:5px}.inventory-actions small{color:#bbb}.slot-lock{position:absolute;top:3px;right:3px;font-size:8px;color:#ffb080;background:#101010cc}.slot-mark{position:absolute;inset:0;display:grid;place-items:center;color:#ff6060;font-size:27px;font-weight:bold;text-shadow:1px 1px #000}.original-item-tooltip{position:fixed;z-index:90;background:url('assets/war3mapImported/UI_InventoryBackPanel.png') center/100% 100%;border:1px solid #888570;padding:11px 10px;color:#fff;font-size:11px;line-height:1.65;box-shadow:0 4px 15px #000b;pointer-events:none;overflow-wrap:anywhere;white-space:normal}.original-item-tooltip>b{display:block;margin-bottom:9px;font-size:12px;color:#fff}.original-item-tooltip .comparison-title{display:block;color:#ffff80;font-size:10px;margin-bottom:8px}.original-inventory .bag-cells .slot{min-height:0}

.enhancement-board{padding:12px!important}.enhance-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.enhance-top h3{margin:0}.enhance-top button{width:28px;height:28px}.enhance-targets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 6px}.enhance-target{aspect-ratio:1}.enhance-target>small{position:absolute;bottom:-14px;left:-2px;right:-2px;font-size:8px;text-align:center;color:#efefef;white-space:nowrap}.enhance-target.blocked{outline:1px solid #ff3030}.enhance-target.blocked>small{color:#ff6060}.enhance-chance{min-height:47px;max-height:92px;overflow:auto;margin:15px 0 8px;font-size:10px}.enhance-chance p{display:flex;gap:7px;justify-content:space-between;margin:3px 0}.enhance-chance b{color:#ff8000;font-weight:400;white-space:nowrap}.enhance-scrolls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:17px}.enhance-actions{display:grid;grid-template-columns:45px minmax(0,1fr) 45px;gap:6px}.enhance-actions button{min-height:43px;font-size:10px;padding:4px}.enhance-actions #enhance-execute{font-size:13px}#enhance-reset{display:block;margin:8px 0 0 auto;font-size:10px;padding:5px 9px}.enhance-costs{margin-top:14px;border-top:1px solid #5a5649;padding-top:9px;font-size:10px;line-height:1.6}.enhance-costs>strong{font-weight:400;color:#efefef}.enhance-costs p{display:flex;justify-content:space-between;gap:5px;margin:5px 0}.enhance-costs b{font-weight:400;color:#ddd}.enhance-costs>span{display:block;color:#ff9999}.enhance-costs>small{display:block;color:#8080ff;margin-top:10px}.enhance-instruction{font-size:10px;line-height:1.8;text-align:center;color:#efefef;margin-top:18px}.enhance-warning{font-size:9px;line-height:1.7;text-align:center;color:#bcb9aa}.class-card small{font:9px Georgia;color:#bbb;margin-bottom:3px}

#union{position:absolute;left:920px;bottom:55px;width:40px;height:40px;padding:1px;border:1px solid #aaa17a;background:#111;pointer-events:auto}#union img{width:100%;height:100%}#union span{position:absolute;left:-8px;right:-8px;top:45px;font-size:10px;text-shadow:1px 1px #000}#account-progress{position:absolute;left:10px;top:220px;width:100px;z-index:3;font-size:11px;text-shadow:1px 1px #000}#account-progress button{border:0;padding:5px;background:#1119;color:#ffff80;font-size:11px}#boss-tickets{display:grid;gap:5px;margin-top:9px}#boss-tickets span{display:flex;justify-content:space-between;color:#fff;font-size:10px}#boss-tickets b{font-weight:400;color:#cbe6ab}.original-union{min-width:780px;padding:15px}.union-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px 16px}.union-card{height:165px;padding:10px 4px;display:flex;align-items:center;flex-direction:column;gap:7px;background:url('assets/war3mapImported/BTNITEM_ICON_11.png') center/100% 100%;border:0;color:#fff}.union-card img{width:52px;height:52px}.union-card strong{font-size:11px;font-weight:400}.union-card span{font-size:10px}.union-card small{font-size:9px;color:#aaa}.union-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.union-totals p{display:flex;justify-content:space-between;background:url('assets/war3mapImported/UI_bar3.png') center/100% 100%;padding:12px 15px;font-size:12px}.union-bonuses{padding:16px;background:url('assets/war3mapImported/UI_InventoryBackPanel.png') center/100% 100%;font-size:11px;line-height:1.5;border:1px solid #686352}.union-bonuses p{margin:4px 0}.union-note{text-align:center;font-size:11px;color:#ffff80;margin-top:22px}
@media(min-width:900px){#quick #auto{width:60px;height:60px;margin-top:0;justify-content:center;gap:6px}#quick #auto img{display:none}#quick #auto span{position:static;font-size:11px;line-height:15px}#quick #auto b{position:static;font-size:10px;background:none;padding:0}#hud .hero-panel{top:25px;height:155px;bottom:auto}.hero-panel .xp,.hero-panel .xp-label{bottom:-25px}#quick button{box-shadow:inset 0 0 0 2px #302f25}}
@media(max-width:899px){#union{left:auto;right:6px;bottom:calc(100% + 10px);width:36px;height:36px}#union span{top:39px;font-size:9px}#account-progress{top:210px;width:90px;font-size:10px}}

/* The game and global chat occupy separate, bounded columns. */
html,body{background:#171614;font-size:14px}
body{padding:16px;display:flex;justify-content:center;align-items:flex-start}
#play-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:14px;width:100%;max-width:1780px;height:min(960px,calc(100dvh - 32px));min-height:600px}
#game{min-width:0;height:100%;border:1px solid #6e6856;background:#111;overflow:hidden;--hud-height:210px;container-type:inline-size}
#world,#overlay{top:54px;bottom:210px;width:100%;height:calc(100% - 264px)}
#top{height:54px;padding:0 14px;background:#171714;border-bottom:1px solid #6e6856;gap:12px}
.brand{font-size:17px}.brand .game-crest{height:40px;width:32px}.sub{font-size:9px}
#resources{gap:8px}#resources>span{font-size:12px;padding:6px 9px}#resources b{font-size:15px}.top-actions{gap:10px}#fps{font-size:11px}
#location{top:72px;left:17px;font-size:16px;background:#111c;padding:7px 12px;border:1px solid #7b7356}
#account-progress{left:14px;top:128px;width:98px;padding:6px;background:#111d;border:1px solid #74705e;font-size:12px}
#conqueror-level{width:100%;font-size:12px!important;min-height:30px;color:#ffff80;background:var(--original-button) center/100% 100%!important}
#boss-tickets{gap:7px;margin:9px 3px 3px}#boss-tickets span{font-size:11px}
#target-card{top:70px;font-size:14px}#notifications{left:14px;bottom:224px;width:320px;font-size:13px}#notifications p{background:#111e;border:1px solid #6b6451;text-shadow:none}
#travel-guide{bottom:224px;background:#161612}
#chat,#chat.collapsed{position:relative;inset:auto;width:100%;height:100%;min-height:0;z-index:1;border:1px solid #827a60;background:#111110;box-shadow:none;opacity:1}
#chat>header{min-height:54px;padding:12px 14px;background:#22211b}#chat>header strong{font-size:15px}#chat-count{font-size:13px}
#chat-toggle{display:none}#chat.collapsed .chat-body{display:flex}.chat-body{padding:14px;gap:13px}
#chat-profile{font-size:12px;padding:8px 0 12px}#chat-name{font-size:14px;color:#fff}#online-status{font-size:12px;color:#c8c8bf}
#chat-messages p{font-size:14px;line-height:1.85;margin:7px 0;color:#eee}#chat-messages strong{font-weight:600}.chat-empty{color:#bcbcb3!important}
#chat-form{grid-template-columns:minmax(0,1fr) 48px}#chat input{min-height:40px;font-size:13px;padding:9px}#chat-send{font-size:12px}.chat-footnote{font-size:11px;color:#b8b8ad}
#hud{position:absolute;left:0;right:0;bottom:0;width:100%;height:210px;transform:none;display:grid;grid-template-columns:146px minmax(0,1fr) 196px;gap:16px;padding:16px 14px 24px 176px;background:#171714 url('assets/war3mapImported/UI_InventoryBackPanel.png') center/100% 100%;border:0;border-top:1px solid #8c8160;border-radius:0;box-shadow:none;pointer-events:auto}
#hud .hero-panel{position:relative;inset:auto;width:auto;height:auto;padding:0 12px 0 0;background:none;border:0;border-right:1px solid #5f5b48;min-width:0}
#portrait{display:none}.hero-title{display:block;margin:0 0 8px}#hero-name{font-size:17px;color:#ffffc1}#level{font:12px "Malgun Gothic",sans-serif;color:#ddd}
#stats{font-size:12px;grid-template-columns:1fr;gap:6px;margin:8px 0}#stats span{color:#ddd}#stats b{color:#fff;font-variant-numeric:tabular-nums}
#hud .hero-panel .hp{position:absolute;bottom:0;left:0;right:12px;height:17px}.hp span{font-size:11px;line-height:15px}
#hud .hero-panel .xp,#hud .hero-panel .xp-label{position:absolute;left:0;bottom:-19px;width:calc(100% - 12px);height:12px;font-size:8px;padding:0 4px;border-radius:0;margin:0}.hero-panel .xp-label>span:first-child{display:none}
#hud .controls-panel{position:relative;inset:auto;display:flex;flex-direction:column;gap:17px;padding:0;pointer-events:auto;min-width:0}
#quick{position:static;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;width:100%;height:auto}
#quick button,#quick #auto{width:100%;height:auto;aspect-ratio:1;max-height:70px;margin:0;padding:3px;justify-content:center;overflow:visible;background:#10100e;border:1px solid #9c8c5c;box-shadow:none}
#quick button img,#quick #auto img{display:block;width:100%;height:100%;margin:0;object-fit:contain}
#quick button span,#quick #auto span{position:absolute;left:-5px;right:-5px;top:calc(100% + 6px);font-size:12px;line-height:15px;color:#fff;text-shadow:none;text-align:center;white-space:nowrap}
#quick #auto b{position:absolute;right:3px;top:3px;background:#111e;font:bold 9px Georgia;padding:2px;color:#c8df99}
#quick button kbd{font-size:9px;padding:0 3px}#quick #auto.active{outline:1px solid #d1df9a;box-shadow:inset 0 0 9px #99b86b80}
#hud .item-tray{position:relative;inset:auto;width:100%;height:auto;margin-top:16px;padding:6px 0 0;border-top:1px solid #5b5849}
.item-tray-heading{position:static;width:100%;margin:0 0 5px;font-size:11px;justify-content:space-between}.item-tray-heading>span{display:block;color:#d2d2c7}.item-tray-heading button{font-size:11px;text-shadow:none}
.quick-slots{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;height:44px}#potion{width:44px;height:44px}#native-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;height:44px}.native-item{width:auto;height:44px;max-width:44px}.native-item kbd{font-size:9px}
#hud .skills-panel{position:relative;inset:auto;width:auto;padding:0;border:0;background:none}.skills-panel>.hud-title{display:none}
#skills{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;width:100%;height:158px}.skill small{font-size:10px!important}#skills>button span{font-size:10px}#skills>button kbd{font-size:9px}
.map-panel{top:auto;left:14px;right:auto;bottom:24px;width:146px;z-index:5;padding:4px;background:#121210;border:1px solid #968766;box-shadow:none}.map-panel canvas{height:111px}.map-panel span{font-size:10px;padding:6px 0 2px}
#union{left:16px;bottom:170px;display:flex;align-items:center;gap:8px;width:142px;height:29px;border:0;background:none}#union img{width:27px;height:27px}#union span{position:static;font-size:12px;text-shadow:none}
.window,.window[data-mode=inventory],.window[data-mode=craft],.window[data-mode=shop]{top:64px;bottom:10px;left:10px;width:calc(100% - 20px);height:auto;max-height:none;transform:none;min-height:0}
.window>header{min-height:50px;padding:9px 15px}.window>header small{display:none}.window>header h2{font-size:20px;margin:0}#panel-body{padding:12px;scrollbar-color:#a19776 #111}
.window[data-mode=inventory] #panel-body{display:flex;flex-direction:column;overflow:hidden}.panel-toolbar{font-size:12px;line-height:1.6;min-width:0;flex-shrink:0;margin-bottom:10px}.panel-toolbar p{max-width:90%}
.inventory-workspace.original-inventory{min-width:0;min-height:0;flex:1;grid-template-columns:270px minmax(0,1fr);gap:12px;align-items:stretch}
.original-inventory .equipment-board{min-height:0;height:100%;padding:12px}.equipment-board h3{font-size:15px;margin:0 0 9px}.equipment-board>.tabs{gap:5px;margin:0 0 10px}.equipment-board>.tabs button{padding:5px 9px;min-height:29px;font-size:12px}
.equipment-cells{height:calc(100% - 77px);grid-template-columns:48px 48px;grid-template-rows:repeat(5,minmax(0,1fr));gap:8px 0;padding:0;align-items:center}.equipment-cells .slot{height:48px;width:48px}
.inventory-stat-list{top:109px;bottom:40px;left:68px;right:68px;gap:0;align-content:space-around}.inventory-stat-list>div{font-size:11px;line-height:1.4;padding:3px 0}
.original-inventory .bag-board{min-width:0;min-height:0;height:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.bag-cells{width:min(100%,var(--bag-size,540px));height:var(--bag-size,540px);flex-shrink:0;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));gap:3px}
.bag-cells .slot{width:100%;height:100%;aspect-ratio:auto;padding:3px}.slot .count{font-size:10px}.inventory-actions{width:100%;margin-top:9px;gap:6px;font-size:11px;flex-wrap:wrap}.inventory-actions button{font-size:11px;padding:6px 9px}.inventory-actions small{font-size:10px;letter-spacing:0}
.original-item-tooltip{font-size:13px;line-height:1.6;background-color:#111}.original-item-tooltip>b{font-size:14px}.original-item-tooltip .comparison-title{font-size:12px}
.original-catalog,.original-collection{min-width:0;min-height:0}.original-catalog{grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr)}.original-grid-side{grid-template-rows:minmax(240px,1fr) 32px 38px 58px;padding:10px;gap:7px}.original-catalog-grid{gap:6px;padding:0}.original-catalog-item,.catalog-empty-slot{width:min(54px,100%);height:auto;aspect-ratio:1}.original-requirements{grid-template-rows:42px minmax(250px,1fr) 65px;padding:10px}.original-need strong,.original-selection strong{font-size:12px}.original-need>img{width:42px;height:42px}.original-need span{font-size:12px}.original-categories button{min-width:0;font-size:12px}
.original-collection{grid-template-columns:190px minmax(0,1fr);height:100%;gap:10px}.collection-catalog{padding:12px;gap:10px}.collection-icon-grid{grid-template-rows:repeat(4,minmax(55px,1fr));gap:8px 5px;flex:1}.collection-icon{height:auto;aspect-ratio:1}.collection-stats>div{font-size:12px}.collection-stats h3{font-size:15px}.collection-categories button{font-size:12px}.collection-icon small{letter-spacing:0;font-size:11px}
.original-union{min-width:0;padding:10px}.union-grid{gap:12px 8px}.union-card{height:150px}.union-card strong{font-size:12px}.union-card span{font-size:11px}
.veil{padding:14px}.class-window{max-height:calc(100% - 12px);padding:20px;gap:12px 20px}#tooltip{font-size:13px;background-color:#111}
@container(max-width:1050px){#hud{padding-left:141px;grid-template-columns:130px minmax(0,1fr) 172px;gap:12px}.map-panel{width:115px}.map-panel canvas{height:91px}#union{width:114px}.hero-title #hero-name{font-size:16px}#quick{gap:7px}#quick button span,#quick #auto span{font-size:11px}#skills{height:150px}.inventory-workspace.original-inventory{grid-template-columns:248px minmax(0,1fr)}.inventory-stat-list{left:65px;right:65px;font-size:10px}.shop .original-catalog-item>strong{font-size:11px}}
@media(max-width:1150px){body{padding:10px}#play-layout{grid-template-columns:minmax(0,1fr) 245px;gap:10px;height:calc(100dvh - 20px)}#chat-messages p{font-size:13px}.chat-body{padding:11px}}
@media(max-width:1000px){html,body{height:auto;min-height:100%;overflow:auto}#play-layout{grid-template-columns:1fr;height:auto;min-height:0}#game{height:760px}#chat,#chat.collapsed{height:330px}.chat-footnote{display:block}.settings-card .key-guide{grid-template-columns:1fr 1fr}}
@media(max-width:650px){body{padding:5px}#play-layout{gap:8px}#game{height:870px;--hud-height:300px}#world,#overlay{top:48px;bottom:300px;height:calc(100% - 348px)}#top{height:48px;padding:0 7px;gap:6px}.brand{font-size:13px}.brand small,.sub,#fps{display:none}.brand .game-crest{width:20px;height:28px}#resources{gap:4px}#resources>span{font-size:9px;padding:4px;gap:3px}#resources b{font-size:11px}.top-actions button{padding:4px 7px;font-size:11px}#hud{height:300px;grid-template-columns:122px minmax(0,1fr);grid-template-rows:150px 105px;gap:15px 12px;padding:14px}#hud .hero-panel{grid-column:1;grid-row:1;padding-right:9px}#hud .controls-panel{grid-column:1/3;grid-row:2;gap:6px}#quick{gap:11px}#quick button,#quick #auto{max-height:47px}#quick button span,#quick #auto span{font-size:10px;top:calc(100% + 3px)}#hud .item-tray{margin-top:12px;padding-top:0;border:0}.item-tray-heading{display:none}.quick-slots{height:31px;grid-template-columns:31px 1fr;gap:11px}#potion{width:31px;height:31px}#native-items{height:31px;gap:11px}.native-item{height:31px;max-width:31px}#hud .skills-panel{grid-column:2;grid-row:1}#skills{height:150px}#stats{font-size:11px;gap:5px}.map-panel{left:auto;right:8px;top:61px;bottom:auto;width:97px}.map-panel canvas{height:71px}.map-panel span{display:none}#union{left:12px;bottom:311px;width:98px;background:#111d}#account-progress{top:112px;left:10px;width:91px}#notifications{bottom:351px;width:260px;font-size:11px}#travel-guide{bottom:313px;max-width:calc(100% - 130px);left:auto;right:7px;transform:none;gap:6px}#travel-distance{display:none}#travel-name{font-size:10px}#travel-go{font-size:10px;padding:6px}.window{top:53px!important;bottom:5px!important;left:4px!important;width:calc(100% - 8px)!important}#panel-body{padding:7px}.inventory-workspace.original-inventory{grid-template-columns:1fr;grid-template-rows:260px minmax(0,1fr);gap:8px}.original-inventory .equipment-board{grid-column:1;grid-row:1;padding:8px}.original-inventory .bag-board{grid-column:1;grid-row:2;padding:6px}.equipment-board h3{font-size:13px}.equipment-board>.tabs{position:absolute;top:6px;right:9px}.equipment-cells{height:calc(100% - 27px);grid-template-columns:39px 39px;gap:2px}.equipment-cells .slot{width:38px;height:38px}.inventory-stat-list{top:47px;bottom:14px;left:59px;right:59px;grid-template-columns:1fr 1fr;gap:7px 12px}.inventory-stat-list>div{font-size:10px}.panel-toolbar{font-size:10px;margin-bottom:6px}.inventory-actions{margin-top:5px;font-size:9px}.inventory-actions button{font-size:10px;padding:5px}.inventory-actions small{display:none}.original-catalog{grid-template-columns:1fr;grid-template-rows:420px 240px;height:auto}.original-requirements{grid-template-rows:30px 1fr 45px}.original-six-needs{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:4px}.original-need{gap:5px}.original-need>img{width:30px;height:30px}.original-need strong,.original-need span{font-size:10px}.original-collection{grid-template-columns:1fr;height:auto}.collection-stats{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:0 10px}.collection-stats h3{grid-column:1/3}.collection-stats>div{font-size:10px;padding:4px}.collection-icon-grid{height:220px;flex:none;gap:10px 3px;grid-template-rows:repeat(4,42px)}.collection-icon small{font-size:9px}.collection-categories{gap:3px}.collection-categories button{font-size:10px}.union-grid{grid-template-columns:repeat(4,1fr)}.union-summary{grid-template-columns:1fr;gap:10px}.class-window{padding:14px}.original-union{padding:0}}

.skill-cooldown{position:absolute;inset:0;background:#000b;color:#fff;font:bold 15px Georgia;display:grid;place-items:center;z-index:2}
#play-layout{max-width:1620px}
#hud{grid-template-rows:168px;padding-bottom:25px}
#hud .controls-panel{width:100%;max-width:530px;justify-self:center}
#quick{grid-template-columns:repeat(7,60px);justify-content:space-between;gap:5px}
#quick button,#quick #auto{width:60px;height:60px;aspect-ratio:1}
#hud .item-tray{margin-top:17px}
.quick-slots{display:flex;gap:5px}.quick-slots #potion{flex:0 0 44px}#native-items{display:flex;gap:5px}.native-item{width:44px;flex:0 0 44px}
#hud .hero-panel{display:flex;flex-direction:column;height:168px}
#stats{margin:0 0 8px;gap:5px;flex:1}
#hud .hero-panel .hp{position:relative;inset:auto;width:calc(100% - 4px);height:18px;flex:0 0 18px}
#hud .hero-panel .xp-label{position:relative;inset:auto;height:15px;width:calc(100% - 4px);font-size:10px;padding:0;order:5;margin-top:5px}
#hud .hero-panel .xp{position:relative;inset:auto;width:calc(100% - 4px);height:5px;flex:0 0 5px;order:6}
.hero-panel .xp-label>span:first-child{display:block}
#skills .native-command span{font-size:9px;white-space:nowrap;padding:1px;letter-spacing:-.5px}
#resources>span{gap:6px}#resources>span>img{width:23px;height:23px;object-fit:contain}.currency-label{font-size:11px}
@container(max-width:1050px){#quick{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}#quick button,#quick #auto{width:100%;height:auto;aspect-ratio:1;max-height:56px}.currency-label{display:none}#resources>span{padding:5px}#resources>span>img{width:19px;height:19px}}
@media(max-width:650px){#hud{grid-template-rows:150px 105px}#hud .hero-panel{height:150px}#quick{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}#quick button,#quick #auto{width:100%;height:auto;max-height:46px}#native-items{gap:5px}.native-item{width:31px;flex-basis:31px}.quick-slots #potion{flex-basis:31px}#hud .hero-panel .xp-label{font-size:9px;margin-top:3px;height:12px}#stats{margin-bottom:5px;gap:3px}#resources>span[data-currency="104"],#resources>span[data-currency="105"]{display:none}#resources>span>img{width:16px;height:16px}}

#account-progress{display:grid;gap:7px;width:78px;padding:0;background:none;border:0}#account-progress button{width:100%;min-height:29px;background:#111 var(--original-button) center/100% 100%;border:1px solid #8f8261;font-size:12px;color:#ffff80}

.altar-commands{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px}.altar-commands button{padding:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.altar-commands img{width:54px;height:54px}.altar-commands span{font-size:13px}.window[data-mode=altar]{width:min(570px,calc(100% - 20px));height:380px;bottom:auto}

#tooltip{z-index:1000;overflow:auto;pointer-events:none}
.tooltip-group{position:fixed;z-index:1000;display:flex;align-items:flex-start;gap:8px;pointer-events:none}.tooltip-group .original-item-tooltip{position:static;flex:1;width:0;min-width:0;font-size:12px;max-height:inherit;overflow:auto}
#hud #union{position:static;display:inline-flex;align-items:center;gap:5px;width:auto;height:25px;padding:0 5px;margin-left:6px;flex:none;background:none;border:0}#hud #union img{width:24px;height:24px}#hud #union span{position:static;font-size:11px;white-space:nowrap}.item-tray-heading{justify-content:flex-start;gap:5px}.item-tray-heading>span{margin-right:auto}
.window[data-mode=inventory]{width:min(900px,calc(100% - 20px));height:min(740px,calc(100% - 78px));bottom:auto;left:50%;transform:translateX(-50%)}
.window[data-mode=inventory] .inventory-workspace{grid-template-columns:248px minmax(0,1fr)}
.window[data-mode=craft],.window[data-mode=shop],.window[data-mode=collection]{width:min(960px,calc(100% - 20px));height:min(730px,calc(100% - 78px));bottom:auto;left:50%;transform:translateX(-50%)}
@media(max-width:650px){.window[data-mode=inventory],.window[data-mode=craft],.window[data-mode=shop],.window[data-mode=collection]{left:4px!important;transform:none;height:calc(100% - 60px)!important}.window[data-mode=inventory] .inventory-workspace{grid-template-columns:1fr}.tooltip-group{gap:4px}.tooltip-group .original-item-tooltip{font-size:11px;padding:8px}.tooltip-group .original-item-tooltip>b{font-size:12px}.item-tray-heading{display:flex;min-height:22px;margin:0 0 3px}.item-tray-heading>span{display:none}.item-tray-heading button{font-size:10px}#hud #union{height:22px;margin-left:auto}#hud #union img{width:20px;height:20px}#hud .item-tray{margin-top:8px}.quick-slots{height:28px}#native-items,.native-item{height:28px}#potion{width:28px;height:28px}}

#quest-tracker{position:absolute;right:14px;top:72px;width:166px;padding:12px;background:#111e url('assets/war3mapImported/UI_InventoryBackPanel.png') center/100% 100%;border:1px solid #857a5e;z-index:2;font-size:12px;line-height:1.6}#quest-tracker strong{color:#ffff80;font-size:13px}#quest-tracker p{margin:10px 0;white-space:normal}#quest-tracker small{font-size:11px;color:#dec98a}.quest-pages{display:grid;grid-template-columns:180px 1fr;gap:20px;height:100%}.quest-pages nav{display:flex;flex-direction:column;gap:7px}.quest-pages nav button{padding:10px;text-align:left}.quest-pages article{font-size:14px;line-height:1.9;padding:10px 20px;background:#111;border:1px solid #6c6757}.quest-pages h3{margin-top:0}.top-actions small{font-size:9px;color:#c4b17f}@container(max-width:1050px){.top-actions{gap:5px}.top-actions button{padding:5px 8px;font-size:12px}#quest-tracker{width:150px;font-size:11px}}@media(max-width:650px){#quest-tracker{top:148px;right:8px;width:128px;padding:8px;font-size:10px}.top-actions small{display:none}.top-actions button{font-size:10px;padding:4px}.quest-pages{grid-template-columns:1fr;height:auto}.quest-pages nav{display:grid;grid-template-columns:repeat(3,1fr)}.quest-pages nav button{font-size:11px;padding:7px}.quest-pages article{font-size:12px;padding:10px}}

#world{cursor:none}#game-cursor{position:fixed;left:0;top:0;width:32px;height:32px;z-index:2000;pointer-events:none;background:url('assets/UI/Cursor/HumanCursor.png') 0 0;filter:drop-shadow(1px 2px 1px #0008)}#game-cursor[data-mode=attack]{background-position:0 -64px}#game-cursor[data-mode=pk]{background-position:-32px -96px;filter:sepia(1) saturate(7) hue-rotate(310deg)}#game-cursor.pressed{opacity:.7}.option-preview{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #5c584c;padding:12px;font-size:12px;line-height:1.6}.option-target{width:53px;height:53px}.option-scroll{display:flex;justify-content:center;align-items:center;gap:8px;margin:14px}.option-scroll img{width:45px;height:45px}.option-action{text-align:center;font-size:12px;margin:12px 0}.option-action button{min-width:140px;padding:12px}.tooltip-options{border-top:1px solid #6c6959;color:#c0e3ae;margin-top:9px;padding-top:7px}

.potion-settings{grid-column:1/3}.potion-slider{display:block;margin-top:16px}.potion-slider input{display:block;width:100%;accent-color:#c5af6d;margin-top:12px}.potion-slider output{color:#ffff80;font-size:17px;font-weight:bold}.potion-settings>label>input[type=checkbox]{accent-color:#c5af6d}@media(max-width:650px){.potion-settings{grid-column:1}}

#target-card button{padding:6px 10px;margin:7px 4px 0;font-size:12px}.player-equipment{max-width:500px;margin:auto;padding:15px}.peer-equipment-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.peer-equipment-grid button{width:60px;height:60px}.peer-stats{font-size:14px;line-height:1.9;margin-top:20px}

@media(max-width:650px){.window,.window[data-mode=inventory],.window[data-mode=craft],.window[data-mode=shop],.window[data-mode=collection]{position:fixed;inset:8px!important;width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:none;transform:none!important;z-index:800}#game{container-type:normal}.window[data-mode=inventory] .inventory-workspace{grid-template-rows:240px minmax(0,1fr)}.window .equipment-cells .slot{width:35px;height:35px}.window .inventory-stat-list{top:44px;bottom:12px}}

#game[data-panel-open]{z-index:20}

#ranking{position:absolute;right:14px;top:72px;width:166px;height:28px;z-index:12;font-size:12px;background:#111 var(--original-button) center/100% 100%}#quest-tracker{top:109px}#ranking-board{position:absolute;right:14px;top:109px;width:205px;background:var(--original-panel) center/100% 100%;border:1px solid #94845b;padding:13px;z-index:12;font-size:12px}#ranking-board>strong{display:block;text-align:center;color:#ffff80;margin-bottom:13px}#ranking-board ol{list-style:none;padding:0;margin:0}#ranking-board li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #34332c}#ranking-board li:first-child{color:#80ffff}#ranking-board li:nth-child(2),#ranking-board li:nth-child(3){color:#ffff80}#ranking-board small{color:inherit;font-size:11px}#ranking-board p{color:#bdb8a4;font-size:10px;margin:12px 0 0}.window[data-mode=quests]{width:min(780px,calc(100% - 24px));height:min(560px,calc(100% - 85px));left:50%;top:67px;bottom:auto;transform:translateX(-50%)}.window[data-mode=quests] #panel-body{padding:18px}.quest-pages{grid-template-columns:158px minmax(0,1fr);gap:18px}.quest-pages nav button{min-height:43px;padding:10px 12px;font-size:12px}.quest-pages article{padding:20px 24px;overflow:auto;font-size:13px;line-height:1.9}.quest-pages article h3{font-size:19px;color:#eee3bc;margin-bottom:18px}.quest-pages article>div{max-width:48ch}@media(max-width:650px){#ranking{right:8px;top:145px;width:128px;height:26px;font-size:11px}#quest-tracker{top:179px}#ranking-board{top:179px;right:8px}.quest-pages{grid-template-columns:1fr;gap:12px}.quest-pages article{padding:15px}.window[data-mode=quests] #panel-body{padding:10px}}

.window[data-mode=board]{width:min(890px,calc(100% - 24px));height:min(700px,calc(100% - 85px));top:67px;left:50%;transform:translateX(-50%);bottom:auto}.board-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.board-tabs button{padding:11px;font-size:13px}.board-tabs .active{border-color:#e0c274;color:#ffffb0;background:#302b1d}.board-toolbar{display:flex;align-items:center;justify-content:space-between;margin:10px 0 14px;font-size:12px}.board-toolbar button,.board-pages button{padding:7px 12px}.board-list{border-top:1px solid #776d52}.board-row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:14px 10px;border:0;border-bottom:1px solid #504d42;background:none}.board-row strong{display:block;font-size:14px;font-weight:500}.board-row small{display:block;margin-top:7px;font-size:11px;color:#bbb;letter-spacing:0}.board-row b{font-size:12px;color:#c8b67e}.board-pages{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.board-empty,.board-loading{padding:45px 20px;text-align:center;color:#bbb}.board-article{padding:10px 4px 24px}.board-article h3{font-size:21px;color:#f5edce;line-height:1.5;margin:5px 0 10px}.board-article>small{font-size:11px;letter-spacing:0;color:#b8b8aa}.board-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:25px;font-size:14px;line-height:1.9}.board-comments{border-top:1px solid #6e6651}.board-comments p{padding:12px 5px;border-bottom:1px solid #48453b}.board-comments strong{font-size:12px;color:#d9cfaa}.board-comments small{font-size:10px;letter-spacing:0;color:#aaa;margin-left:10px}.board-comments span{display:block;white-space:pre-wrap;margin-top:9px;font-size:13px;line-height:1.7}#board-editor label{display:flex;flex-direction:column;gap:8px;margin:12px 0;font-size:13px}#board-editor input,#board-editor textarea,#board-comment textarea{background:#10100e;border:1px solid #79725d;color:#fff;padding:12px;font:14px/1.7 "Malgun Gothic",sans-serif;resize:vertical;min-width:0;width:100%}#board-editor textarea{min-height:270px}#board-editor>div{display:flex;justify-content:flex-end;gap:8px}#board-editor button,#board-comment button{padding:10px 18px}#board-comment{display:flex;gap:8px;margin-top:15px}#board-comment textarea{min-height:65px}#board-comment button{white-space:nowrap}#board-status,.board-error{color:#efc09c;font-size:12px}@media(max-width:650px){.board-tabs{gap:4px}.board-tabs button{font-size:11px;padding:9px 3px}.board-article h3{font-size:18px}#board-comment{flex-direction:column}.window[data-mode=board]{position:fixed;inset:8px!important;transform:none!important;width:calc(100vw - 16px);height:calc(100dvh - 16px)}}

#update-notice{position:fixed;right:18px;bottom:18px;z-index:2500;width:min(330px,calc(100vw - 28px));padding:18px 20px;background:#16150fee;border:1px solid #d6b86a;box-shadow:0 8px 30px #0009;color:#fff}#update-notice strong{display:block;color:#ffe2a3;font-size:15px;margin-bottom:8px}#update-notice span{font-size:13px;line-height:1.6}

.slot .item-grade-overlay{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;pointer-events:none}.slot .count,.slot .upgrade,.slot .slot-lock,.slot .slot-mark{z-index:2}.item-use-hint{display:block;color:#ffe49a;border-top:1px solid #675d3e;margin-top:10px;padding-top:8px;font-size:12px;line-height:1.65}#stats .combat-power{color:#ffe6a2;border-bottom:1px solid #645737;padding-bottom:4px;margin-bottom:2px}#hud .hero-panel{gap:3px}#stats{gap:3px;font-size:11px}

.inventory-sort{display:flex;align-items:center;gap:7px;flex-shrink:0}.inventory-sort select{color:#ede3c9;background:#17150f;border:1px solid #776846;padding:5px}.inventory-sort button{padding:5px 10px}.inventory-actions{display:block!important;width:100%;position:relative}.inventory-discard{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inventory-selection{position:relative;display:flex;align-items:center;gap:8px;min-height:40px;border-bottom:1px solid #524b38;padding:6px 0;margin-bottom:6px;font-size:11px}.inventory-selection>span{flex:1;min-width:0}.inventory-selection b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-selection small{display:block;color:#bfb7a0;font-size:10px;margin-top:3px}.inventory-selection button{padding:7px 9px;white-space:nowrap}.inventory-collection-choices{position:absolute;bottom:100%;right:0;min-width:220px;max-height:240px;overflow:auto;padding:7px;border:1px solid #ae9562;background:#171610;z-index:10}.inventory-collection-choices button{display:block;width:100%;margin:4px 0;text-align:left}.panel-toolbar{gap:8px}.panel-toolbar p{flex:1;min-width:0}@media(max-width:650px){.panel-toolbar{align-items:flex-start}.inventory-sort{flex-wrap:wrap;max-width:155px;justify-content:flex-end}.inventory-selection{flex-wrap:wrap;font-size:10px}.inventory-selection>span{flex-basis:100%}.inventory-discard{gap:4px}}

.window[data-mode=player]{width:min(760px,calc(100% - 24px));height:min(580px,calc(100% - 85px));left:50%;top:67px;transform:translateX(-50%);bottom:auto}.player-inspection{padding:8px;max-width:720px;margin:auto}.player-identity{display:flex;gap:14px;align-items:center;border-bottom:1px solid #756546;padding-bottom:16px;margin-bottom:16px}.player-identity>img{width:64px;height:64px;border:1px solid #bba16b}.player-identity h3{font-size:22px;color:#f8e5ac;margin:0 0 7px}.player-identity span{font-size:13px;color:#dad1ba}.player-power{margin-left:auto;text-align:right}.player-power small{display:block;font-size:12px;color:#c5bb9f}.player-power strong{display:block;font-size:29px;color:#f1d58e;margin-top:5px}.player-overview{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}.player-health{position:relative;height:24px;background:#191911;border:1px solid #8d8559}.player-health i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#94ae66,#405d32)}.player-health span{position:relative;display:block;line-height:22px;text-align:center;font-size:12px;color:white}.player-stat-grid{margin:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.player-stat-grid>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #3d3b32;padding:9px 0;font-size:11px}.player-stat-grid dt{color:#c3bdaa}.player-stat-grid dd{margin:0;color:#fff2c8}.player-gear-groups h4{margin:0 0 8px;color:#d5c7a2;font-size:12px}.player-gear-groups>section{margin-bottom:14px}.peer-equipment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.peer-equipment-grid button{width:100%;height:auto;aspect-ratio:1;max-height:48px;position:relative}.peer-equipment-grid .slot small{font-size:9px}.player-info-note{font-size:11px;color:#c8bfaa;line-height:1.8;margin-top:16px}@media(max-width:650px){.player-overview{grid-template-columns:1fr;gap:14px}.player-stat-grid{grid-template-columns:repeat(3,1fr)}.player-identity h3{font-size:18px}.player-power strong{font-size:23px}.player-identity>img{width:45px;height:45px}.peer-equipment-grid button{max-height:43px}.player-info-note{margin:7px 0}}

#minimap{cursor:pointer}.world-map-view{height:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.world-map-view p{margin:0;color:#d6ccb3;font-size:12px}.world-map-view canvas{min-height:0;max-height:calc(100% - 60px);max-width:100%;width:auto;object-fit:contain;border:1px solid #8a7951;cursor:crosshair}.window[data-mode=worldmap]{width:min(800px,calc(100% - 24px));left:50%;transform:translateX(-50%)}

.enhance-targets.single{display:flex;justify-content:center;height:68px;min-height:68px;margin:10px 0}.enhance-targets.single .slot{width:64px;height:64px}.enhance-targets .slot{position:relative}.enhance-targets .blocked{opacity:.45}.enhance-chance{max-height:110px;overflow:auto}

/* Reserve health and experience independently of the stat row count. */
#hud .hero-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:34px 18px minmax(0,1fr) 18px;gap:3px;height:100%;min-height:0;overflow:hidden}
#hud .hero-title{grid-row:1;margin:0;min-height:0}#hud .hero-title>div{gap:0}#hud #hero-name{line-height:20px}#hud #level{line-height:13px}
#hud .hero-panel .hp{grid-row:2;position:relative;inset:auto;width:100%;height:18px;margin:0}
#hud #stats{grid-row:3;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));margin:0;gap:0;min-height:0;font-size:11px;line-height:13px}
#hud #stats span{min-height:0;align-items:center}#hud #stats .combat-power{margin:0;padding:0;border-bottom:1px solid #4f462e}
#hud .hero-panel .xp,#hud .hero-panel .xp-label{grid-area:4 / 1;position:relative;inset:auto;order:initial;margin:0;width:100%;height:18px;min-height:18px}
#hud .hero-panel .xp{z-index:1;border:1px solid #837241;background:#11120e}#hud .hero-panel .xp i{background:linear-gradient(#a39454,#665a2c)}
#hud .hero-panel .xp-label{z-index:2;padding:0 4px;font-size:10px;line-height:16px;color:#fff7d4;align-items:center;justify-content:space-between;white-space:nowrap;text-shadow:1px 1px 2px #000}#hud .hero-panel .xp-label>span:first-child{display:block}
.map-panel>span{white-space:nowrap;font-size:10px}
@media(min-width:651px){#hud{grid-template-rows:minmax(0,1fr)}}
@media(max-width:650px){#hud .hero-panel{height:150px;grid-template-rows:30px 16px minmax(0,1fr) 17px;gap:2px}#hud #stats{font-size:10px;line-height:11px}#hud .hero-panel .xp,#hud .hero-panel .xp-label{height:17px;min-height:17px}#hud .hero-panel .xp-label{font-size:9px}}

.player-gear-groups .peer-equipment-grid{grid-template-columns:repeat(5,minmax(0,52px));gap:7px;justify-content:space-between}.player-gear-groups .peer-equipment-grid button{height:auto;max-height:none;aspect-ratio:1}.player-stat-grid>div{font-size:12px}.player-info-note{font-size:12px}

/* Keep Korean control labels together; wrap the control row, not individual syllables. */
.window button,.window label,.window h3,.window strong{word-break:keep-all;overflow-wrap:break-word}
.inventory-discard button,.inventory-discard label,.inventory-sort button,.tabs button,.original-actions button,.original-categories button,.enhance-actions button,.option-action button{white-space:nowrap;flex-shrink:0}
.inventory-discard{row-gap:8px}.inventory-discard small{flex-basis:100%;line-height:1.5}
.options-board{overflow-y:auto;overscroll-behavior:contain;min-width:0}
.option-preview{gap:12px;padding:14px 10px;text-align:center}
.option-preview .option-target{display:grid;place-items:center;width:68px;height:68px;min-height:68px;padding:3px;flex:none;line-height:1.4;font-size:11px}
.option-preview .option-target:has(>span){width:86px}.option-target>span{white-space:nowrap}
.option-preview>strong{display:block;width:100%;line-height:1.6;word-break:keep-all}
.option-preview>div:not(.option-target){width:100%;text-align:left;line-height:1.7}.option-preview p{margin:7px 0}
.option-action p{line-height:1.7;word-break:keep-all}.option-action button{width:100%;min-width:0;padding:10px 8px}
.option-action .option-lines{display:block;color:#c9bd96;font-size:10px;margin-top:5px}
.item-protection{display:block;color:#e7c575;border-top:1px solid #68604b;margin-top:8px;padding-top:6px;word-break:keep-all}
.option-candidate-tooltip{white-space:pre-line;max-width:280px;max-height:60vh;overflow:auto}

/* Reserve the same detail height before and after selecting an inventory item. */
.inventory-selection{height:56px;min-height:56px;max-height:56px;flex:none;box-sizing:border-box;flex-wrap:nowrap}
.inventory-selection>span{min-width:0;overflow:hidden}.inventory-selection>small{display:none}
.inventory-selection>span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bag-cells,.bag-cells .slot{transition:none}
@media(max-width:650px){.inventory-selection{height:82px;min-height:82px;max-height:82px;flex-wrap:wrap;align-content:center;gap:5px}.inventory-selection>span{flex-basis:100%}.inventory-selection>span small{display:block}.inventory-selection button{font-size:10px;padding:5px 8px}}

.window[data-mode=altar]{width:min(680px,calc(100% - 28px));height:auto;max-height:calc(100% - 100px);top:78px;left:50%;transform:translateX(-50%);bottom:auto}
.window[data-mode=altar] #panel-body{padding:18px;display:block;overflow-y:auto}
.altar-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 14px;font-size:12px;color:#c5bdab}.altar-summary b{font-weight:400;color:#e8d296;white-space:nowrap}
.altar-bosses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.altar-boss{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:13px 12px 10px;background:linear-gradient(155deg,#25231c,#12120f)!important;border:1px solid #726548!important;box-shadow:inset 0 0 0 2px #191811;border-radius:2px;text-align:center}
.altar-boss:hover,.altar-boss:focus-visible{border-color:#dfc174!important;background:linear-gradient(155deg,#363021,#17150f)!important}
.altar-stage{display:flex;justify-content:space-between;align-items:center;width:100%;color:#b8a574;font-size:11px}.altar-stage kbd{border:1px solid #7f704a;padding:1px 5px;background:#111;font-size:10px}.altar-boss>img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 6px #000)}.altar-boss>strong{font-size:15px;line-height:1.4;min-height:21px;color:#f0e6c7}.altar-metrics{display:grid;gap:5px;font-size:11px;width:100%;padding-top:5px;color:#bcb8aa}.altar-metrics>span{display:flex;justify-content:space-between;gap:4px}.altar-metrics b{color:#e0d9c6;font-weight:400;white-space:nowrap}.altar-summon-label{border-top:1px solid #625437;margin-top:2px;padding-top:9px;width:100%;font-size:12px;color:#e3c47a}
.altar-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.altar-controls button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 10px;font-size:12px;background:#171711!important;border:1px solid #746748!important}.altar-controls img{width:25px;height:25px}.altar-controls b{font-size:11px;color:#bdb69f}.altar-controls [aria-pressed=true] b{color:#b9de89}.altar-note{font-size:11px;line-height:1.65;color:#b9b5a6;margin:14px 0 0;word-break:keep-all}#altar-result{font-size:12px;min-height:18px;margin:7px 0 0;color:#e8ce88}
#ranking-board{width:260px}.personal-rank-effect{border-top:1px solid #695d3e;padding-top:10px;margin-top:10px;font-size:12px;line-height:1.7;color:#e4d097;white-space:pre-line}
@media(max-width:650px){.altar-bosses{grid-template-columns:1fr;gap:8px}.altar-boss{display:grid;grid-template-columns:44px minmax(0,1fr) 42px;text-align:left;gap:6px 12px;padding:10px}.altar-stage{grid-column:1/4}.altar-boss>img{grid-column:1;grid-row:2/4}.altar-boss>strong{grid-column:2;grid-row:2;font-size:14px}.altar-metrics{grid-column:2;grid-row:3;font-size:10px}.altar-summon-label{grid-column:3;grid-row:2/4;border:0;text-align:center;margin:0;padding:0}.altar-controls{gap:7px}.altar-controls button{font-size:11px;gap:5px;padding:6px}.altar-summary{font-size:11px;gap:6px}}
.altar-stage kbd{position:static;inset:auto;transform:none;display:inline-block;line-height:16px}

.admin-badge,.verified-admin::after{display:inline-block!important;margin-left:5px;border:1px solid #b59b50;background:#302718;color:#ffe4a0!important;font-size:10px!important;line-height:17px;padding:0 5px;border-radius:3px;vertical-align:middle;white-space:nowrap}.verified-admin::after{content:"관리자"}

.migration-notice{position:fixed;inset:35% auto auto 50%;transform:translateX(-50%);z-index:3000;width:min(450px,90vw);padding:30px;background:#19170ff5;border:1px solid #baa56c;color:#eadbb5;font-size:16px;line-height:1.8;box-shadow:0 0 0 9999px #0009;text-align:center}

/* Keep list navigation and all equipment visible within the game viewport. */
.window[data-mode=board],.window[data-mode=player]{top:64px;bottom:10px;left:50%;transform:translateX(-50%);width:min(890px,calc(100% - 20px));height:min(700px,calc(100% - 74px));max-height:calc(100dvh - 100px)}
.window[data-mode=player]{width:min(820px,calc(100% - 20px));height:min(560px,calc(100% - 74px))}
.window[data-mode=board] #panel-body,.window[data-mode=player] #panel-body{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px;container-type:size}
.board-tabs{flex:none;gap:6px;margin:0;min-height:36px}.board-tabs button{min-height:36px;padding:6px;font-size:13px;white-space:nowrap}
.board-toolbar{flex:none;min-height:32px;margin:0;gap:8px}.board-toolbar>div{display:flex;gap:6px}.board-toolbar button,.board-pages button{min-height:32px;padding:5px 14px;font-size:12px}
.board-list{flex:1;min-height:0;overflow:hidden}.board-row{height:52px;padding:7px 8px;gap:12px}.board-row>span{min-width:0}.board-row strong{font-size:14px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-row small{margin-top:3px;font:11px/16px "Malgun Gothic",sans-serif}.board-pages{flex:none;margin:0;min-height:32px;font-size:12px}
.board-post-heading{flex:none;min-width:0}.board-post-heading h3{margin:0 0 4px;font-size:17px;line-height:1.4;overflow-wrap:anywhere}.board-post-heading small{font:11px/18px "Malgun Gothic",sans-serif;color:#c5c0b3}
.board-reading-viewport{flex:1;min-height:0;overflow:hidden}.board-reading-mask{height:var(--reading-height,100%);overflow:hidden}.board-reading-text{font:14px/24px "Malgun Gothic",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;transform-origin:top}
#board-editor{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px}#board-editor label{margin:0;gap:5px;font-size:12px}#board-editor .board-editor-body{flex:1;min-height:0}#board-editor input{height:36px;padding:6px 9px}#board-editor textarea{flex:1;min-height:60px;padding:9px;resize:none}#board-editor button{padding:7px 15px;min-height:34px}#board-status{flex:none;margin:0;line-height:18px}#board-status:empty{display:none}#board-comment{flex:none;flex-direction:row;margin:0;height:54px}#board-comment textarea{height:54px;min-height:0;padding:7px;resize:none}#board-comment button{padding:7px 10px;font-size:12px}
.player-inspection{width:100%;height:100%;min-height:0;max-width:none;padding:2px;margin:0;display:flex;flex-direction:column;gap:12px}
.player-identity{flex:none;min-width:0;gap:12px;padding-bottom:10px;margin:0;min-height:58px}.player-identity>img{width:48px;height:48px}.player-identity>div{min-width:0}.player-identity h3{font-size:19px;margin:0 0 5px;overflow-wrap:anywhere}.player-identity span{font-size:12px}.player-power strong{font-size:25px;margin-top:2px;white-space:nowrap}
.player-overview{flex:1;min-height:0;grid-template-columns:minmax(235px,1fr) minmax(0,1.25fr);gap:20px}.player-stat-grid{margin:10px 0;gap:0 12px}.player-stat-grid>div{font-size:12px;padding:7px 0;gap:5px;white-space:nowrap}.player-stat-grid dd{font-variant-numeric:tabular-nums}.player-info-note{font-size:11px;margin:8px 0;line-height:1.6}
.player-gear-groups{min-height:0;display:grid;grid-template-rows:2fr 2fr 1fr;gap:10px}.player-gear-groups>section{margin:0;min-height:0;display:flex;flex-direction:column;gap:5px}.player-gear-groups h4{margin:0;line-height:16px;font-size:12px}.player-gear-groups .peer-equipment-grid{flex:1;min-height:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;justify-items:center;align-items:center}.player-gear-groups .peer-equipment-grid button{width:min(100%,48px,9cqh);height:auto;max-height:100%;aspect-ratio:1;padding:3px}.peer-equipment-grid .slot small{font-size:10px;white-space:nowrap}
.admin-badge,.verified-admin::before{display:inline-block!important;margin:0 5px 0 0;border:1px solid #b59b50;background:#302718;color:#ffe4a0!important;font-size:10px!important;line-height:17px;padding:0 5px;border-radius:3px;vertical-align:middle;white-space:nowrap}.verified-admin::before{content:"관리자"}.verified-admin::after{display:none!important;content:none}
#fps{position:absolute;right:16px;top:60px;z-index:11;display:block;color:#ccc8b9;background:#12120ec9;border:1px solid #514d40;padding:3px 6px;border-radius:3px;font:10px/14px "Malgun Gothic",sans-serif;pointer-events:none}#fps[hidden]{display:none}#ranking{top:87px}#ranking-board,#quest-tracker{top:122px}
#enter-boss-room{min-height:38px;padding:8px 17px;white-space:nowrap;font-size:13px;border-color:#ac945d}.hunt-heading{align-items:center;gap:12px;flex-wrap:wrap}.hunt-heading .hint{flex:1;margin:0}.hunt-heading>span{white-space:nowrap}
@media(max-width:650px){
 .window[data-mode=board],.window[data-mode=player]{position:fixed;inset:8px!important;transform:none!important;width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:none}
 .window[data-mode=board] #panel-body,.window[data-mode=player] #panel-body{padding:10px;gap:8px}
 .board-tabs button{font-size:12px}.board-row strong{font-size:13px}.board-post-heading h3{font-size:15px}
 .player-inspection{gap:10px}.player-overview{display:flex;flex-direction:column;gap:10px}.player-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:5px 0;gap:0 8px}.player-stat-grid>div{font-size:11px;padding:5px 0}.player-info-note{margin:3px 0;font-size:10px}.player-info-note br{display:none}.player-info-note span{display:block}.player-gear-groups{flex:1;grid-template-rows:2fr 2fr 1fr;gap:9px}.player-gear-groups .peer-equipment-grid button{width:min(100%,48px,7cqh)}
 .player-identity h3{font-size:16px}.player-identity>img{width:40px;height:40px}.player-power strong{font-size:22px}.player-identity{min-height:48px;gap:9px;padding-bottom:7px}
}
@media(max-width:650px) and (max-height:640px){.player-overview{gap:5px}.player-inspection{gap:6px}.player-gear-groups{gap:5px}.player-gear-groups .peer-equipment-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}.player-gear-groups{grid-template-rows:repeat(3,1fr)}.player-gear-groups .peer-equipment-grid button{width:min(100%,38px)}.peer-equipment-grid .slot small{font-size:8px}.player-info-note{display:none}}

.collection-icon.complete .collection-needed{right:2px;bottom:2px;width:25px;height:25px;display:grid;place-items:center;border:2px solid #d2ef9b;border-radius:50%;background:#1e4728;color:#fff;font:bold 23px/1 "Malgun Gothic",sans-serif;text-shadow:0 1px 2px #000;box-shadow:0 1px 5px #000}
.collection-icon.complete{outline:1px solid #a3c574;outline-offset:1px}.collection-icon.complete small{color:#d4f2a9;font-weight:700}
.drop-chip>span{min-width:0}.drop-chip small{display:block;color:#c8bd98;font-size:10px;margin-top:3px}.drop-chip.collection-done{border-color:#9cbe7d}.drop-chip.collection-done small{color:#c5f494;font-weight:700}.hunt-drops{flex-wrap:wrap;gap:6px}.hunt-drops .drop-chip{white-space:normal;line-height:1.4}
@media(max-width:900px){.collection-icon.complete .collection-needed{width:20px;height:20px;font-size:18px;border-width:1px}}

.window[data-mode=collection] #panel-body{display:flex;overflow:hidden}.window[data-mode=collection] .original-collection{flex:1;min-height:0;height:100%}.collection-stats{min-height:0;padding:10px}.collection-stats>div{padding:4px 2px;line-height:16px;font-size:12px}.collection-stats>button{font-size:11px;min-height:32px;margin-bottom:6px}.collection-stats h3{margin-bottom:8px}.collection-catalog{min-height:0}.collection-icon-grid{min-height:0}.collection-icon{justify-self:center;max-height:54px}.collection-icon small{line-height:15px;margin-top:3px}.collection-icon-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.collection-selection{min-height:48px}.collection-selection>img{width:36px;height:36px}.collection-progress{flex:none;height:18px}.collection-categories{flex:none}.collection-categories button{min-height:34px}.collection-navigation{flex:none}.collection-navigation button{height:28px}
/* Navigation stays outside each card's independently scrolling details. */
.window[data-mode=hunting] #panel-body{display:flex;flex-direction:column;overflow:hidden;gap:10px}
.window[data-mode=hunting] .hunt-heading,.window[data-mode=hunting] .tabs,.window[data-mode=hunting] .hunt-pagination{flex:none;margin:0}
.window[data-mode=hunting] .hunt-grid{flex:1;min-height:0;grid-auto-rows:minmax(0,1fr)}
.window[data-mode=hunting] .hunt-card{min-height:0;height:100%}
.window[data-mode=hunting] .hunt-art{height:clamp(55px,14vh,145px);aspect-ratio:auto}
.window[data-mode=hunting] .hunt-info{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.window[data-mode=hunting] .hunt-pagination{min-height:36px;justify-content:center}
.window[data-mode=hunting] .hunt-pagination button{width:44px;height:36px}
.key-bindings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 20px}
.key-bindings label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:12px;min-width:0}
.key-bindings button{min-width:58px;min-height:32px;padding:3px 8px;font:600 12px/1.4 "Malgun Gothic",sans-serif}
.key-bindings button.waiting{border-color:#f4d578;background:#4b3d1c;color:#ffecb6}
.settings-controls .key-bind-status{margin:6px 0 0;min-height:20px;line-height:20px;font-size:12px;color:#eedda8}
.fixed-controls{margin-top:4px;font-size:11px}.fixed-controls summary{cursor:pointer;color:#c4b997}.fixed-controls .key-guide{margin-top:8px}
.board-thread{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:3px 8px 12px 2px}
.board-post-body{font:14px/1.8 "Malgun Gothic",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px 0 20px}
.board-comments{border-top:1px solid #69634f;padding-top:12px}.board-comments h4{margin:0 0 12px;font-size:14px;color:#e6d3a7}
.board-comment-entry{padding:10px 0;border-bottom:1px solid #5c574344}.board-comment-entry small{font:12px/1.5 "Malgun Gothic",sans-serif;letter-spacing:0;color:#b6b4aa}.board-comment-entry p{font:14px/1.7 "Malgun Gothic",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}
.board-thread #board-comment{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;height:auto;margin:14px 0 0}.board-thread #board-comment textarea{width:100%;min-height:76px;height:76px;resize:vertical;padding:10px;font:14px/1.6 "Malgun Gothic",sans-serif}.board-thread #board-comment button{min-height:36px;white-space:nowrap}.board-thread #board-status{margin-top:8px}
@media(max-width:650px){.key-bindings{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.key-bindings label{font-size:11px}.key-bindings button{min-width:54px;min-height:30px}.window[data-mode=hunting] .hunt-art{height:clamp(65px,18vh,125px)}.window[data-mode=hunting] .hunt-info{padding:9px 8px}.board-thread #board-comment{grid-template-columns:1fr}.board-thread #board-comment button{justify-self:end}.board-post-body,.board-comment-entry p{font-size:14px}}
@media(max-height:550px) and (min-width:651px){.window[data-mode=hunting] .hunt-art{height:48px}.key-bindings{grid-template-columns:repeat(3,minmax(0,1fr))}}
.window[data-mode=settings] .settings-grid{align-content:start}
.window[data-mode=settings] .settings-card input[type=range]{height:18px;padding:0;margin-top:4px}
.window[data-mode=settings] .audio-slider{gap:2px;margin:5px 0}
.window[data-mode=settings] .settings-footer{padding:3px 0}
.window[data-mode=settings] #account-logout{margin-top:0}
@media(min-width:1001px){.window[data-mode=settings] .settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.window[data-mode=settings] .potion-settings{grid-column:auto}.window[data-mode=settings] .settings-controls,.window[data-mode=settings] .settings-footer{grid-column:1/-1}}
@media(max-height:550px) and (min-width:651px){.window[data-mode=settings] .settings-card h3{font-size:13px}.window[data-mode=settings] .audio-slider{font-size:10px;margin:2px 0}.window[data-mode=settings] .settings-inline{margin:5px 0}.window[data-mode=settings] .key-bindings{gap:3px 12px}.window[data-mode=settings] .key-bindings button{min-height:28px}}
.key-action-short{display:none}
@media(max-width:650px){.key-action-name{display:none}.key-action-short{display:inline}.key-bindings{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 8px}.key-bindings label{gap:4px;font-size:11px}.key-bindings button{min-width:44px;padding:3px 4px;font-size:11px}.window[data-mode=settings] .quality-row button{font-size:10px;padding:4px 2px;line-height:15px}}
.journey-actions{display:grid;grid-template-columns:minmax(100px,.6fr) minmax(120px,1fr);gap:8px;margin-top:10px}.journey-actions button{margin:0!important;min-height:36px}.journey-campaign p{overflow-wrap:anywhere}
@media(max-width:650px){.journey-actions{grid-template-columns:1fr 1fr;gap:6px}.journey-actions button{font-size:12px}}

#mobile-controls,#mobile-menu{display:none}
@media(max-width:1000px){
 html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{padding:0}
 #play-layout{display:block;width:100%;height:100dvh;min-height:0;max-width:none;padding:0}
 #game{width:100%;height:100%;min-height:0;border:0;--hud-height:180px}
 #world,#overlay{top:70px;bottom:180px;height:calc(100% - 250px);touch-action:none}#world:focus{outline:none}
 #top{height:70px;padding:7px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:27px 23px;gap:4px 6px}
 .brand{font-size:14px;gap:5px}.brand .game-crest{width:22px;height:26px}.brand .sub,.brand small{display:none}
 #resources{grid-column:1/3;grid-row:2;display:flex;justify-content:flex-start;gap:6px;overflow:hidden}#resources>span{padding:2px 5px;font-size:10px;white-space:nowrap;min-width:0}#resources b{font-size:11px}#resources img{width:16px;height:16px}#resources .currency-label{display:none}
 .top-actions{display:none}#mobile-controls{position:absolute;z-index:16;top:6px;right:8px;display:flex;gap:5px}#mobile-controls button{min-height:32px;padding:6px 10px;font-size:12px}#mobile-skill{position:fixed;right:12px;top:auto;bottom:193px;min-width:52px;min-height:46px!important;background:#211c11e8;border:1px solid #c7a564}
 #location{top:80px;left:9px;padding:5px 8px;font-size:12px;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#account-progress{display:none}#fps{top:80px;right:10px;font-size:9px;padding:2px 5px}#ranking{top:106px;right:10px;width:91px;min-height:31px;font-size:11px}#ranking-board{right:10px;top:143px;width:202px;font-size:12px}#quest-tracker{top:143px;right:10px;width:157px;font-size:10px;padding:8px;background:#111c;pointer-events:none}#quest-tracker p{font-size:10px;margin:3px 0}#target-card{top:114px;max-width:58%;font-size:12px;padding:8px}#target-card button{min-height:34px;padding:5px 8px;font-size:11px}
 .map-panel{left:9px;top:119px;right:auto;bottom:auto;width:80px;padding:3px;background:#111c}.map-panel canvas{height:65px}.map-panel span{display:none}
 #hud{height:180px;grid-template-columns:1fr;grid-template-rows:49px 1fr;padding:9px 10px 8px;gap:7px;--hud-height:180px}
 #hud .hero-panel{grid-column:1;grid-row:1;display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:19px 14px 13px;gap:2px 8px;padding:0;border:0;height:49px;align-items:center}
 .hero-title{grid-column:1;grid-row:1/3;margin:0}.hero-title>div{display:block}#hero-name{font-size:13px}#level{font-size:10px;margin:2px 0 0}.status-dot{display:none}#stats{grid-column:1;grid-row:3;margin:0;display:block;font-size:10px}#stats>span{display:none}#stats>.combat-power{display:flex;gap:8px;justify-content:flex-start}
 #hud .hero-panel .hp{position:relative;inset:auto;width:100%;height:17px;grid-column:2;grid-row:1}#hud .hero-panel .xp{position:relative;inset:auto;width:100%;height:13px;grid-column:2;grid-row:3}#hud .hero-panel .xp-label{position:relative;inset:auto;width:100%;height:13px;grid-column:2;grid-row:3;z-index:1;font-size:9px;display:flex;justify-content:space-between}#hud .hero-panel .xp-label>span:first-child{display:inline}
 #hud .controls-panel{grid-column:1;grid-row:2;gap:2px;display:flex}#quick{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;height:60px}#quick button,#quick #auto{width:min(100%,44px);height:44px;max-height:none;aspect-ratio:1;justify-self:center;padding:3px}#quick button span,#quick #auto span{top:45px;left:-2px;right:-2px;font-size:10px;line-height:13px}#quick button kbd{display:none}
 #hud .item-tray{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:4px 0 0;margin:0;border:0;gap:8px}#hud .item-tray-heading{display:flex;order:2;gap:8px;margin:0;justify-content:flex-end;width:auto}.item-tray-heading>span{display:none}.item-tray-heading button{font-size:10px}#hud .item-tray-heading #union{position:static;width:auto;min-width:46px;height:32px;padding:2px 5px;gap:3px}#union img{width:19px;height:19px}#union span{font-size:10px}
 .quick-slots{display:block;height:32px;width:32px}#potion{width:32px;height:32px}#potion kbd{display:none}#potion b{font-size:9px}#native-items{display:none}#hud .skills-panel{display:none}
 #notifications{bottom:190px;left:9px;width:min(270px,calc(100% - 78px));font-size:11px;pointer-events:none}#notifications p{padding:6px 8px;margin:4px 0}#notifications p:nth-child(n+2){display:none}
 #mobile-menu:not([hidden]){display:flex;position:absolute;z-index:45;top:75px;right:8px;bottom:190px;left:8px;flex-direction:column;background:#10100ff7;border:1px solid #8b7b52;padding:12px;gap:10px;overflow:auto}#mobile-menu>header{display:flex;justify-content:space-between;align-items:center}#mobile-menu>header button{min-width:36px;min-height:32px}#mobile-menu>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#mobile-menu button{min-height:42px;font-size:12px;padding:7px;white-space:nowrap}
 #chat,#chat.collapsed{position:fixed;inset:75px 8px 188px;width:calc(100% - 16px);height:auto;z-index:50;min-height:0;background:#111f}#chat.collapsed{display:none}#chat:not(.collapsed){display:flex}#chat>header{min-height:42px;padding:8px 12px}#chat-toggle{display:block;min-height:31px;font-size:12px}#chat .chat-body{min-height:0;padding:10px;gap:7px}#chat-profile{padding:3px 0 6px;font-size:11px}#chat-messages p{font-size:13px;margin:5px 0}#chat-form{grid-template-columns:minmax(0,1fr) 52px}#chat input{font-size:16px;min-height:40px}.chat-footnote{display:none}
 .window,.window[data-mode]{position:fixed;inset:6px!important;width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;max-height:none;transform:none!important;z-index:40}.window>header{min-height:46px;padding:7px 12px}.window>header h2{font-size:17px}#close-panel{width:38px;height:34px;font-size:24px}.window #panel-body{padding:8px;min-width:0}
 .window[data-mode=inventory] .panel-toolbar>p{display:none}.window[data-mode=inventory] .panel-toolbar{margin-bottom:6px}.inventory-sort{display:flex;flex-wrap:wrap;gap:5px}.inventory-sort button,.inventory-sort select{font-size:11px;min-height:32px}.inventory-workspace.original-inventory{grid-template-columns:1fr;grid-template-rows:92px minmax(0,1fr);gap:6px}.original-inventory .equipment-board{grid-row:1;padding:6px;position:relative;overflow:hidden}.equipment-board h3{font-size:12px;margin:0}.equipment-board>.tabs{position:absolute;right:6px;top:3px;margin:0;gap:3px}.equipment-board>.tabs button{font-size:10px;min-height:26px;padding:4px 6px}.equipment-cells{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:1fr;height:40px;padding:0;margin-top:8px;gap:4px}.equipment-cells .slot{width:100%;height:auto;max-height:39px;aspect-ratio:1}.inventory-stat-list{display:none}.original-inventory .bag-board{grid-row:2;padding:4px;gap:4px}.bag-cells{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));width:min(100%,var(--bag-width));height:var(--bag-size);gap:3px}.bag-cells .slot{min-height:0}.bag-pagination{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;min-height:32px}.bag-pagination button{min-height:32px;min-width:48px}.inventory-actions{margin:0;gap:4px}.inventory-discard{gap:4px}.inventory-actions button{padding:5px 6px;font-size:10px;min-height:30px}.inventory-selection{min-height:42px}.inventory-selection>b{font-size:11px}.inventory-selection small{font-size:9px}.inventory-selection button{font-size:11px}.inventory-selection>span{min-width:0}.inventory-selection b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.inventory-discard small{display:none}
 .inventory-workspace:has(.enhancement-board),.inventory-workspace:has(.options-board){grid-template-rows:230px minmax(0,1fr)}.enhancement-board,.options-board{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;overflow:auto!important}.enhancement-board>h3,.options-board>h3{grid-column:1/3}.enhancement-targets,.enhancement-scrolls{gap:3px}.enhancement-board p,.options-board p{font-size:10px;margin:3px}.enhancement-board button,.options-board button{font-size:10px;padding:4px;min-height:28px}
 .window[data-mode=craft] #panel-body,.window[data-mode=shop] #panel-body{overflow:hidden;display:flex;flex-direction:column}.original-catalog{flex:1;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1.3fr) minmax(0,1fr);min-height:0;height:100%;gap:8px}.original-grid-side{grid-template-rows:minmax(0,1fr) 28px 30px 38px;gap:5px;padding:6px}.original-catalog-grid{min-height:0;gap:5px}.original-catalog-item,.catalog-empty-slot{width:min(100%,42px);max-height:100%;height:auto;aspect-ratio:1}.original-requirements{grid-template-rows:28px minmax(0,1fr) 40px;padding:6px}.original-six-needs{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:4px}.original-need>img{width:28px;height:28px}.original-need strong,.original-need span{font-size:10px}.original-selection{min-height:0}.original-selection img{width:30px;height:30px}.original-selection strong{font-size:11px}.original-selection small{font-size:10px}
 .window[data-mode=collection] #panel-body{overflow:hidden}.original-collection{height:100%;display:flex;flex-direction:column;gap:6px}.collection-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px;gap:3px 6px}.collection-stats h3{grid-column:1/3;margin:0;font-size:12px}.collection-stats>button{grid-column:3/5;min-height:30px;font-size:10px}.collection-stats>div{font-size:9px;padding:2px}.collection-catalog{flex:1;min-height:0;padding:6px;gap:5px}.collection-icon-grid{flex:1;min-height:0;height:auto;grid-template-rows:repeat(4,minmax(0,1fr));gap:4px}.collection-icon{max-height:100%;width:min(100%,43px);aspect-ratio:1}.collection-categories button{font-size:10px;padding:5px;min-height:31px}.collection-selection{min-height:42px;font-size:11px}.collection-selection span{font-size:10px}.collection-selection img{width:32px;height:32px}
 .class-window{height:calc(100dvh - 16px);max-height:none;padding:12px;overflow:auto}.character-stage{min-height:110px}.choice-actions{position:sticky;bottom:0;background:#121b22;padding:5px 0}.class-detail #class-skills{display:none}
}
@media(min-width:901px){.bag-pagination{display:none}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){
 #game{--hud-height:110px}#world,#overlay{top:44px;bottom:110px;height:calc(100% - 154px)}#top{height:44px;display:flex;padding-right:200px}#resources{flex:1}.brand{font-size:12px}.brand .game-crest{display:none}#resources>span:nth-child(n+3){display:none}
 #hud{height:110px;grid-template-columns:160px minmax(0,1fr);grid-template-rows:1fr;padding:8px;gap:12px}#hud .hero-panel{grid-column:1;grid-row:1;display:flex;height:92px;flex-direction:column;align-items:stretch;gap:5px}.hero-title>div{display:flex;justify-content:space-between}#stats{font-size:10px}#hud .controls-panel{grid-column:2;grid-row:1}#hud .item-tray{padding-top:3px}#mobile-skill{bottom:119px}#location{top:53px}#fps{top:51px}#ranking{top:76px}#quest-tracker,#ranking-board{top:111px}.map-panel{top:88px;width:65px}.map-panel canvas{height:49px}#notifications{bottom:119px}#mobile-menu:not([hidden]),#chat,#chat.collapsed{top:48px;bottom:116px}#mobile-menu>div{grid-template-columns:repeat(4,minmax(0,1fr))}
 .inventory-workspace.original-inventory{grid-template-columns:180px 1fr;grid-template-rows:1fr}.original-inventory .equipment-board{grid-row:1;grid-column:1}.original-inventory .bag-board{grid-row:1;grid-column:2}.equipment-board>.tabs{position:static;margin:6px 0}.equipment-cells{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);height:calc(100% - 70px);gap:5px}.equipment-cells .slot{width:34px;justify-self:center}.bag-cells{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));width:min(100%,var(--bag-width));height:var(--bag-size)}
 .player-overview{display:grid;grid-template-columns:minmax(220px,1fr) 1.2fr;gap:15px}.player-stat-grid{grid-template-columns:1fr 1fr;gap:0 10px}.player-stat-grid>div{padding:3px 0;font-size:10px}.player-identity{min-height:40px;padding-bottom:5px}.player-identity>img{width:34px;height:34px}.player-info-note{display:none}.player-gear-groups .peer-equipment-grid button{width:min(100%,38px,10cqh)}.player-gear-groups{gap:4px}.player-gear-groups h4{font-size:10px;line-height:13px}
}

.audio-slider{display:grid;grid-template-columns:1fr auto;gap:5px;margin:10px 0;font-size:12px}.audio-slider input{grid-column:1/3;width:100%;accent-color:#c5ac6a}.settings-account{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end}.settings-account small{flex-basis:100%;text-align:right;color:#aaa;font-size:11px}.settings-account .admin-badge{flex-basis:auto}.settings-footer{gap:12px}.sound-settings>label{font-size:12px}

@media(max-width:1000px){
.window[data-mode=inventory] .inventory-workspace{grid-template-rows:92px minmax(0,1fr)}
.window[data-mode=inventory] .inventory-workspace:has(.enhancement-board),.window[data-mode=inventory] .inventory-workspace:has(.options-board){grid-template-rows:230px minmax(0,1fr)}
.window[data-mode=inventory] .inventory-sort{max-width:none;justify-content:flex-end;width:100%;flex-wrap:wrap}.window[data-mode=inventory] .panel-toolbar{width:100%}
.window[data-mode=inventory] .equipment-cells .slot{width:100%;height:auto}
.settings-grid{grid-template-columns:1fr 1fr;gap:8px}.settings-card{padding:10px}.settings-card h3{font-size:13px;margin:0 0 8px}.settings-card p,.settings-card small{font-size:11px}.settings-controls{grid-column:1/3}.settings-controls .key-guide{grid-template-columns:1fr 1fr;font-size:10px}.quality-row{flex-wrap:wrap;gap:4px}.quality-row button{font-size:11px;min-height:32px}.settings-footer{grid-column:1/3;flex-wrap:wrap}.settings-footer button{min-height:34px}.sound-settings .audio-slider{margin:6px 0}.potion-settings label{font-size:11px}.potion-settings input[type=range]{width:100%}
}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){.window[data-mode=inventory] .inventory-workspace{grid-template-rows:1fr}.window[data-mode=inventory] .inventory-workspace:has(.enhancement-board),.window[data-mode=inventory] .inventory-workspace:has(.options-board){grid-template-rows:1fr}.window[data-mode=inventory] .equipment-cells .slot{width:34px;height:34px}}
.skill-mobile-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skill-mobile-cards button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;font-size:11px}.skill-mobile-cards img{width:42px;height:42px}.skill-mobile-detail{padding:12px;border:1px solid #716445;font-size:13px;line-height:1.65;margin-top:12px;white-space:pre-line}

@media(max-width:1000px) and (orientation:portrait){.window[data-mode=inventory] .inventory-workspace:not(:has(.enhancement-board)):not(:has(.options-board)){grid-template-rows:134px minmax(0,1fr)}.equipment-cells{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:88px;gap:4px}.window[data-mode=inventory] .equipment-cells .slot{width:40px;height:40px;justify-self:center}}

@media(max-width:1000px){#board-editor input,#board-editor textarea,#board-comment textarea{font-size:16px}}

@media(max-width:1000px){#chat:not(.collapsed){inset:75px 8px max(8px,env(safe-area-inset-bottom));height:auto}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){#chat:not(.collapsed){top:48px;bottom:8px}}

@media(max-width:1000px){.collection-icon-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(var(--collection-rows,4),minmax(0,1fr))}.collection-icon{width:min(100%,48px);max-height:48px}.collection-icon small{font-size:10px}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){.original-collection{display:grid;grid-template-columns:140px minmax(0,1fr)}.collection-stats{display:flex;flex-direction:column;gap:1px;padding:5px}.collection-stats>div{font-size:9px;padding:0;line-height:13px}.collection-stats h3{font-size:11px;margin:0}.collection-stats>button{font-size:9px;min-height:28px;padding:3px;margin:3px 0}.collection-categories button{font-size:9px;min-height:28px}.collection-selection{min-height:32px}.collection-catalog{gap:4px}}

/* Mobile navigation: one category at a time; persistent, separate travel controls. */
@media(max-width:1000px){
 #mobile-menu:not([hidden]){top:75px;bottom:max(8px,env(safe-area-inset-bottom));padding:12px;gap:12px;overflow:hidden;border-radius:10px;background:#121411fa;box-shadow:0 12px 32px #0009}
 #mobile-menu>header{flex:none;min-height:40px}#mobile-menu>header strong{font-size:16px;color:#eee6cc}
 #mobile-menu>header button{font-size:24px;width:40px;height:40px;padding:0;background:none;border:1px solid #514d3e;border-radius:6px}
 #mobile-menu .mobile-menu-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;flex:none;padding:4px;background:#080b09;border-radius:8px}
 #mobile-menu .mobile-menu-tabs button{background:none;border:0;border-radius:5px;min-height:42px;padding:6px;color:#aaa99c;font-size:13px;box-shadow:none}
 #mobile-menu .mobile-menu-tabs button[aria-pressed=true]{background:#423923;color:#fff0bf;box-shadow:inset 0 0 0 1px #9b844b}
 #mobile-menu>.mobile-menu-pages{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
 #mobile-menu [data-menu-page][hidden]{display:none}
 #mobile-menu .mobile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}
 #mobile-menu .mobile-menu-grid button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:74px;padding:12px;text-align:left;white-space:normal;background:#1c201a;border:1px solid #474a3b;border-radius:7px;box-shadow:none}
 #mobile-menu .mobile-menu-grid strong{font-size:14px;line-height:20px;color:#ede7d6;white-space:nowrap}
 #mobile-menu .mobile-menu-grid small{font-size:11px;line-height:16px;color:#aaa998;word-break:keep-all}
 #mobile-menu>footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:none;border-top:1px solid #494638;padding-top:10px}
 #mobile-menu>footer button{min-height:44px;background:#29261c;border:1px solid #6e6240;border-radius:6px;font-size:13px}
 #mobile-menu .mobile-zoom{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:#c6c1ad}#mobile-menu .mobile-zoom span{margin-right:auto}#mobile-menu .mobile-zoom button{min-width:48px;font-size:22px}
 #chat:not(.collapsed){top:var(--chat-top,75px);bottom:var(--chat-bottom,8px);border-radius:8px}
 #chat>header{flex:none}#chat #chat-toggle{font-size:0;width:42px;min-height:40px}#chat #chat-toggle:after{content:'닫기';font-size:12px}
 #chat .chat-body{overflow:hidden}#chat-messages{min-height:0}#chat-form{flex:none;grid-template-columns:minmax(0,1fr) 58px}#chat input,#chat-send{min-height:44px}#chat-send{font-size:13px}
}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){
 #mobile-menu:not([hidden]){top:48px;bottom:8px;gap:7px;padding:8px 12px;display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:36px minmax(0,1fr) 44px}
 #mobile-menu>header{grid-column:1/3;min-height:36px}#mobile-menu>header button{height:34px;min-height:34px}
 #mobile-menu .mobile-menu-tabs{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:2px;justify-content:space-between}
 #mobile-menu .mobile-menu-tabs button{flex:1;min-height:30px;padding:3px}
 #mobile-menu>.mobile-menu-pages{grid-column:2;grid-row:2}
 #mobile-menu .mobile-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #mobile-menu .mobile-menu-grid button{min-height:62px;padding:7px 9px;gap:2px}
 #mobile-menu .mobile-menu-grid strong{font-size:13px}#mobile-menu .mobile-menu-grid small{font-size:10px}
 #mobile-menu>footer{grid-column:1/3;padding-top:0;border:0}#mobile-menu>footer button{min-height:40px}
 #mobile-menu .mobile-zoom{margin-top:6px}
 #chat:not(.collapsed){top:var(--chat-top,48px);bottom:var(--chat-bottom,8px)}
 #chat>header{min-height:36px;padding:3px 10px}#chat #chat-toggle{min-height:32px}#chat-profile{display:none}#chat .chat-body{padding:6px 10px;gap:4px}
}
#session-ended{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#090c10ed;padding:20px}#session-ended>div{max-width:420px;padding:24px;border:1px solid #8d7950;background:#171a17;border-radius:10px;text-align:center}#session-ended h2{font-size:20px}#session-ended p{font-size:14px;line-height:1.7;color:#d4cebd}#session-ended button{min-height:44px;padding:10px 24px}
.union-shortcuts{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:78px}#hud .union-shortcuts #union{width:100%;min-width:78px}#hud #skins{position:absolute;top:calc(100% + 4px);left:0;width:100%;min-height:30px;font-size:11px;white-space:nowrap;background:#211e15;border:1px solid #857449;border-radius:3px;color:#eee3c4;padding:4px 8px}
.key-binding{display:flex;justify-content:space-between;align-items:center;margin:7px 0;font-size:13px}.key-binding button{min-width:80px;min-height:36px}#key-binding-status{display:block;color:#e6c089;min-height:20px}
#enter-boss-room{display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid #aa8b50;background:#211e17;border-radius:5px;text-align:left;min-height:58px}#enter-boss-room img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:1px solid #bca170}#enter-boss-room span{display:flex;flex-direction:column;gap:4px}#enter-boss-room b{font-size:14px}#enter-boss-room small{font-size:10px;color:#c4b995}
@media(max-width:1000px){#game{--hud-height:212px}#hud{height:212px}#world,#overlay{bottom:212px;height:calc(100% - 282px)}#mobile-skill{bottom:225px}#notifications{bottom:222px}#hud .item-tray{min-height:64px;align-items:flex-start}#hud .item-tray-heading{align-items:flex-start}#hud #skins{min-height:32px;font-size:10px}#hud .union-shortcuts #union{min-width:70px}#enter-boss-room{padding:4px 8px;min-height:48px}#enter-boss-room img{width:34px;height:34px}.hunt-heading{flex-wrap:wrap}#mobile-menu [data-mobile-action=skins]{grid-column:2}.settings-grid:has(#hotkey-settings){overflow:auto}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){#game{--hud-height:140px}#hud{height:140px}#world,#overlay{bottom:140px;height:calc(100% - 184px)}#mobile-skill{bottom:149px}#notifications{bottom:149px}}
#quest-tracker .journal-open{display:block;width:100%;margin-top:8px;padding:7px 4px;font-size:11px;pointer-events:auto;min-height:32px}#quest-tracker{cursor:pointer}
.journey-panel{height:100%;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}.journey-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.journey-panel header h3{margin:0;font-size:17px}.journey-panel header p{font-size:11px;color:#b6b29f}.journey-campaign{display:grid;grid-template-columns:35% 1fr;gap:20px;background:#17201b;border:1px solid #696349;border-radius:6px;padding:12px}.journey-campaign>img{width:100%;height:170px;object-fit:cover;border-radius:4px}.journey-campaign>div{display:flex;flex-direction:column;gap:8px}.journey-panel h3,.journey-panel h4,.journey-panel p{margin:0}.journey-panel progress{width:100%;height:10px;accent-color:#bba367}.journey-panel button{min-height:36px;margin-top:auto}.journey-panel span,.journey-panel small{font-size:12px;color:#cabb8f}.journey-daily{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.journey-daily>article{display:flex;flex-direction:column;gap:10px;border:1px solid #535a47;padding:14px;background:#151a16;border-radius:6px}.journey-daily h4{font-size:15px}.journey-daily p,.journey-note{font-size:12px;color:#bdbdab;line-height:1.6}
@media(max-width:1000px){.journey-panel{gap:10px}.journey-panel header{align-items:flex-start;flex-direction:column;gap:4px}.journey-campaign{grid-template-columns:90px 1fr;gap:10px;padding:10px}.journey-campaign>img{height:100%;min-height:130px}.journey-campaign h3{font-size:14px}.journey-campaign p{font-size:12px}.journey-daily{grid-template-columns:1fr;gap:8px}.journey-daily>article{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:10px}.journey-daily p,.journey-daily progress{grid-column:1}.journey-daily button{grid-column:2;grid-row:2/5;min-width:70px}.journey-daily small{grid-column:2;grid-row:1}.journey-note{font-size:10px}#mobile-menu [data-mobile-action=skins]{grid-column:2}}
@media(max-width:1000px) and (max-height:700px){.journey-panel{gap:8px}.journey-panel header h3{font-size:15px}.journey-panel header p{font-size:10px}.journey-campaign{padding:8px;grid-template-columns:78px 1fr;gap:8px}.journey-campaign>img{min-height:118px}.journey-campaign>div{gap:5px}.journey-campaign h3{font-size:13px}.journey-campaign button{min-height:32px}.journey-daily>article{padding:8px;gap:3px 8px}.journey-daily h4{font-size:13px}.journey-daily p{font-size:11px}.journey-daily progress{display:none}.journey-daily span{grid-column:1;grid-row:3;font-size:11px}.journey-daily button{grid-row:2/4;min-height:34px}.journey-note{font-size:9px}}
#hud .union-shortcuts #union{margin-left:0}
.original-catalog.shop .original-six-needs{display:flex;flex-direction:column;gap:12px;overflow:auto;align-items:stretch;justify-content:flex-start;padding:5px}.purchase-conditions{padding:16px;border:1px solid #5a5947;background:#151913;border-radius:5px;font-size:12px}.purchase-conditions h4{margin:0 0 14px;color:#e7d39c;font-size:15px}.purchase-conditions>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #3e4136}.purchase-conditions b{font-weight:500;text-align:right}.purchase-conditions small{display:block;color:#a8a897;font-size:10px;line-height:1.6;margin-top:12px}.purchase-conditions p{line-height:1.65;margin:12px 0 0}.purchase-conditions .met{color:#add499}.purchase-conditions .short{color:#f0aa90}.original-catalog.shop .original-need{min-height:56px;flex:none;padding:8px}.original-catalog.shop .original-need span{line-height:1.6}
@media(max-width:1000px){.purchase-conditions{padding:8px;font-size:10px}.purchase-conditions h4{font-size:12px;margin-bottom:4px}.purchase-conditions>div{padding:4px 0}.purchase-conditions small,.purchase-conditions p{margin-top:5px;font-size:9px}.original-catalog.shop .original-six-needs{gap:6px;padding:2px}.original-catalog.shop .original-need{min-height:42px;padding:4px}}
@media(max-width:1000px){.purchase-conditions{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding:6px}.purchase-conditions h4{grid-column:1/3;margin:0}.purchase-conditions>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:2px 0}.purchase-conditions b{text-align:left}.purchase-conditions small{display:none}.purchase-conditions p{grid-column:1/3;margin:0;font-size:9px;line-height:1.4}.original-catalog.shop .original-six-needs{gap:4px}}
#hud .union-shortcuts #union{margin-left:0}.slot-protected{color:#b7cede!important}.inventory-selection #selected-mark{display:none}
@media(max-width:1000px){.inventory-selection #selected-mark{display:inline-flex}.window[data-mode=shop] .original-catalog{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.original-catalog.shop .original-catalog-item{width:100%;height:100%;min-height:0;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;overflow:hidden}.original-catalog.shop .original-catalog-item img{width:26px;height:26px;min-height:26px;object-fit:contain}.original-catalog.shop .original-catalog-item strong{font-size:9px;line-height:11px;min-height:22px;max-height:22px;overflow:hidden;margin:0}.original-catalog.shop .original-catalog-item .shop-quantity{font-size:9px;line-height:11px;margin:0}.original-catalog.shop .original-catalog-item p{display:none}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){.window[data-mode=shop] .original-catalog{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}}
.shop-item-info{font-size:11px;color:#c8c8b7;border-top:1px solid #4a4e40;padding-top:6px}.shop-item-info summary{cursor:pointer;min-height:24px;color:#e5d6ad}.shop-item-info p{white-space:pre-line;line-height:1.6;padding:8px;margin:0;background:#11160f}.shop-item-info[open]{flex-shrink:0}
@media(max-width:1000px){.shop-item-info{padding-top:2px;font-size:10px}.shop-item-info summary{min-height:20px}}
#panel{z-index:60}#panel>header{position:relative;z-index:2}#close-panel{position:relative;z-index:3;pointer-events:auto;touch-action:manipulation}#game[data-panel-open]>#ranking,#game[data-panel-open]>#ranking-board,#game[data-panel-open]>#quest-tracker,#game[data-panel-open]>#fps{visibility:hidden;pointer-events:none}
#ranking-board{width:210px;padding:9px 10px;max-height:300px;overflow:auto}#ranking-board>strong{font-size:12px;margin-bottom:5px}#ranking-board li{padding:3px 0;line-height:18px;font-size:11px}#ranking-board p{margin:5px 0 0;font-size:9px}#ranking-board .personal-rank-effect{font-size:10px;line-height:1.6;margin-top:5px;padding-top:5px;white-space:pre-line;border-top:1px solid #5c5541}
.key-guide select{width:46px;height:24px;padding:1px 3px;border:1px solid #877957;border-radius:3px;background:#182026;color:#ead295;font-size:11px;cursor:pointer}.key-reset-inline{float:right;min-height:25px!important;padding:3px 8px!important;font-size:10px!important}.skin-preview-side{background:#090b0c!important}.skin-stage{background:#000;border-radius:4px}.skin-selected p:empty{display:none}
.settings-grid{gap:10px}.settings-card{padding:12px}.settings-card h3{margin-bottom:10px}.settings-inline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;font-size:12px}.settings-inline select{min-width:100px;min-height:32px;background:#152028;color:#e5d9bc;border:1px solid #70674e;padding:4px 8px}.settings-controls .key-guide{gap:7px 12px}.settings-card .audio-slider{margin:7px 0}.settings-card #camera-reset{min-height:30px;padding:4px 10px;font-size:11px}
@media(max-width:1000px){.settings-grid{gap:7px}.settings-card{padding:9px}.settings-card h3{margin-bottom:7px}.settings-inline{margin:7px 0;font-size:11px}.settings-inline select{min-width:70px;min-height:28px;padding:2px}.settings-grid>.potion-settings{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}.potion-settings h3{grid-column:1/3}.settings-controls .key-guide{gap:4px 8px;font-size:10px}.settings-footer{gap:6px}.settings-footer button{min-height:30px}.sound-settings .audio-slider{margin:4px 0}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid>.potion-settings{grid-column:auto;display:block}.settings-controls,.settings-footer{grid-column:1/4}.settings-controls .key-guide{grid-template-columns:repeat(5,minmax(0,1fr));font-size:9px}.settings-card{padding:7px}.settings-card h3{margin:0 0 5px}}
.original-item-tooltip>small{display:block;margin-top:3px;letter-spacing:0}.original-item-tooltip .item-enhancement-hint{font-size:10px;line-height:1.5}

/* Mobile HUD owns its typography and row sizing; desktop container rules must
   not enlarge the class name into the level and power rows. */
@media(max-width:1000px){
 #hud .hero-panel{grid-template-columns:96px minmax(0,1fr);grid-template-rows:18px 14px 13px;gap:2px 8px;min-height:49px}
 #hud .hero-title{grid-column:1;grid-row:1/3;align-self:start;margin:0;min-width:0;line-height:16px}
 #hud .hero-title>div{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:normal}
 #hud #hero-name{display:block;position:static;font-size:12px;line-height:16px;white-space:nowrap;max-width:96px;overflow:hidden;text-overflow:ellipsis}
 #hud #level{display:block;position:static;font-size:10px;line-height:12px;margin:0}
 #hud #stats{display:block;grid-template-rows:none;height:13px;min-height:0;grid-column:1;grid-row:3;align-self:start;margin:0;padding:0;line-height:13px;font-size:10px}
 #hud #stats>.combat-power{padding:0;border:0;line-height:13px;font-size:10px;gap:5px}
 #hud .hero-panel .xp-label{z-index:3;min-height:13px;height:13px;margin:0;padding:0 3px;line-height:13px;font-size:9px}#hud .hero-panel .xp{min-height:13px;height:13px}
 #quest-tracker{left:9px;right:auto;top:110px;width:auto;max-width:calc(100% - 122px);padding:0;border:0;background:none;pointer-events:auto}
 #quest-tracker>*:not(.journal-open){display:none}
 #quest-tracker .journal-open{margin:0;padding:5px 8px;min-height:30px;font-size:10px;white-space:nowrap}
 #target-card{top:151px;left:auto;right:9px;transform:none;width:auto;max-width:calc(100% - 112px);padding:5px 10px;font-size:11px;line-height:16px}
 #target-card p{margin:2px 0;font-size:10px}.map-panel{top:151px;width:72px}.map-panel canvas{height:57px}
 #chat-messages{overflow-anchor:none}
}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){
 #hud .hero-title>div{flex-direction:row;align-items:center;justify-content:space-between}
 #hud .hero-panel{min-height:0}#quest-tracker{top:85px;max-width:180px}#target-card{top:111px;max-width:200px}.map-panel{top:123px}
}

.window[data-mode=inventory] .inventory-sort{margin-left:auto;justify-content:flex-end}
.window[data-mode=inventory] .inventory-discard{justify-content:flex-end}
.window[data-mode=inventory] .inventory-discard small{text-align:right}

button,a,input,select,textarea,label,summary,[role=button]{touch-action:manipulation}
#ranking-board>header{display:flex;align-items:center;gap:4px;margin-bottom:6px}
#ranking-board>header>strong{flex:1;min-width:0;text-align:center;color:#ffff80;font-size:11px;white-space:nowrap}
#ranking-board>header>button{min-width:25px;min-height:30px;padding:2px 5px;font-size:17px;line-height:20px}
@media(max-width:1000px){
 #target-card[data-target-kind=monster]{top:78px;left:50%;right:auto;transform:translateX(-50%);min-width:0;width:220px;max-width:calc(100% - 24px)}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) #location{top:134px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) #fps{top:134px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) #ranking{top:162px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) #ranking-board{top:199px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) #quest-tracker{top:164px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) .map-panel{top:205px}
}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){
 #target-card[data-target-kind=monster]{top:50px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) #location{top:53px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) #fps{top:51px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) #ranking{top:76px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) #ranking-board{top:111px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) #quest-tracker{top:85px}
 #game:has(#target-card[data-target-kind=monster]:not([hidden])) .map-panel{top:123px}
}

.rune-tier{position:absolute;left:1px;bottom:1px;z-index:4;padding:1px 3px;max-width:calc(100% - 2px);font:bold 9px/12px "Malgun Gothic",sans-serif;color:#fff0b0;background:#14120eef;border:1px solid #887044;border-radius:2px;white-space:nowrap;pointer-events:none}
#chat-messages .chat-author{display:inline;min-height:0;min-width:0;padding:0;margin:0 6px 0 0;border:0;border-radius:0;background:none;box-shadow:none;color:#ffff80;font:inherit;font-weight:600;line-height:inherit;text-align:left;vertical-align:baseline;transform:none}
#chat-messages .chat-author:hover,#chat-messages .chat-author:focus-visible{text-decoration:underline;color:#fff3b1}#chat-messages .self .chat-author{color:#80ff80}
@media(max-width:1000px){.rune-tier{font-size:8px;line-height:10px;padding:0 2px}}

.window[data-mode=admin]{width:min(1100px,calc(100% - 20px))}.admin-layout{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:0}.admin-layout section{min-width:0;padding:12px;border:1px solid #6b6044;background:#111e}.admin-layout h3{font-size:15px;color:#ead5a2;margin:0 0 12px}.admin-layout h4{font-size:13px;margin:12px 0 8px}.admin-layout form{display:flex;flex-direction:column;gap:8px}.admin-layout input,.admin-layout select{width:100%;min-width:0;background:#161613;color:#eee;border:1px solid #6d6247;padding:7px;font-size:12px}.admin-layout label{display:grid;grid-template-columns:1fr 110px;gap:8px;align-items:center;font-size:12px}.admin-layout form>div{display:flex;gap:8px}.admin-layout button{padding:7px 10px;min-height:32px;font-size:12px}.admin-layout small{font-size:10px;color:#b6ad94}.admin-layout p{font-size:12px;line-height:1.6}.admin-user-list{display:flex;flex-direction:column;gap:6px;margin:10px 0}.admin-user-list button{text-align:left;display:flex;flex-direction:column;gap:5px}.admin-user-list .active{border-color:#f4d880;background:#39301c}.admin-pages{display:flex;justify-content:space-between;align-items:center;font-size:11px}.admin-pages button{padding:5px}.admin-audit{max-height:120px;overflow:auto}.admin-audit p{margin:4px 0}.admin-audit small{display:block}#admin-status{font-size:13px;color:#e4d09b}#hot-time-status{position:absolute;top:57px;left:160px;z-index:11;padding:4px 8px;font:11px/18px "Malgun Gothic",sans-serif;color:#f7db90;background:#171309dc;border:1px solid #7c6939;pointer-events:none}#hot-time-status[hidden]{display:none}
@media(max-width:900px){.admin-layout{grid-template-columns:120px minmax(0,1fr);gap:7px}.admin-layout section{padding:8px}.admin-event{grid-column:1/3}.admin-layout label{grid-template-columns:1fr}.admin-layout input,.admin-layout select{font-size:16px}.admin-layout button{font-size:11px;padding:7px}.admin-pages{flex-wrap:wrap;gap:3px}#hot-time-status{top:192px;left:9px;max-width:55%;font-size:10px}}

#hot-time-status{position:static;inset:auto;z-index:auto;pointer-events:auto;width:auto;max-width:none;flex:none;margin:0;padding:3px 8px;min-height:25px;font:11px/18px "Malgun Gothic",sans-serif;white-space:nowrap;background:#282314;border:1px solid #b49a54;border-radius:3px;color:#f4da97}
#hot-time-status:hover,#hot-time-status:focus-visible{background:#3a321b;border-color:#ebce83}
.item-tray-heading{gap:8px}.item-tray-heading>span{margin-right:auto}
@media(max-width:1000px){#hot-time-status{font-size:10px;padding:3px 6px;min-height:29px;max-width:none}}

.window[data-mode=skins]{width:min(1060px,calc(100% - 20px))}.window[data-mode=skins] #panel-body{display:flex;overflow:hidden;padding:14px}.skin-shop{display:flex;flex-direction:column;gap:12px;width:100%;min-height:0}.skin-shop-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.skin-shop h3{margin:0;color:#ead6a7;font-size:16px}.skin-shop-heading p{font-size:12px;margin:6px 0 0;color:#c5bdac}.skin-policy{font-size:11px;color:#c8bf9e;border:1px solid #5a5139;padding:6px 9px;white-space:nowrap}.skin-pack-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.skin-pack-tabs button{padding:7px;font-size:13px;min-height:44px}.skin-pack-tabs small{display:block;margin-top:4px;font-size:10px;letter-spacing:0;color:#b6ab91}.skin-pack-tabs .active{background:#3a301d;border-color:#dbc087}.skin-shop-main{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr);gap:14px;flex:1;min-height:0}.skin-catalog-side{display:flex;flex-direction:column;gap:10px;min-height:0}.skin-cards{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,minmax(0,1fr));gap:7px}.skin-card{position:relative;display:grid;grid-template-columns:minmax(35px,.7fr) 1fr;grid-template-rows:1fr 1fr;column-gap:8px;align-items:center;min-height:0;padding:5px 8px;background:linear-gradient(130deg,#25241e,#11100d)!important;border:1px solid #665b42!important;overflow:hidden;text-align:left}.skin-card img{width:100%;height:100%;min-height:0;object-fit:contain;grid-row:1/3;grid-column:1}.skin-card>span{grid-row:1;grid-column:2;font-size:12px;align-self:end;white-space:nowrap}.skin-card small{grid-row:2;grid-column:2;font-size:10px;letter-spacing:0;color:#b6ad96;align-self:start;margin-top:4px}.skin-card.previewed{border-color:#e8cb85!important;box-shadow:inset 0 0 0 1px #9f8850}.skin-pages{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;flex:none}.skin-pages button{padding:6px 12px;min-height:30px}.skin-preview-side{display:flex;flex-direction:column;gap:9px;min-height:0;border:1px solid #77664a;padding:9px;background:radial-gradient(ellipse at 50% 65%,#323426,#0e110f 65%)}.skin-stage{position:relative;flex:1;min-height:0;overflow:hidden}.skin-stage canvas{display:block;width:100%;height:100%}.skin-stage>p{position:absolute;inset:40% 12px auto;text-align:center;color:#d0c4a1;font-size:12px}.skin-preview-tag{position:absolute;top:5px;left:5px;padding:3px 7px;font-size:10px;color:#bcb29d;background:#151610c9;border:1px solid #5b5744}.skin-turn{position:absolute;inset:auto 6px 8px;display:flex;justify-content:space-between;pointer-events:none}.skin-turn button{pointer-events:auto;width:32px;height:30px;font-size:20px;padding:0}.skin-motions{display:flex;gap:7px;justify-content:center;flex:none}.skin-motions button{min-height:29px;padding:4px 13px;font-size:11px}.skin-motions .active{border-color:#e5c989}.skin-selected{flex:none;border-top:1px solid #5f5740;padding:10px 6px 3px;text-align:center}.skin-selected p{font-size:12px;line-height:1.6;margin:6px 0 10px;color:#c8bfa9}.skin-selected>div{display:flex;justify-content:center;gap:8px}.skin-selected button{font-size:12px;padding:7px 16px;min-height:32px}.skin-selected button:disabled{opacity:.55}.skin-shop-foot{font-size:11px;color:#bcb4a2;line-height:1.6;flex:none}.skin-shop-foot p{color:#dfc689;margin:3px 0 0}.skin-shop-foot p:empty{display:none}#skin-shop-button{min-height:28px;white-space:nowrap;font-size:11px;padding:3px 9px}
@media(max-width:1000px){.window[data-mode=skins] #panel-body{padding:8px}.skin-shop{gap:7px}.skin-shop-heading{display:block}.skin-shop-heading h3{font-size:14px}.skin-shop-heading p{font-size:10px;margin-top:4px}.skin-policy{display:none}.skin-pack-tabs{gap:3px}.skin-pack-tabs button{font-size:11px;padding:4px 2px;min-height:37px}.skin-pack-tabs small{font-size:9px;margin-top:2px}.skin-shop-main{grid-template-columns:1fr;grid-template-rows:minmax(200px,1.5fr) minmax(120px,1fr);gap:7px}.skin-preview-side{grid-row:1;padding:5px;gap:4px}.skin-catalog-side{grid-row:2;gap:5px}.skin-cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px}.skin-card{grid-template-columns:36px minmax(0,1fr);gap:3px;padding:3px}.skin-card>span{font-size:10px}.skin-card small{font-size:9px;margin-top:2px}.skin-selected{padding:5px 2px 0}.skin-selected h3{font-size:13px}.skin-selected p{font-size:10px;margin:3px 0 5px}.skin-selected button{font-size:11px;padding:5px 12px;min-height:30px}.skin-pages{gap:12px}.skin-pages button{padding:3px 10px;min-height:28px}.skin-shop-foot{font-size:10px}.skin-motions button{min-height:26px;padding:3px 10px}.skin-shop-button{font-size:10px}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){.skin-shop-heading{display:none}.skin-shop-main{grid-template-columns:.9fr 1.1fr;grid-template-rows:1fr}.skin-preview-side{grid-column:2;grid-row:1}.skin-catalog-side{grid-column:1;grid-row:1}.skin-cards{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr))}.skin-shop-foot{font-size:9px}.skin-selected p{margin:2px 0}.skin-motions{display:none}}

#skin-shop-launch{font-size:12px;min-height:30px;padding:4px 12px;margin-left:auto;margin-right:12px;white-space:nowrap}.skin-admin-grant{margin-top:12px;border-top:1px solid #685c40;padding-top:10px}.skin-admin-grant summary{font-size:13px;cursor:pointer;color:#dcc18c;margin-bottom:8px}

@media(max-width:1000px){.skin-card>span{font-size:12px}.skin-card small{font-size:10px}.skin-pack-tabs button{font-size:12px}.skin-selected p{font-size:12px}.skin-selected button{font-size:12px}}
.skin-preview-side{background:#090b0c!important}.skin-stage{background:#000}.skin-selected p:empty{display:none}.skin-shop-foot:has(p:empty){display:none}
@media(max-width:1000px) and (orientation:landscape) and (max-height:550px){.skin-motions{display:flex}.skin-motions button:not(#skin-play){display:none}}

.purchase-conditions .crown-price-tiers{display:block;grid-column:1/-1;margin:0;padding:3px 0;font-size:10px;line-height:1.6;white-space:normal}
@media(max-width:1000px){.purchase-conditions .crown-price-tiers{font-size:9px}}