html,body{margin:0;padding:0;overflow:hidden;background:#1c1712;font-family:Fredoka,system-ui,sans-serif}:root{--ui-scale: 1;--tile-bag: 40px;--tile-inv: var(--tile-eq);--tile-eq: 60px;--bag-gap: 9px;--inv-bag-gap: 10px;--eq-gap: 10px;--panel-pad-y: 10px;--panel-pad-x: 14px;--panel-w: 300px;--bank-w: 540px;--bag-pane-w: 380px;--inv-used-h: 192px;--stats-w: 290px;--inv-doll-w: 360px;--hud-top-clear: 78px;--toolbar-right: 14px;--tb-w: 46px;--ctl-actions-right: 68px;--skl-pane-w: 512px;--skl-detail-w: 536px;--skl-cols-gap: 18px;--skl-bottom-clear: 108px;--skl-card-h: 118px;--skl-card-gap: 10px;--skl-card-icon: 68px;--skl-card-lv: 16px;--skl-hero-icon: 88px;--skl-lens-h: 28px;--skl-rail-w: 46px;--skl-row-icon: 22px;--skl-blurb-lines: 3;--cr-list-h: calc(88vh - 150px) ;--fs-panel: max(11px, calc(13px * var(--ui-scale)));--fs-title: max(13px, calc(16px * var(--ui-scale)));--slot-label: 8px;--zone-vitals: 0px;--zone-action-h: 0px}#game canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;color:#f1e8d4;-webkit-user-select:none;user-select:none}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.mono{font-family:Space Mono,monospace}.hud-panel{background:linear-gradient(#3a322c,#2e2722);border:2px solid #1e1915;border-radius:14px;box-shadow:inset 0 2px #ffffff17,0 5px #16110d,0 12px 22px #00000059;color:#f1e8d4;padding:var(--panel-pad-y) var(--panel-pad-x)}.hud-heading{font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:14px;letter-spacing:.04em;margin-bottom:6px}.icon-emoji{line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.icon-art{display:inline-block;width:1.5em;height:1.5em;background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:-.32em}.hud-vitals{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.vitals-row{display:flex;align-items:center;gap:8px}.hearts{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:268px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.heart{position:relative;display:inline-block;width:24px;height:24px}.hv-heart-defs{position:absolute;width:0;height:0;overflow:hidden}.hsvg{display:block;width:100%;height:100%;overflow:visible}.hwell{fill:#231b15}.hrim{fill:none;stroke:#120e0a;stroke-width:1.3;stroke-linejoin:round}.hseg{visibility:hidden}.hseg.lit{visibility:visible}.hseg rect{fill:url(#hv-heart-grad)}.hglint{fill:#fff;opacity:.42}.hdiv{stroke:#120e0a;stroke-width:1.1}.hearts.hit .heart{animation:heart-hit .32s ease-out}@keyframes heart-hit{0%{transform:translate(0);filter:brightness(2)}30%{transform:translate(-2px);filter:brightness(1.6)}60%{transform:translate(2px);filter:brightness(1.2)}to{transform:translate(0);filter:none}}.hearts.low{animation:hearts-pulse 1.1s ease-in-out infinite}.hearts.low .hsvg{animation:heart-glow 1.1s ease-in-out infinite}.hearts.crit,.hearts.crit .hsvg{animation-duration:.8s}@keyframes hearts-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes heart-glow{0%,to{filter:none}50%{filter:brightness(1.35) saturate(1.15)}}.stamina{width:140px;height:10px;border-radius:5px;background:#17120e;border:1px solid #100c08;overflow:hidden;box-shadow:0 0 0 1px #100c08a6,0 2px 5px #00000073}.stamina-fill{height:100%;width:100%;border-radius:5px;background:#7ec850;transition:width .1s linear}.stamina.low .stamina-fill{background:#c85a40;animation:stamina-pulse .6s ease-in-out infinite}@keyframes stamina-pulse{0%,to{opacity:1}50%{opacity:.55}}.quick-row{display:flex;gap:8px}.quick-chip{position:relative;display:flex;align-items:center;gap:5px;min-width:46px;padding:3px 7px;border-radius:9px;background:#17120e;box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0d,0 0 0 1px #100c08cc,0 2px 5px #0006;overflow:hidden}.quick-chip.empty{background:#17120e73;box-shadow:inset 0 2px 4px #0000004d,0 0 0 1px #100c0873,0 2px 4px #0000004d}.quick-chip.cooling .quick-icon{opacity:.35;filter:grayscale(.8)}.quick-cd{position:absolute;top:0;left:0;right:0;height:0;background:#0a0705b8;transition:height .1s linear;pointer-events:none}.quick-icon{font-size:17px;line-height:1}.quick-count{font-size:10px;font-weight:700;color:#e8d48f}.quick-key{font-size:9px;padding:0 4px;margin-left:auto}.quick-chip.quiver{min-width:40px}.quick-chip.quiver.dry{background:#3a1410;box-shadow:inset 0 2px 4px #0009,0 0 0 1px #781e18e6,0 2px 5px #0006}.quick-chip.quiver.dry .quick-count{color:#f06a58}.quick-chip.quiver.dry .quick-icon{opacity:.55;filter:grayscale(.6)}.stamina.refused,.quick-chip.quiver.refused{animation:refused-flash .36s ease-out}@keyframes refused-flash{0%{transform:translate(0);box-shadow:0 0 0 2px #f04a3a,0 0 12px 3px #f04a3abf}30%{transform:translate(-3px);box-shadow:0 0 0 2px #f04a3a,0 0 10px 2px #f04a3a99}60%{transform:translate(3px);box-shadow:0 0 0 1px #f04a3a,0 0 6px 1px #f04a3a59}to{transform:translate(0)}}.stamina.refused .stamina-fill{animation:refused-fill .36s ease-out}@keyframes refused-fill{0%,50%{background:#f04a3a}}.hud-party{position:absolute;left:14px;top:max(78px,calc(70px + env(safe-area-inset-top,0px)));display:flex;flex-direction:column;gap:5px;width:172px;pointer-events:none}.inv-open .hud-party{display:none!important}.party-title{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#d8c8a8;text-shadow:-1px -1px 0 #1a140f,1px -1px 0 #1a140f,-1px 1px 0 #1a140f,1px 1px 0 #1a140f,0 2px 3px rgba(0,0,0,.6);margin-bottom:1px}.party-row{background:linear-gradient(#3a322c,#2e2722);border:2px solid #1e1915;border-radius:10px;padding:4px 8px 5px;box-shadow:inset 0 1px #ffffff17,0 3px #16110d,0 6px 10px #0000004d}.party-row.offline{opacity:.45}.party-row.away .party-hearts,.party-row.away .party-stamina{opacity:.5}.party-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.party-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f1e8d4}.party-row.self .party-name{color:#e8d48f}.party-status{flex-shrink:0;font-size:11px;font-weight:700;line-height:1}.party-status.ready{color:#7ec850}.party-status.away{filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.party-status.offline{font-family:Space Mono,monospace;color:#9a8c72}.party-hearts{display:flex;align-items:center;gap:1px;margin-top:2px;line-height:1}.pheart{position:relative;display:inline-block;width:12px;height:12px}.pheart .hdiv,.mheart .hdiv{stroke-width:2}.pheart .hrim,.mheart .hrim{stroke-width:1.8}.pheart .hglint,.mheart .hglint{display:none}.pheart-more{margin-left:3px;font-size:9px;font-weight:700;color:#e8d48f}.party-stamina{margin-top:3px;height:4px;border-radius:2px;background:#17120e;overflow:hidden}.party-stamina-fill{height:100%;border-radius:2px;background:#7ec850;transition:width .2s linear}.social-menu{position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);min-width:190px;max-width:300px;max-height:min(430px,62vh);overflow-y:auto;scrollbar-width:none;padding:8px 10px 6px;font-size:13px;pointer-events:auto}.social-title{font-weight:600;font-size:13px;margin:0 2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-row{display:flex;align-items:center;gap:6px;padding:4px 8px;margin:1px -2px;border-radius:8px;color:#d8c8a8}.social-row.selected{color:#f1e8d4;background:linear-gradient(#4b4138,#3b332c);box-shadow:inset 0 1px #ffffff1f,0 2px #16110d}.social-row.dim{color:#7a6f5c}.social-row.dim.selected{color:#9a8c72}.social-arrow{width:10px;flex-shrink:0;color:#e8b93c;opacity:0}.social-row.selected .social-arrow{opacity:1}.social-menu .pn-footer{margin-top:6px}.inspect-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;font-size:13px;pointer-events:none}.inspect-level{font-size:11px;font-weight:700;color:#e8d48f;margin:-2px 0 8px}.inspect-doll{display:flex;justify-content:center;gap:42px;align-items:flex-start}.inspect-toolrow{display:flex;justify-content:center;gap:8px;margin-top:10px}.inspect-card .inv-slot .tile{--tile-size: 46px}.room-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#07060a;opacity:0;pointer-events:none;z-index:30}.help-rows{display:flex;flex-direction:column;gap:5px;margin:6px 0 10px;font-size:12px}.help-row{display:flex;align-items:baseline;gap:8px}.help-label{color:#d8c8a8;line-height:1.25}.help-tabs{margin-bottom:10px}.aud-rows{display:flex;flex-direction:column;gap:4px;margin:6px 0 4px}.aud-row{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border-radius:9px;border:1px solid transparent}.aud-row.selected{background:linear-gradient(#3d332a,#322a24);border-color:#e8b93c;box-shadow:inset 0 1px #ffffff1f}.aud-head{display:flex;align-items:baseline;gap:8px}.aud-name{font-size:12px;font-weight:700;color:#f1e8d4}.aud-pct{margin-left:auto;font-size:11px;font-weight:700;color:#e8d48f;font-variant-numeric:tabular-nums}.aud-track{position:relative;height:10px;border-radius:999px;background:#17120e;border:1px solid #100c08;box-shadow:inset 0 1px 2px #00000080;cursor:pointer}.aud-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(#f3c94a,#c9962b)}.aud-knob{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:linear-gradient(#fbe9a8,#e0b23a);border:1px solid #6b5220;box-shadow:0 1px 2px #0000008c}.aud-note{font-size:10px;color:#9a8c72;line-height:1.25}.kbd{font-family:Space Mono,monospace;font-size:11px;font-weight:700;color:#f5edd8;background:#17120e;border:1px solid #100c08;border-radius:6px;padding:1px 6px;box-shadow:inset 0 -2px #0000008c,inset 0 1px #ffffff1a;white-space:nowrap;flex-shrink:0}.hud-status{position:absolute;top:14px;right:max(14px,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:10px;font-size:12px;padding:8px 12px}.hud-moon{position:absolute;top:max(8px,env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:56px auto;grid-template-rows:1fr 1fr;column-gap:6px;color:#f3e6c9;text-shadow:0 1px 3px #171410,0 0 4px #171410;pointer-events:auto}.hud-moon[hidden]{display:none}.hud-moon-art{grid-row:1 / 3;width:56px;height:56px;background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(0 2px 3px #201c1690)}.hud-moon-label{align-self:end;font-size:10px;padding-bottom:2px}.hud-moon-time{align-self:start;font-size:10px;opacity:.85}#hud.spectating .hud-moon{display:none}@media(max-width:600px){.hud-moon{grid-template-columns:54px auto}.hud-moon-art{width:54px;height:54px}.hud-status{gap:5px;font-size:10px}}@media(max-width:440px){.hud-moon-label,.hud-moon-time{display:none}}.conn-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:inset 0 -1px 2px #0006}.conn-dot.online{background:#7ec850}.conn-dot.connecting{background:#e8b93c;animation:stamina-pulse .8s ease-in-out infinite}.conn-dot.dropped{background:#e0483a}.prompt-card{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:7px;min-width:230px;max-width:340px;padding:9px 12px 8px;pointer-events:none;animation:prompt-in .22s ease-out}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.prompt-title{font-weight:600;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-actions{display:flex;justify-content:center;gap:8px}.prompt-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:10px;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:Fredoka,system-ui,sans-serif;font-size:12px;font-weight:600;color:#f1e8d4;background:linear-gradient(#3a322c,#2e2722);border:2px solid #1e1915;box-shadow:inset 0 2px #ffffff17,0 3px #16110d,0 6px 10px #0000004d;transition:transform .1s ease-out,box-shadow .1s ease-out,background .1s ease-out}.prompt-btn:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff17,0 1px #16110d,0 3px 6px #0000004d}.prompt-accept{background:linear-gradient(#3e4a2c,#303a22);border-color:#1c2113}.prompt-accept .prompt-btn-label{color:#c8e8a0}.prompt-decline .prompt-btn-label{color:#e8b3a8}.prompt-key{font-size:10px;padding:0 5px}.prompt-timer-row{display:flex;align-items:center;gap:7px}.prompt-timer{flex:1;height:5px;border-radius:3px;background:#17120e;box-shadow:inset 0 1px 2px #0009;overflow:hidden}.prompt-timer-fill{height:100%;border-radius:3px;background:linear-gradient(#f0cf6a,#e8b93c);transition:width .1s linear}.prompt-card.party .prompt-timer-fill{background:linear-gradient(#a8d070,#7ec850)}.prompt-secs{font-size:10px;color:#b8a888;min-width:24px;text-align:right}#hud.spectating .prompt-card{top:56px}@media(pointer:coarse){.prompt-btn{padding:8px 14px}}.hud-toasts{position:absolute;left:50%;bottom:112px;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:6px}.toast{font-size:13px;padding:6px 14px;white-space:nowrap;animation:toast-in .25s ease-out;transition:opacity .4s ease-out,transform .4s ease-out}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hud-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#c81c1200 46%,#c81c128c 80%,#a00e08f2);box-shadow:inset 0 0 90px 28px #aa120a99}.hud-vignette.low{animation:vignette-pulse 1.1s ease-in-out infinite}.hud-vignette.crit{animation:vignette-pulse-crit .8s ease-in-out infinite}@keyframes vignette-pulse{0%,to{opacity:.08}50%{opacity:.35}}@keyframes vignette-pulse-crit{0%,to{opacity:.14}50%{opacity:.5}}.hud-death{position:absolute;top:0;right:0;bottom:0;left:0;background:#140c088c;display:flex;align-items:center;justify-content:center}.hud-death-panel{text-align:center;padding:22px 40px}.death-title{font-size:26px;margin-bottom:8px}.death-timer{font-size:15px;color:#d8c8a8}.name-label{position:absolute;transform:translate(-50%,-100%);font-family:Space Mono,monospace;font-size:11px;line-height:1;padding:3px 8px;border-radius:9px;background:#1a140fc7;color:#f1e8d4;white-space:nowrap}.name-label.npc{background:#483018d6;color:#ffe9c2}.mini-hearts{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:0;line-height:1;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.mheart{position:relative;display:inline-block;width:10px;height:10px}.drop-qty{position:absolute;transform:translate(-50%,-100%);font-family:Space Mono,monospace;font-size:10px;font-weight:700;line-height:1.2;color:#f1e8d4;background:#17120ed9;border-radius:6px;padding:0 4px;white-space:nowrap;pointer-events:none}.orb-row{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.orb{--orb-size: 80px;position:relative;flex:0 0 var(--orb-size);width:var(--orb-size);height:calc(var(--orb-size) + 21px);color:#f5edd8}.orb-track{position:absolute;inset:0 0 auto;height:var(--orb-size);border-radius:50%;background:radial-gradient(circle at 40% 32%,#443b30e6,#241e18eb 75%);box-shadow:inset 0 1px 2px #8f7c4e50,0 3px 6px #17120e45}.orb-ring{display:block;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.orb-ring-base{fill:none;stroke:#79684a;stroke-opacity:.5;stroke-width:3.5}.orb-fill{fill:none;stroke:#efc64d;stroke-width:3.5;stroke-linecap:round}.orb .orb-icon{position:absolute;top:11px;left:50%;transform:translate(-50%);display:block;width:calc(var(--orb-size) - 24px);height:calc(var(--orb-size) - 24px);font-size:38px;line-height:calc(var(--orb-size) - 24px);text-align:center;filter:drop-shadow(0 2px 2px #0007)}.orb-level{position:absolute;top:calc(var(--orb-size) + 2px);left:50%;transform:translate(-50%);box-sizing:border-box;min-width:27px;padding:1px 6px 2px;border:1px solid #746347;border-radius:9px;background:#2b241ced;box-shadow:0 2px 3px #17120e40;color:#f8ead0;font-size:12px;font-weight:600;line-height:14px;text-align:center;font-variant-numeric:tabular-nums}.orb-capped .orb-level{color:#f5d67b;border-color:#af8d43}.orb-in{animation:orb-pop .22s ease-out}.orb-out{transition:opacity .35s,transform .35s;opacity:0;transform:translateY(-6px)}.orb-pulse .orb-track{animation:orb-levelup .5s ease-out}@keyframes orb-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes orb-levelup{35%{box-shadow:0 0 14px #efcb6580,inset 0 0 8px #efcb6540}}@media(max-width:960px){.orb-row{top:64px}}@media(max-height:600px){.orb{--orb-size: 72px}.orb .orb-icon{top:10px}}@media(prefers-reduced-motion:reduce){.orb-in,.orb-pulse .orb-track{animation:none}.orb-out{transition:opacity .35s;transform:none}}.fx-float{position:absolute;transform:translate(-50%,-100%);pointer-events:none;white-space:nowrap}.fx-dmg{font-family:Space Mono,monospace;font-weight:700;font-size:19px;color:#fff;text-shadow:-1px -1px 0 #241c14,1px -1px 0 #241c14,-1px 1px 0 #241c14,1px 1px 0 #241c14,0 2px 4px rgba(0,0,0,.5)}.fx-dmg-self{font-size:24px;color:#ff5040}.fx-xp{transform:translateY(-100%);font-family:Fredoka,sans-serif;font-weight:600;font-size:18px;color:#fff1d4;text-shadow:-1px -1px 0 #352a1d,1px -1px 0 #352a1d,-1px 1px 0 #352a1d,1px 1px 0 #352a1d,0 2px 3px #17120e80}.fx-xp-content{display:inline-flex;align-items:center;gap:6px;vertical-align:bottom;line-height:32px}.fx-xp .fx-xp-icon{display:inline-block;flex:0 0 32px;width:32px;height:32px;font-size:26px;filter:drop-shadow(0 1px 2px #17220b99)}.fx-heal{font-family:Space Mono,monospace;font-weight:700;font-size:19px;color:#7ee06a;text-shadow:-1px -1px 0 #12240f,1px -1px 0 #12240f,-1px 1px 0 #12240f,1px 1px 0 #12240f,0 2px 4px rgba(0,0,0,.5)}.fx-parry{font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:20px;letter-spacing:.06em;color:#fff6dd;text-shadow:-1px -1px 0 #241c14,1px -1px 0 #241c14,-1px 1px 0 #241c14,1px 1px 0 #241c14,0 0 12px rgba(255,244,200,.9)}.fx-levelup{position:absolute;top:64px;left:50%;transform:translate(-50%);font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:22px;letter-spacing:.1em;color:#3a2c10;background:linear-gradient(#ffe9a0,#e8b93c);border:2px solid #a8801e;border-radius:14px;padding:10px 26px;box-shadow:inset 0 2px #ffffff80,0 5px #7c5d14,0 12px 22px #00000059;white-space:nowrap}.fx-confetto{position:absolute;top:0;left:0;width:9px;height:14px;border-radius:2px;pointer-events:none}.hud-toolbar{position:absolute;right:var(--toolbar-right);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none;transition:right .15s ease-out}.hud-toolbar.docked{right:356px}.tb-btn{display:flex;flex-direction:column;align-items:center;gap:3px;width:var(--tb-w);padding:6px 0 5px;border-radius:12px;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(#3a322c,#2e2722);border:2px solid #1e1915;box-shadow:inset 0 2px #ffffff17,0 4px #16110d,0 8px 14px #00000059;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out}.tb-btn.active{background:linear-gradient(#544838,#423830);transform:translate(-4px);box-shadow:inset 0 2px #ffffff29,0 4px #16110d,0 0 12px #e8b93c73}.tb-icon{font-size:22px}.tb-key{font-size:9px;padding:0 4px}.hud-panels{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:var(--panel-w);max-height:88vh;overflow-y:auto;scrollbar-width:none;pointer-events:none;font-size:var(--fs-panel)}.pn-title{display:flex;align-items:center;gap:8px;font-size:var(--fs-title);margin-bottom:5px}.pn-title-icon{font-size:19px}.pn-section{margin-top:10px;margin-bottom:4px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9a8c72}.pn-chip{font-size:11px;font-weight:700;background:#17120e;border-radius:8px;padding:1px 7px;box-shadow:inset 0 1px 2px #0009;color:#e8d48f;white-space:nowrap}.pn-req{margin-top:3px;font-size:11px;font-weight:600;white-space:nowrap}.pn-req.met{color:#7ec850}.pn-req.unmet{color:#e0483a}.pn-detail{margin-top:10px;padding:7px 9px;border-radius:8px;background:#17120e;box-shadow:inset 0 1px 3px #0009}.pn-detail-head{display:flex;align-items:center;gap:7px;margin-bottom:3px}.pn-detail-icon{font-size:18px}.pn-detail-name{font-weight:600}.pn-detail-desc{font-size:11px;line-height:1.35;color:#d8c8a8}.pn-weapon-class{margin-top:4px;font-size:11px;font-weight:600;color:#e8d48f}.pn-weapon-cost{margin-top:2px;font-size:10px;color:#b8a98a}.pn-footer{margin-top:10px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#9a8c72;text-align:center;white-space:nowrap}.tile{position:relative;--tile-size: var(--tile-bag);width:var(--tile-size);height:var(--tile-size);flex-shrink:0;border-radius:9px;background:#17120e;box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0d;display:flex;align-items:center;justify-content:center}.tile>.tile-icon{font-size:calc(var(--tile-size) * .72);line-height:1}.tile>.tile-icon.icon-art{width:78%;height:78%;vertical-align:baseline}.tile.empty .tile-icon{opacity:.28;filter:grayscale(.9)}.tile.vacant{background:#17120e73;box-shadow:inset 0 2px 4px #0000004d}.tile.selected{background:linear-gradient(#4b4138,#3b332c);box-shadow:inset 0 1px #ffffff24,0 0 0 2px #e8b93c,0 2px #16110d}.tile-qty{position:absolute;right:3px;bottom:2px;font-size:10px;font-weight:700;line-height:1.25;color:#f1e8d4;background:#100c09eb;border-radius:6px;padding:0 4px;box-shadow:0 1px 2px #0000008c}.hud-panels.inv-screen{top:0;right:0;bottom:0;left:0;transform:none;width:auto;max-height:none;overflow:visible;background:none;border:none;box-shadow:none;border-radius:0;padding:var(--hud-top-clear) 16px 16px;display:flex;justify-content:flex-end;align-items:flex-start;--panel-w: var(--bag-pane-w);--tile-bag: var(--tile-inv);--bag-gap: var(--inv-bag-gap)}.inv-doll{position:absolute;left:50%;top:min(calc(50% - 198px),calc(100vh - 522px));transform:translate(-50%);width:var(--inv-doll-w);display:flex;justify-content:space-between;align-items:flex-start}.inv-eq-col{display:flex;flex-direction:column;gap:var(--eq-gap)}.inv-toolrow{position:absolute;left:50%;top:min(calc(50% + 212px),calc(100vh - 112px));transform:translate(-50%);display:flex;gap:var(--eq-gap)}.inv-slot{display:flex;flex-direction:column;align-items:center;gap:2px}.inv-slot .tile{--tile-size: var(--tile-eq);border-radius:12px}.inv-slot-label{font-size:var(--slot-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#b8a988;text-shadow:-1px -1px 0 rgba(20,14,10,.8),1px -1px 0 rgba(20,14,10,.8),-1px 1px 0 rgba(20,14,10,.8),1px 1px 0 rgba(20,14,10,.8)}.inv-stats{position:absolute;left:16px;top:var(--hud-top-clear);width:var(--stats-w);box-sizing:border-box;max-height:max(120px,min(72vh,calc(100vh - var(--hud-top-clear) - 170px)));overflow-y:auto;scrollbar-width:none;padding:8px 12px;font-size:12px}.inv-bag{width:var(--panel-w);box-sizing:border-box;flex-shrink:0;display:flex;flex-direction:column;min-height:0;max-height:100%}.inv-bag>*:not(.inv-bag-scroll){flex:0 0 auto}.inv-bag-scroll{flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}.inv-bag-count{margin-left:auto;font-size:10px;font-weight:700;color:#9a8c72}.inv-bag-count.full{color:#e8b93c}.inv-empty{font-size:11px;font-style:italic;color:#7a6f5c;padding:6px 2px}.eq-caption{position:absolute;left:50%;top:min(calc(50% + 289px),calc(100vh - 30px));transform:translate(-50%);max-width:46vw;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:-1px -1px 0 rgba(20,14,10,.8),1px -1px 0 rgba(20,14,10,.8),-1px 1px 0 rgba(20,14,10,.8),1px 1px 0 rgba(20,14,10,.8)}.eq-cap-slot{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#b8a988}.eq-cap-item{font-weight:500}.eq-cap-item.none{color:#7a6f5c;font-weight:400}@media(max-height:764px){#hud.inv-open .hud-vitals{display:none!important}}.bag-grid{display:grid;gap:var(--bag-gap);padding:3px 4px}.inv-tabs{display:flex;align-items:center;gap:2px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}.inv-tab-bump{flex:0 0 auto;opacity:.85}.inv-tab{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;justify-content:center;gap:2px;padding:3px;border-radius:7px;font-size:10px;font-weight:600;color:#b8a988;white-space:nowrap;overflow:hidden}.inv-tab-label{overflow:hidden;text-overflow:ellipsis}.inv-tab-n{font-size:8px;font-weight:700;color:#8b7f68}.inv-tab.empty{opacity:.35}.inv-tab.active{background:linear-gradient(#544838,#423830);color:#f3c94a;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #e8b93c}.inv-tab.active .inv-tab-n{color:#e8d48f}.pn-badge{margin-left:auto;flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b8a988;background:#241d18;border-radius:6px;padding:1px 6px}.pn-section.pn-uses-cap{margin-top:7px;margin-bottom:3px}.pn-uses{display:flex;flex-direction:column;gap:3px;max-height:var(--inv-used-h);overflow-y:auto;scrollbar-width:none}.pn-use{display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:6px;background:#0000002e}.pn-use.short{opacity:.5}.pn-use-icon{font-size:15px;flex:0 0 auto}.pn-use-body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.pn-use-name{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-use-inputs{font-size:9px;color:#9a8c72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-use-side{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto}.pn-use-station{font-size:9px;color:#b8a988;white-space:nowrap}.pn-use-side .pn-req{margin-top:0;font-size:9px}.pn-use-more{font-size:9px;color:#7a6f5c;text-align:center;padding-top:2px}.inv-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.inv-act{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;background:linear-gradient(#463c33,#372f29);box-shadow:inset 0 1px #ffffff1a,0 2px #16110d;font-size:11px;font-weight:600;color:#f1e8d4;white-space:nowrap}.inv-act:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a}.inv-act-key{flex:0 0 auto}.inv-actbar .pn-footer{margin-top:6px;padding-top:5px}.pn-hit{pointer-events:auto;cursor:pointer}.hud-panels.skl-screen{top:0;right:0;bottom:0;left:0;transform:none;width:auto;max-height:none;overflow:visible;background:none;border:none;box-shadow:none;border-radius:0;padding:var(--hud-top-clear) calc(var(--toolbar-right) + var(--tb-w) + 8px) var(--skl-bottom-clear) 16px;display:flex;gap:var(--skl-cols-gap);justify-content:center;align-items:flex-start}.skl-cards,.skl-detail{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;max-height:100%;min-width:0}.skl-cards{flex:0 1 var(--skl-pane-w)}.skl-detail{flex:0 1 var(--skl-detail-w)}.skl-cards>*:not(.skl-grid-scroll),.skl-detail>*:not(.skl-rail-scroll){flex:0 0 auto}.skl-grid-scroll,.skl-rail-scroll{flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#71614a transparent;scroll-padding-block:8px;padding:4px}.skp-total{margin-left:auto;font-size:11px;font-weight:600;color:#e8d48f;white-space:nowrap}.skl-lenses{display:flex;align-items:center;gap:2px;min-height:var(--skl-lens-h);margin-top:8px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}.skl-lens-bump{flex:0 0 auto;opacity:.85}.skl-lens{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;justify-content:center;gap:2px;padding:3px;border-radius:7px;font-size:10px;font-weight:600;color:#b8a988;white-space:nowrap;overflow:hidden}.skl-lens-label{overflow:hidden;text-overflow:ellipsis}.skl-lens-n{font-size:8px;font-weight:700;color:#8b7f68}.skl-lens.active{background:linear-gradient(#544838,#423830);color:#f3c94a;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #e8b93c}.skl-lens.active .skl-lens-n{color:#e8d48f}.pn-section.skl-cat{display:flex;align-items:baseline;margin-top:12px;margin-bottom:6px;gap:7px}.skl-cat:before{content:"";width:6px;height:6px;border-radius:50%;background:#789bad}.skl-cat[data-category=combat]:before{background:#bc786b}.skl-cat[data-category=gathering]:before{background:#91a67d}.pn-section.skl-cat:first-child{margin-top:2px}.skl-cat-n{margin-left:auto;font-size:9px;color:#8b7f68}.skl-grid{display:grid;gap:var(--skl-card-gap);padding:2px}.skl-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--skl-card-h);padding:4px;box-sizing:border-box;border:2px solid transparent;border-radius:12px;background:linear-gradient(#423930,#302822);box-shadow:inset 0 0 0 1px #e1ccaa17;scroll-margin-block:4px;transition:transform .1s ease-out,box-shadow .1s ease-out}.skill-banner{display:inline-block;flex-shrink:0;width:1em;height:1em;background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle}.pn-title-icon.skill-banner,.skl-entry-icon.skill-banner,.skl-next-icon.skill-banner{width:1.25em;height:1.25em}.skl-card-icon{font-size:var(--skl-card-icon);line-height:1}.skl-card-lv{display:flex;align-items:baseline;gap:2px;line-height:1.05}.skl-lv-pre{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8b7f68}.skl-lv-n{font-size:var(--skl-card-lv);font-weight:700;color:#e8d48f}.skl-card-name{max-width:100%;font-size:max(10px,calc(12px * var(--ui-scale)));line-height:1.1;color:#e4d7c0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skl-card-bar{width:100%;height:3px;flex-shrink:0;margin-top:3px;border-radius:3px;background:#17120e;overflow:hidden}.skl-card-fill{height:100%;border-radius:3px;background:#6fb0d8}.skl-card.maxed .skl-card-fill{background:#e8b93c}.skl-card.maxed .skl-lv-pre{color:#e8b93c}.skl-card.selected{background:linear-gradient(#544838,#423830);border-color:#e8b93c;box-shadow:inset 0 0 0 1px #ffde8b40}.skl-card.selected .skl-card-name{color:#f1e8d4}.skl-card.owner{border-color:#8ea0ae;box-shadow:none}.skl-hero-head{display:flex;align-items:center;gap:14px;padding:4px 0 10px}.skl-hero-icon{font-size:var(--skl-hero-icon);line-height:1;flex:0 0 auto}.skl-hero-name{font-size:clamp(18px,calc(var(--skl-hero-icon) * .3),28px);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skl-hero-identity{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}.skl-hero-category,.skl-hero-level-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#bbaa8b}.skl-hero-level{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;min-width:44px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1)}.skl-hero-level-n{font-size:clamp(22px,calc(var(--skl-hero-icon) * .38),34px);line-height:1.15;font-weight:600;color:#ead393}.skl-hero-xp{margin-top:4px;font-size:10px;color:#b8a988}.skl-hero-bar{height:8px;margin-top:4px;border-radius:4px;background:#17120e;box-shadow:inset 0 1px 2px #0009;overflow:hidden}.skl-hero-fill{height:100%;border-radius:4px;background:linear-gradient(#7ec850,#5ea63c)}.skl-hero-bar.maxed .skl-hero-fill{background:linear-gradient(#f3c94a,#d3a022)}.skl-next,.skl-route{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px;padding:3px 6px;border-radius:8px;background:#0003;font-size:11px;overflow:hidden}.skl-cap{flex:0 0 auto;font-size:8px;font-weight:700;letter-spacing:.14em;color:#8b7f68}.skl-next-lv{flex:0 0 auto;font-family:Space Mono,monospace;font-size:10px;font-weight:700;color:#e8b93c;background:#17120e;border-radius:6px;padding:0 5px}.skl-next-icon{flex:0 0 auto;font-size:var(--skl-row-icon);line-height:1}.skl-next-name{flex:0 1 auto;min-width:0;font-weight:600;line-height:1.3;color:#f1e8d4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.skl-next-sub,.skl-route-sub{flex:1 1 200px;min-width:0;font-size:10px;line-height:1.3;color:#9a8c72;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.skl-next-more,.skl-next-away{flex:0 0 auto;font-size:9px;font-weight:700;color:#8b7f68}.skl-next-none{font-size:10px;color:#9a8c72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skl-route-n{flex:0 0 auto;font-weight:700;color:#f1e8d4}.skl-route-src{flex:0 1 auto;min-width:0;font-weight:700;color:#f1e8d4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skl-hero-blurb{margin-top:12px;font-size:12px;line-height:1.5;color:#d8c8a8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--skl-blurb-lines);overflow:hidden}@media(max-height:700px){.skl-hero-blurb{display:none}}.skl-band{display:flex;align-items:flex-start;gap:4px;padding:8px 6px;border-radius:8px;scroll-margin-block:4px}.skl-rail{position:relative;flex:0 0 var(--skl-rail-w);align-self:stretch;display:flex;align-items:flex-start;justify-content:center;padding-top:2px}.skl-rail:before{content:"";position:absolute;left:50%;top:0;bottom:-7px;width:2px;margin-left:-1px;background:#2b241e}.skl-band.last .skl-rail:before{display:none}.skl-node{position:relative;z-index:1;min-width:22px;text-align:center;font-family:Space Mono,monospace;font-size:10px;font-weight:700;color:#b8a988;background:#17120e;border:2px solid #2b241e;border-radius:9px;padding:0 4px;line-height:1.4}.skl-band.reached .skl-rail:before{background:#4d7a37}.skl-band.reached .skl-node{color:#cfe8b6;border-color:#5ea63c}.skl-band.beyond .skl-rail:before{background:repeating-linear-gradient(#2b241e 0 3px,transparent 3px 6px)}.skl-band.beyond{opacity:.62}.skl-band.selected{background:#e8b93c1a;box-shadow:inset 0 0 0 2px #e8b93c}.skl-band-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.skl-you{flex:0 0 auto;align-self:flex-start;font-size:8px;font-weight:700;letter-spacing:.1em;color:#7ec850;white-space:nowrap}.skl-entry{display:flex;align-items:flex-start;gap:6px;min-width:0}.skl-entry-text{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.skl-entry.locked{opacity:.62}.skl-entry-mark{flex:0 0 auto;font-size:9px}.skl-entry-icon{flex:0 0 auto;font-size:var(--skl-row-icon);line-height:1}.skl-entry-name{flex:1 1 auto;min-width:0;font-size:12px;line-height:1.3;font-weight:600;color:#f1e8d4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.skl-entry-sub{flex:1 1 auto;min-width:0;font-size:11px;line-height:1.3;color:#9a8c72;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.skl-band-more{font-size:9px;font-style:italic;color:#7a6f5c}.skl-cap-line{display:flex;align-items:center;gap:6px;margin:6px 2px 4px;font-size:9px;font-style:italic;color:#7a6f5c;white-space:nowrap;overflow:hidden}.skl-cap-line:before,.skl-cap-line:after{content:"";flex:1 1 auto;height:0;border-top:1px dashed #3a322c}.skl-actbar{margin-top:auto}.ch-level{display:flex;align-items:baseline;gap:8px;margin-top:2px}.ch-level-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9a8c72}.ch-level-value{margin-left:auto;font-size:14px;font-weight:700;color:#e8d48f}.ch-level-bar{margin-top:4px;margin-bottom:9px;height:6px}.ch-stats{display:flex;flex-direction:column;gap:3px}.ch-stat{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:7px;background:#0003}.ch-stat-icon{font-size:13px;flex:0 0 auto}.ch-stat-label{font-size:12px;color:#d8c8a8}.ch-stat-value{margin-left:auto;font-size:13px;font-weight:700;color:#f1e8d4}.ch-kills{margin-top:6px;font-size:10px;color:#9a8c72}.ch-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}.ch-skill{display:flex;align-items:baseline;gap:6px;min-width:0}.ch-skill-name{font-size:11px;color:#d8c8a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-skill-level{margin-left:auto;font-size:11px;font-weight:700;color:#e8d48f}.ch-talent{display:flex;align-items:flex-start;gap:8px;padding:6px 7px;margin:3px -2px;border-radius:9px;background:#0003}.ch-talent.locked{opacity:.62}.ch-talent-icon{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:#17120e;box-shadow:inset 0 2px 4px #0009;display:flex;align-items:center;justify-content:center;font-size:15px}.ch-talent.locked .ch-talent-icon{filter:grayscale(.85)}.ch-talent-body{flex:1 1 auto;min-width:0}.ch-talent-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ch-talent-name{font-size:12px;font-weight:600;color:#ffe9a0}.ch-talent.locked .ch-talent-name{color:#d8c8a8}.ch-talent-head .pn-req{margin-top:0;flex:0 0 auto}.ch-talent-desc{margin-top:2px;font-size:11px;line-height:1.35;color:#d8c8a8}.ch-hint{margin-top:2px;font-size:10px;line-height:1.35;font-style:italic;color:#9a8c72}.dialog-box{position:absolute;left:50%;bottom:120px;transform:translate(-50%);width:min(520px,calc(100vw - 48px));background:linear-gradient(#2c2620,#221c17);padding:16px 18px 20px}.dialog-tag{position:absolute;top:-12px;left:14px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#fff0dc;background:linear-gradient(#c07a52,#a5522f);border:2px solid #1e1915;border-radius:9px;padding:2px 10px;box-shadow:inset 0 1px #ffffff40,0 3px #16110d;white-space:nowrap}.dialog-textwrap{position:relative}.dialog-ghost,.dialog-reveal{font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word}.dialog-ghost{visibility:hidden;min-height:1.5em}.dialog-reveal{position:absolute;top:0;right:0;bottom:0;left:0;color:#f1e8d4}.dialog-next{position:absolute;right:12px;bottom:5px;display:none;align-items:center;gap:6px}.dialog-next.show{display:flex}.dialog-key{font-size:9px;padding:0 5px;opacity:.85}.dialog-arrow{font-size:12px;color:#e8b93c;animation:dialog-arrow-pulse .9s ease-in-out infinite}@keyframes dialog-arrow-pulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.45;transform:translate(3px)}}.chat-input-box{position:absolute;left:50%;bottom:112px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px}.chat-say-chip{font-size:11px;font-weight:700;background:#17120e;border-radius:8px;padding:2px 8px;box-shadow:inset 0 1px 2px #0009;color:#e8d48f;white-space:nowrap}.chat-input{pointer-events:auto;width:min(320px,60vw);background:#17120e;border:1px solid #100c08;border-radius:8px;color:#f1e8d4;font-size:13px;padding:6px 9px;outline:none;box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0d;caret-color:#e8b93c}.chat-input::selection{background:#e8b93c66}.chat-bubble{position:absolute;transform:translate(-50%,-100%);max-width:220px;background:#1a140fe0;border-radius:10px;padding:6px 10px;pointer-events:none}.chat-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(26,20,15,.88)}.chat-bubble-ghost,.chat-bubble-reveal{font-size:11px;line-height:1.4;white-space:pre-wrap;overflow-wrap:break-word}.chat-bubble-ghost{visibility:hidden;min-height:1.4em}.chat-bubble-reveal{position:absolute;top:6px;right:10px;bottom:6px;left:10px;color:#f6efdd}.chat-dock{position:absolute;left:16px;bottom:16px;width:min(460px,62vw);display:flex;flex-direction:column;gap:6px;pointer-events:none}.chat-log{display:flex;flex-direction:column;gap:2px}.chat-dock.open{pointer-events:auto}.chat-dock.open .chat-log{max-height:44vh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:10px 12px;border-radius:12px;background:#16110dc7;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0d,0 6px 16px #00000059;scrollbar-width:thin;scrollbar-color:#5a4a3a transparent}.chat-dock .chat-input-box{position:static;left:auto;bottom:auto;transform:none;width:100%;box-sizing:border-box}.chat-dock .chat-input{width:100%;min-width:0;flex:1}.chat-caption{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a8c72;margin-bottom:4px}.chat-line-time{color:#8a7c62;margin-right:8px}.chat-line-dim{color:#9a8c72}.chat-line{font-family:Space Mono,monospace;font-size:11px;line-height:1.35;color:#f1e8d4;text-shadow:-1px -1px 0 #1a140f,1px -1px 0 #1a140f,-1px 1px 0 #1a140f,1px 1px 0 #1a140f,0 2px 3px rgba(0,0,0,.6);overflow-wrap:break-word;transition:opacity .5s ease-out}.chat-line-name{color:#e8d48f}.lobby-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#221c17;pointer-events:auto;color:#f1e8d4;font-family:Fredoka,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;overflow-y:auto;-webkit-user-select:none;user-select:none}.lobby-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% 22%,rgba(232,185,60,.07),transparent 60%),radial-gradient(ellipse 85% 80% at 50% 55%,transparent 40%,rgba(8,5,3,.55) 100%)}.lobby-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 16px;width:min(400px,calc(100vw - 32px))}.lobby-brand{text-align:center}.lobby-title{font-weight:600;font-size:52px;line-height:1.1;letter-spacing:.02em;color:#f5edd8;text-shadow:0 3px 0 #6b4a24,0 6px 0 #16110d,0 12px 20px rgba(0,0,0,.5)}.lobby-brand.small .lobby-title{font-size:28px;text-shadow:0 2px 0 #6b4a24,0 4px 0 #16110d,0 7px 12px rgba(0,0,0,.45)}.lobby-tagline{margin-top:10px;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#b8a988}.lobby-panel{width:100%;box-sizing:border-box;padding:18px}.lobby-heading{font-weight:600;font-size:16px;letter-spacing:.03em;margin-bottom:10px}.lobby-btn{font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:15px;color:#f1e8d4;background:linear-gradient(#4b4138,#3b332c);border:2px solid #1e1915;border-radius:12px;padding:10px 18px;cursor:pointer;box-shadow:inset 0 2px #ffffff1f,0 4px #16110d;transition:transform .08s ease-out,box-shadow .08s ease-out,filter .08s ease-out}.lobby-btn:hover{filter:brightness(1.09)}.lobby-btn:focus-visible{outline:none;box-shadow:inset 0 2px #ffffff1f,0 0 0 2px #e8b93c,0 4px #16110d}.lobby-btn:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff1f,0 1px #16110d}.lobby-btn:disabled{opacity:.5;cursor:default;transform:none;filter:none}.lobby-btn.primary{color:#3a2c10;background:linear-gradient(#ffe9a0,#e8b93c);border-color:#a8801e;box-shadow:inset 0 2px #ffffff80,0 4px #7c5d14}.lobby-btn.primary:focus-visible{box-shadow:inset 0 2px #ffffff80,0 0 0 2px #fff2c0,0 4px #7c5d14}.lobby-btn.primary:active{box-shadow:inset 0 2px #ffffff80,0 1px #7c5d14}.lobby-btn.small{font-size:13px;padding:7px 13px}.lobby-menu{display:flex;flex-direction:column;gap:11px}.lobby-form{display:flex;flex-direction:column;gap:10px}.lobby-form-title{font-weight:600;font-size:17px;margin-bottom:2px}.lobby-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9a8c72;margin-top:2px}.lobby-input{font-family:Space Mono,monospace;font-size:14px;color:#f1e8d4;background:#17120e;border:1px solid #100c08;border-radius:8px;padding:9px 11px;outline:none;-webkit-user-select:text;user-select:text;box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0d;caret-color:#e8b93c}.lobby-input:focus{box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0d,0 0 0 2px #e8b93c8c}.lobby-input::placeholder{color:#7a6f5c}.lobby-input::selection{background:#e8b93c66}.lobby-row{display:flex;gap:10px;align-items:center;margin-top:2px}.lobby-row .primary{flex:1}.lobby-error{color:#ff6a58;font-size:12px;font-weight:600;min-height:15px;line-height:1.3}.lobby-hint{font-size:10px;color:#9a8c72;min-height:13px}.lobby-hint.bad{color:#ff6a58}.lobby-hint.ok{color:#7ec850}.lobby-notice{width:100%;box-sizing:border-box;background:#e0483a21;border:1px solid rgba(224,72,58,.4);border-radius:10px;padding:8px 12px;font-size:12.5px;color:#ffb0a4;text-align:center}.lobby-banner{background:#e8b93c17;border:1px solid rgba(232,185,60,.32);border-radius:10px;padding:9px 12px;margin-bottom:8px;font-size:12px;line-height:1.45;color:#e8d48f}.lobby-banner.ok{background:#7ec8501a;border-color:#7ec85059;color:#a9dd8b}.lobby-banner .lobby-form{margin-top:8px;gap:8px}.lobby-cards{display:flex;flex-direction:column;gap:10px;margin-top:4px}.lobby-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:linear-gradient(#332c26,#282220);border:2px solid #1e1915;box-shadow:inset 0 1px #ffffff12,0 3px #16110d;cursor:pointer;transition:transform .1s ease-out,box-shadow .1s ease-out,background .1s ease-out}.lobby-card:hover,.lobby-card:focus-visible{outline:none;transform:translateY(-2px);background:linear-gradient(#4b4138,#3b332c);box-shadow:inset 0 1px #ffffff24,0 0 0 2px #e8b93c,0 5px #16110d}.lobby-card:active{transform:translateY(1px)}.lobby-swatch{width:32px;height:32px;border-radius:9px;flex-shrink:0;border:2px solid rgba(0,0,0,.35);box-shadow:inset 0 3px #ffffff59,inset 0 -4px #00000038,0 2px 3px #0006}.lobby-card-texts{flex:1;min-width:0}.lobby-card-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-card-meta{display:flex;gap:12px;font-size:11px;color:#b8a988;margin-top:2px}.lobby-hearts{color:#e0483a;font-weight:700}.lobby-del{flex-shrink:0;width:24px;height:24px;border-radius:8px;border:1px solid #100c08;background:#17120e;color:#9a8c72;font-size:11px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 2px #0009}.lobby-del:hover{color:#ff6a58}.lobby-rename{font-size:13px}.lobby-rename:hover{color:#f0d78c}.lobby-card.renaming{cursor:default;align-items:flex-start}.lobby-rename-form{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.lobby-rename-row{display:flex;gap:8px}.lobby-card.new{justify-content:center;background:#17120e59;border-style:dashed;border-color:#4b4138;box-shadow:none;color:#b8a988;font-weight:600;font-size:14px;padding:13px 12px}.lobby-card.new:hover,.lobby-card.new:focus-visible{color:#f1e8d4;background:#17120e8c;border-color:#e8b93c;box-shadow:none;transform:translateY(-2px)}.lobby-palettes{display:flex;gap:8px;flex-wrap:wrap}.lobby-outfit{display:flex;flex:1;min-width:66px;flex-direction:column;align-items:center;gap:5px;padding:5px 6px!important}.lobby-outfit img{width:70px;max-width:100%;height:82px;object-fit:cover;border-radius:6px}.lobby-pswatch{width:30px;height:30px;padding:0;border-radius:9px;cursor:pointer;border:2px solid rgba(0,0,0,.4);box-shadow:inset 0 3px #ffffff59,inset 0 -4px #00000038;transition:transform .08s ease-out,box-shadow .08s ease-out}.lobby-pswatch:hover{transform:translateY(-2px)}.lobby-pswatch.selected{transform:translateY(-2px);box-shadow:inset 0 3px #ffffff59,inset 0 -4px #00000038,0 0 0 3px #e8b93c}.lobby-pswatch:focus-visible{outline:none;box-shadow:inset 0 3px #ffffff59,inset 0 -4px #00000038,0 0 0 3px #fff2c0}.lobby-hairs{display:flex;gap:8px;flex-wrap:wrap}.lobby-hair{font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:13px;color:#d9cdb4;background:linear-gradient(#4b4138,#3b332c);border:2px solid #1e1915;border-radius:10px;padding:6px 13px;cursor:pointer;box-shadow:inset 0 2px #ffffff1a,0 3px #16110d;transition:transform .08s ease-out,box-shadow .08s ease-out,filter .08s ease-out}.lobby-hair:hover{filter:brightness(1.09)}.lobby-hair.selected{color:#3a2c10;background:linear-gradient(#ffe9a0,#e8b93c);border-color:#a8801e;box-shadow:inset 0 2px #ffffff80,0 3px #7c5d14}.lobby-hair:focus-visible{outline:none;box-shadow:inset 0 2px #ffffff1f,0 0 0 2px #fff2c0,0 3px #16110d}.lobby-hair:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff1f,0 1px #16110d}.lobby-status{display:flex;align-items:center;gap:10px;font-size:13px;color:#d8c8a8;padding:12px 20px}.lobby-status-dot{width:10px;height:10px;border-radius:50%;background:#e8b93c;box-shadow:inset 0 -1px 2px #0006;animation:lobby-pulse .8s ease-in-out infinite}@keyframes lobby-pulse{0%,to{opacity:1}50%{opacity:.35}}.lobby-corner{position:fixed;right:16px;bottom:12px;z-index:41;display:flex;align-items:center;gap:14px}.lobby-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:42;display:flex;align-items:center;justify-content:center;padding:16px;background:#0c09079e;outline:none}.lobby-settings{width:min(420px,100%);max-height:calc(100vh - 32px);overflow-y:auto;box-sizing:border-box}.lobby-settings-head{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.lobby-settings-title{font-size:15px;font-weight:700;color:#f5edd8}.lobby-settings-head .lobby-linkbtn{margin-left:auto}.lobby-linkbtn{background:none;border:none;padding:2px 4px;font-family:Space Mono,monospace;font-size:11px;color:#9a8c72;text-decoration:underline;cursor:pointer}.lobby-linkbtn:hover{color:#f1e8d4}.lobby-worlds{margin-bottom:10px}.lobby-worlds-row{display:flex;gap:8px;flex-wrap:wrap}.lobby-world{flex:1 1 0;min-width:120px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border-radius:10px;background:#1a140f;border:1px solid rgba(255,255,255,.08);color:#f1e8d4;font-family:Fredoka,system-ui,sans-serif;text-align:left;cursor:pointer;transition:border-color .12s ease-out,background .12s ease-out}.lobby-world:hover:not(:disabled){border-color:#e8b93c8c;background:#221b14}.lobby-world.here{border-color:#e8b93c99;background:#e8b93c1a;cursor:default}.lobby-world.here .lobby-world-name:after{content:" · here";color:#e8b93c;font-weight:400}.lobby-world-name{font-weight:600;font-size:13px}.lobby-world-meta{font-size:10.5px;color:#9a8c72}.lobby-discord{display:flex;align-items:center;gap:12px;width:min(400px,calc(100vw - 32px));box-sizing:border-box;padding:10px 14px;border-radius:12px;background:#5865f21a;border:1px solid rgba(88,101,242,.38);color:#f1e8d4;text-decoration:none;transition:background .12s ease-out,border-color .12s ease-out,transform .12s ease-out}.lobby-discord:hover,.lobby-discord:focus-visible{background:#5865f233;border-color:#7289dab3;transform:translateY(-1px);outline:none}.lobby-discord-icon{width:30px;height:30px;flex:none;color:#7289da;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.lobby-discord-text{flex:1;min-width:0}.lobby-discord-title{font-weight:600;font-size:14px;letter-spacing:.01em}.lobby-discord-note{font-family:Space Mono,monospace;font-size:10.5px;color:#9a8c72;margin-top:1px}.lobby-discord-arrow{font-family:Space Mono,monospace;font-size:13px;color:#7289da;flex:none}.lobby-btn.google{display:flex;align-items:center;justify-content:center;gap:10px;color:#3c4043;background:linear-gradient(#fff,#eef0f2);border-color:#9a917f;box-shadow:inset 0 2px #ffffffd9,0 4px #6e6759}.lobby-btn.google:focus-visible{box-shadow:inset 0 2px #ffffffd9,0 0 0 2px #e8b93c,0 4px #6e6759}.lobby-btn.google:active{box-shadow:inset 0 2px #ffffffd9,0 1px #6e6759}.lobby-gicon{width:18px;height:18px;flex:none}.lobby-or{display:flex;align-items:center;gap:10px;margin:1px 2px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#9a8c72}.lobby-or:before,.lobby-or:after{content:"";flex:1;height:1px;background:#f1e8d429}.lobby-banner-sep{margin:0 4px;color:#b8a988}.interact-chip{position:absolute;display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:10px;background:linear-gradient(#3a322c,#2e2722);border:2px solid #1e1915;box-shadow:inset 0 1px #ffffff17,0 3px #16110d,0 7px 12px #00000059;font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:12px;color:#f1e8d4;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-100%) scale(.82);transition:opacity .13s ease-out,transform .13s cubic-bezier(.34,1.4,.64,1)}.interact-chip.show{opacity:1;transform:translate(-50%,-100%) scale(1)}.interact-key{font-size:10px;padding:0 5px}.quest-mark{position:absolute;transform:translate(-50%,-100%);font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:18px;line-height:1;pointer-events:none;text-shadow:-1px -1px 0 #241c14,1px -1px 0 #241c14,-1px 1px 0 #241c14,1px 1px 0 #241c14,0 2px 4px rgba(0,0,0,.55)}.quest-mark.ready{color:#e8b93c}.quest-mark.wait{color:#b3a894}.jr-row{display:flex;align-items:center;gap:8px;padding:4px 8px;margin:1px -4px;border-radius:8px}.jr-row.selected{background:linear-gradient(#4b4138,#3b332c);box-shadow:inset 0 1px #ffffff1f,0 2px #16110d}.jr-dot{flex-shrink:0;width:9px;height:9px;border-radius:50%;box-shadow:inset 0 -2px 2px #0006,inset 0 1px 1px #ffffff59}.jr-row.done .jr-dot{background:#7ec850}.jr-row.active .jr-dot{background:#e8b93c}.jr-row.locked .jr-dot{background:#e0483a}.jr-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jr-row.done .jr-name{color:#a9dd8b}.jr-row.active .jr-name{color:#e8d48f}.jr-row.locked .jr-name{color:#bd8478}.jr-giver{font-size:11px;font-weight:400;color:#b8a988;white-space:nowrap}.jr-desc{font-size:11px;line-height:1.35;font-style:italic;color:#9a8c72}.jr-body{margin-top:6px;font-size:12px;line-height:1.45;color:#f1e8d4}.jr-body.done{color:#cbe8b4}.jr-complete{margin-top:4px;font-size:11px;font-weight:600;color:#7ec850}.jr-reqs{margin-top:6px;display:flex;flex-direction:column;gap:3px}.jr-req{display:flex;align-items:baseline;gap:7px;font-size:11px;font-weight:600}.jr-check{flex-shrink:0;width:12px;text-align:center;font-weight:700}.jr-req.met{color:#7ec850}.jr-req.unmet{color:#e0483a}.jr-req-text{line-height:1.35}.jr-rewards{margin-top:7px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);font-size:10.5px;color:#9a8c72}.cr-list{max-height:var(--cr-list-h);overflow-y:auto;scrollbar-width:none;margin:0 -4px;padding:0 4px}.cr-row{padding:5px 8px;margin:2px -4px;border-radius:10px}.cr-row.selected{background:linear-gradient(#4b4138,#3b332c);box-shadow:inset 0 1px #ffffff1f,0 2px #16110d}.cr-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cr-head .pn-req{margin-top:0}.cr-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-row.uncraftable .cr-name{color:#7a6f5c}.cr-row.uncraftable .cr-out{color:#9a8c72}.cr-io{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 6px;margin-top:3px}.cr-chip{font-size:10px;font-weight:700;background:#17120e;border-radius:7px;padding:1px 6px;box-shadow:inset 0 1px 2px #0009;white-space:nowrap}.cr-chip.ok{color:#7ec850}.cr-chip.short{color:#e0483a}.cr-out{font-size:11px;font-weight:600;color:#e8d48f;white-space:nowrap}.cr-bar{height:5px;margin-top:4px;border-radius:3px;background:#17120e;overflow:hidden}.cr-bar-fill{height:100%;border-radius:3px;background:#e8b93c;transition:width .1s linear}.cr-row.working .cr-name{color:#e8d48f}.cr-amt{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px}.cr-amt .kbd{font-size:12px;line-height:18px;padding:0 7px}.cr-amt-n{min-width:34px;text-align:center;font-size:12px;color:#f1e8d4}.cr-amt-sep{font-size:11px;color:#7a6f5c}.cr-amt-all{color:#d8c8a8}.cr-amt .cr-chip.on{color:#e8b93c;box-shadow:inset 0 1px 2px #0009,0 0 0 1px #8a6d1f}.cr-amt.off>*{opacity:.45}.cr-bar-row{display:flex;align-items:center;gap:8px;margin-top:5px}.cr-bar-row .cr-bar{flex:1 1 auto;margin-top:0}.cr-cycle{flex:0 0 auto;font-size:11px;font-weight:700;color:#e8d48f;white-space:nowrap}.inv-act-status{align-self:center;font-size:11px}.tr-cols{display:flex;align-items:flex-start;gap:10px;margin-top:6px}.tr-col{flex:1 1 0;min-width:0}.tr-col-head{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9a8c72;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-accept{text-align:center;font-size:11px;font-weight:700;border-radius:8px;padding:3px 6px;margin-bottom:5px;white-space:nowrap}.tr-accept.on{color:#1c2a12;background:linear-gradient(#8ed35e,#6fb545);box-shadow:inset 0 1px #ffffff59,0 2px #3c6423}.tr-accept.off{color:#9a8c72;background:#17120e;box-shadow:inset 0 1px 3px #0009}.tr-line{display:flex;align-items:center;gap:6px;padding:3px 7px;margin:1px -2px;border-radius:8px}.tr-line.selected{background:linear-gradient(#4b4138,#3b332c);box-shadow:inset 0 1px #ffffff1f,0 2px #16110d}.tr-line-icon{font-size:15px;flex-shrink:0}.tr-line-name{flex:1 1 auto;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-line-qty{font-size:10px;font-weight:700;color:#e8d48f;flex-shrink:0}.tr-empty{font-size:11px;font-style:italic;color:#7a6f5c;padding:3px 7px}.hud-panels.bank-screen{width:var(--bank-w)}.bk-cols{display:flex;align-items:flex-start;gap:12px;margin-top:6px}.bk-col{flex:1 1 0;min-width:0}.bk-col-head{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9a8c72;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-col-head.full{color:#e8b93c}.bk-scroll{max-height:52vh;overflow-y:auto;scrollbar-width:none}.gm-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;margin:2px -4px;border-radius:10px}.gm-row.selected{background:linear-gradient(#4b4138,#3b332c);box-shadow:inset 0 1px #ffffff1f,0 2px #16110d}.gm-name{font-weight:500}.gm-chip{font-size:11px;font-weight:700;background:#17120e;border-radius:8px;padding:1px 7px;box-shadow:inset 0 1px 2px #0009;color:#9a8c72;white-space:nowrap}.gm-chip.on{color:#7ec850}.gm-chip.off{color:#9a8c72}#hud.spectating .hud-vitals,#hud.spectating .hud-party,#hud.spectating .hud-status,#hud.spectating .hud-toolbar,#hud.spectating .hud-toasts,#hud.spectating .hud-vignette,#hud.spectating .hud-death,#hud.spectating .orb-row{display:none!important}.spectate-pill{display:none;position:absolute;top:14px;left:50%;transform:translate(-50%);align-items:center;gap:8px;font-size:12px;padding:8px 12px;white-space:nowrap}#hud.spectating .spectate-pill{display:flex}.spectate-label{font-weight:600;letter-spacing:.14em;color:#e8d48f}.spectate-hint{color:#9a8c72}@media(max-height:600px){:root{--ui-scale: .84;--tile-bag: 40px;--tile-inv: 56px;--tile-eq: 48px;--bag-gap: 8px;--inv-bag-gap: 8px;--eq-gap: 8px;--hud-top-clear: 72px;--panel-pad-y: 8px;--panel-pad-x: 11px;--panel-w: 270px;--bank-w: 492px;--bag-pane-w: 346px;--inv-used-h: 116px;--stats-w: 250px;--inv-doll-w: 320px;--inv-side: 358px;--inv-doll-top: 44px;--inv-tool-bottom: 34px;--fs-caption: 12px;--inspect-tile: 34px;--inspect-w: 220px;--skl-pane-w: 346px;--skl-detail-w: 380px;--skl-cols-gap: 10px;--skl-bottom-clear: calc(var(--zone-vitals) + 12px);--skl-card-h: 108px;--skl-card-gap: 7px;--skl-card-icon: 60px;--skl-card-lv: 14px;--skl-hero-icon: 56px;--skl-lens-h: 24px;--skl-rail-w: 38px;--skl-row-icon: 19px;--skl-blurb-lines: 2;--cr-list-h: max(96px, calc(100vh - var(--zone-vitals) - 250px));--vitals-scale: .85;--zone-vitals: 92px}}@media(max-height:480px){:root{--ui-scale: .72;--tile-bag: 36px;--tile-inv: 44px;--tile-eq: 32px;--hud-top-clear: 68px;--bag-gap: 6px;--inv-bag-gap: 6px;--eq-gap: 5px;--slot-label: 7px;--panel-pad-y: 8px;--panel-pad-x: 10px;--panel-w: 240px;--bank-w: 436px;--bag-pane-w: 276px;--inv-used-h: 86px;--stats-w: 224px;--inv-doll-w: 276px;--inv-side: 288px;--inv-doll-top: 34px;--inv-tool-bottom: 28px;--fs-caption: 11px;--inspect-tile: 26px;--inspect-w: 180px;--skl-pane-w: 276px;--skl-detail-w: 300px;--skl-cols-gap: 8px;--skl-bottom-clear: calc(var(--zone-vitals) + 10px);--skl-card-h: 90px;--skl-card-gap: 5px;--skl-card-icon: 44px;--skl-card-lv: 12px;--skl-hero-icon: 40px;--skl-lens-h: 22px;--skl-rail-w: 32px;--skl-row-icon: 16px;--skl-blurb-lines: 0;--cr-list-h: max(96px, calc(100vh - var(--zone-vitals) - 250px));--vitals-scale: .72;--zone-vitals: 80px}}@media(max-height:600px){.inv-slot-label{line-height:1.25}.hud-vitals{transform:translate(-50%) scale(var(--vitals-scale));transform-origin:bottom center}.hud-toasts,.chat-input-box{bottom:calc(var(--zone-vitals) + 12px)}.dialog-box{bottom:calc(var(--zone-vitals) + 20px)}.hud-panels:not(.inv-screen):not(.skl-screen):not(.activity-screen){top:calc(50% - var(--zone-vitals) / 2);max-height:calc(100vh - var(--zone-vitals) - 2 * var(--panel-pad-y) - 20px)}.social-menu{top:calc(50% - var(--zone-vitals) / 2);transform:translate(-50%,-50%);max-height:calc(100vh - var(--zone-vitals) - 34px)}.prompt-card{top:8px;min-width:208px;padding:7px 10px 6px;gap:5px}.prompt-title{font-size:12px}.pn-section.skl-cat{margin-top:5px;margin-bottom:2px}.skl-lens-n{display:none}.skl-entry{flex-wrap:nowrap}.skl-entry-sub{flex:0 1 auto}.bk-scroll{max-height:min(52vh,calc(100vh - var(--zone-vitals) - 160px))}.inv-tab-n{display:none}.inv-tabs{margin-bottom:4px;padding-bottom:4px}.inv-actions{margin-top:6px;gap:4px}.inv-act{padding:3px 6px;font-size:10px}.help-rows{font-size:11px;gap:4px}.inspect-card{top:calc(50% - var(--zone-vitals) / 2);width:var(--inspect-w);max-height:calc(100vh - var(--zone-vitals) - 2 * var(--panel-pad-y) - 20px);overflow-y:auto;scrollbar-width:none}.inspect-card .inv-eq-col{display:grid;grid-template-columns:repeat(2,auto);gap:4px 6px}.inspect-card .pn-title{margin-bottom:3px}.inspect-level{margin:-2px 0 4px}.inspect-card .pn-footer{margin-top:6px;padding-top:5px}.inspect-doll{gap:16px}.inspect-toolrow{gap:var(--eq-gap);margin-top:8px}.inspect-card .inv-slot .tile{--tile-size: var(--inspect-tile);border-radius:8px}.hud-panels.inv-screen{padding:var(--hud-top-clear) 12px 14px}.inv-doll{top:var(--inv-doll-top);width:min(var(--inv-doll-w),calc(100vw - 2 * (var(--inv-side) + 8px)))}.inv-toolrow{top:auto;bottom:var(--inv-tool-bottom)}.eq-caption{top:auto;bottom:10px;font-size:var(--fs-caption);line-height:1.2;max-width:calc(100vw - 2 * (var(--inv-side) + 16px))}#hud.inv-open .hud-vitals{display:none!important}}@media(pointer:coarse)and (max-height:600px){:root{--toolbar-right: 12px;--tb-w: 42px;--ctl-actions-right: 62px;--ctl-scale: .85;--zone-action-h: calc(208px + env(safe-area-inset-bottom, 0px)) }.hud-panels:not(.inv-screen):not(.skl-screen):not(.bank-screen){left:50%;right:auto;transform:translate(-50%,-50%)}.hud-panels.bank-screen{left:12px;right:auto;transform:translateY(-50%)}.hud-panels.skl-screen{padding-right:calc(var(--toolbar-right) + var(--tb-w) + 8px + 96px)}.hud-toolbar.docked{right:var(--toolbar-right)}.hud-panels:not(.inv-screen):not(.skl-screen),.inspect-card,.inv-bag-scroll,.inv-stats,.skl-grid-scroll,.skl-rail-scroll,.bk-scroll{pointer-events:auto;touch-action:pan-y}.chat-input-box{z-index:1}.hud-panels.inv-screen{justify-content:flex-start}.inv-stats{left:auto;right:12px;top:var(--hud-top-clear);max-height:max(96px,calc(100vh - var(--hud-top-clear) - 8px - var(--zone-action-h)))}}@media(max-height:480px){.skl-next-sub,.skl-next-away,.skl-route{display:none}.skl-band{scroll-margin-block:4px}.skl-hero-head{gap:8px;padding-bottom:4px}.skl-hero-level{min-width:28px;padding-left:6px}.skl-hero-category,.skl-hero-level-label{font-size:8px}.skl-band{padding-block:6px}.skl-entry-name{font-size:11px}.skl-entry-sub{font-size:10px}.skl-band-body{gap:6px}.skl-actbar .pn-footer{margin-top:5px;padding-top:5px}.skl-hero-xp{font-size:9px}.skl-hero-bar{margin-top:3px;height:5px}.skl-next{margin-top:3px;padding:2px 5px}.skl-lenses{margin-top:5px;margin-bottom:4px;padding-bottom:4px}}@media(pointer:coarse)and (max-height:480px){:root{--tb-w: 40px;--ctl-actions-right: 60px;--ctl-scale: .8;--zone-action-h: calc(192px + env(safe-area-inset-bottom, 0px)) }}.loading-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#221c17;color:#f1e8d4;font-family:Fredoka,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;pointer-events:auto;-webkit-user-select:none;user-select:none;opacity:1;transition:opacity .28s ease-out}.loading-root.out{opacity:0;pointer-events:none}.loading-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% 22%,rgba(232,185,60,.07),transparent 60%),radial-gradient(ellipse 85% 80% at 50% 55%,transparent 40%,rgba(8,5,3,.55) 100%)}.loading-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;width:min(360px,calc(100vw - 48px))}.loading-brand{font-weight:600;font-size:34px;letter-spacing:.02em;color:#f3c94a;text-shadow:0 3px 0 #8a5a12,0 8px 18px rgba(0,0,0,.45)}.loading-bar{width:100%;height:18px;border-radius:10px;background:linear-gradient(#1a1512,#241d18);border:2px solid #16110d;box-shadow:inset 0 2px 4px #0000008c,0 2px #ffffff0d;overflow:hidden}.loading-fill{height:100%;width:2%;border-radius:8px;background:linear-gradient(#f3c94a,#d9a92e);box-shadow:inset 0 2px #ffffff59;transition:width .18s ease-out}.loading-caption{font-size:14px;color:#b9ab90;font-variant-numeric:tabular-nums}@media(pointer:coarse){.chat-dock{bottom:calc(var(--zone-vitals) + 12px);width:min(420px,58vw)}.chat-dock.open .chat-log{max-height:40vh}}.lobby-version{margin-top:4px;font-size:11px;letter-spacing:.04em;opacity:.55}.pn-version{margin-top:6px;font-size:11px;text-align:center;opacity:.5}html,body{overscroll-behavior:none;touch-action:manipulation}#game canvas{touch-action:none}.touch-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-stick-zone{position:absolute;left:0;bottom:0;width:50%;height:78%;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-stick{position:absolute;width:136px;height:136px;margin:-68px 0 0 -68px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#3a322cb3,#1c1712b3);border:2px solid rgba(20,16,13,.75);box-shadow:inset 0 2px #ffffff12,0 6px 16px #00000059;opacity:0;pointer-events:none;transition:opacity .12s ease-out}.touch-stick.live{opacity:1}.touch-nub{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:linear-gradient(#6c5d49,#493e33);border:2px solid #1e1915;box-shadow:inset 0 2px #ffffff29,0 3px #16110d,0 6px 12px #0006}.touch-actions{position:absolute;right:calc(var(--ctl-actions-right, 68px) + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-end;gap:10px}.touch-minor{display:flex;gap:13px}.touch-cluster{position:relative;width:164px;height:164px}.touch-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border-radius:50%;background:linear-gradient(#3a322c,#2e2722);border:2px solid #1e1915;color:#f1e8d4;font-family:Fredoka,system-ui,sans-serif;box-shadow:inset 0 2px #ffffff17,0 4px #16110d,0 8px 14px #00000059;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .08s ease-out,box-shadow .08s ease-out,background .08s ease-out,opacity .15s ease-out}.touch-btn.pressed{background:linear-gradient(#544838,#423830);transform:translateY(3px);box-shadow:inset 0 2px #ffffff29,0 1px #16110d,0 0 12px #e8b93c73}.touch-icon{font-size:24px}.touch-cap{font-size:9px;padding:0 4px}.tc-attack,.tc-roll,.tc-shield,.tc-interact{position:absolute}.tc-attack{width:72px;height:72px;left:84px;top:84px}.tc-attack .touch-icon{font-size:29px}.tc-roll{width:58px;height:58px;left:11px;top:91px}.tc-shield{width:58px;height:58px;left:34px;top:34px}.tc-interact{width:58px;height:58px;left:91px;top:11px}.tc-lock,.tc-quick1,.tc-quick2{width:46px;height:46px}.tc-lock .touch-icon,.tc-quick1 .touch-icon,.tc-quick2 .touch-icon{font-size:19px}.touch-layer.ui-open .tc-dims{opacity:.35}.touch-fullscreen{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:45;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px;background:linear-gradient(#3a322c,#2e2722);border:2px solid #1e1915;color:#f1e8d4;box-shadow:inset 0 2px #ffffff17,0 3px #16110d,0 6px 12px #00000059;opacity:.55;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .12s ease-out}.touch-fullscreen:hover,.touch-fullscreen:active{opacity:1}.touch-fullscreen .touch-icon{font-size:19px;line-height:1}.touch-chat{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:calc(166px + env(safe-area-inset-left,0px));z-index:45;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px;background:linear-gradient(#3a322c,#2e2722);border:2px solid #1e1915;color:#f1e8d4;box-shadow:inset 0 2px #ffffff17,0 3px #16110d,0 6px 12px #00000059;opacity:.55;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.touch-chat:hover,.touch-chat:active{opacity:1}.touch-chat.hidden{display:none}.touch-chat .touch-icon{font-size:19px;line-height:1}.touch-rotate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 28px;text-align:center;background:#221c17;color:#f1e8d4;font-family:Fredoka,system-ui,sans-serif;user-select:none;-webkit-user-select:none}@media(orientation:portrait)and (pointer:coarse){.touch-rotate{display:flex}}.touch-rotate-icon{font-size:62px;line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));animation:touch-rotate-tip 2.4s ease-in-out infinite}@keyframes touch-rotate-tip{0%,38%{transform:rotate(0)}58%,88%{transform:rotate(-90deg)}to{transform:rotate(0)}}.touch-rotate-title{font-weight:600;font-size:19px;letter-spacing:.02em}.touch-rotate-note{font-size:13px;line-height:1.4;max-width:300px;color:#9a8c72}@media(pointer:coarse)and (max-height:600px){.touch-actions{transform:scale(var(--ctl-scale, .85));transform-origin:bottom right}}.touch-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:61;display:flex;align-items:center;justify-content:center;padding:24px;background:#14100d9e;pointer-events:auto;user-select:none;-webkit-user-select:none}.touch-hint.hidden{display:none}.touch-hint-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:340px;padding:22px 24px 18px;border-radius:18px;text-align:center;background:linear-gradient(#3a322c,#2e2722);border:2px solid #1e1915;color:#f1e8d4;font-family:Fredoka,system-ui,sans-serif;box-shadow:inset 0 2px #ffffff17,0 4px #16110d,0 12px 28px #00000080}.touch-hint-icon{font-size:44px;line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.touch-hint-title{font-weight:600;font-size:18px;letter-spacing:.02em}.touch-hint-note{font-size:13.5px;line-height:1.45;color:#d8cbb0}.touch-hint-steps{display:flex;flex-direction:column;gap:6px;margin:2px 0 4px;font-size:13.5px;line-height:1.4;color:#f1e8d4}.touch-hint-steps .kbd{font-size:12px}.touch-hint-close{margin-top:2px;padding:9px 22px;border-radius:12px;border:2px solid #1e1915;background:linear-gradient(#f3c94a,#d9a92e);color:#2a1f0c;font:600 14px/1 Fredoka,system-ui,sans-serif;box-shadow:inset 0 2px #ffffff59,0 3px #8a5a12;cursor:pointer;-webkit-tap-highlight-color:transparent}.touch-hint-close:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff59,0 1px #8a5a12}.shop-screen{width:min(660px,calc(100vw - 40px))!important;max-height:calc(100dvh - 56px)!important;flex-direction:column;padding:18px!important;gap:10px}.shop-screen{pointer-events:auto}.shop-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:20px;font-weight:800}.shop-wallet{display:flex;align-items:center;gap:6px;font-size:16px;color:#d1dfff;white-space:nowrap}.shop-wallet img{width:34px;height:34px;object-fit:contain}.shop-tabs{display:flex;align-items:center;gap:8px}.shop-screen button{font:inherit;color:inherit;cursor:pointer;border:1px solid #79664d;border-radius:8px;background:#453b31;padding:9px 12px}.shop-tabs button{flex:1;font-weight:700}.shop-tabs .active{background:#66513a;border-color:#c8a66a;box-shadow:inset 0 -3px #ad8248}.shop-hint,.shop-footer{font-size:12px;opacity:.75;margin:0}.shop-list{overflow:auto;min-height:90px;max-height:42vh;display:flex;flex-direction:column;gap:7px;padding:4px}.shop-row{display:flex;align-items:center;gap:12px;text-align:left;flex-shrink:0}.shop-row.selected{outline:2px solid #e8b93c;outline-offset:0;background:#5a4c37}.shop-item-icon{font-size:38px;width:44px;height:44px;flex-shrink:0;background-size:contain!important;background-repeat:no-repeat;background-position:center}.shop-item-name{flex:1;font-weight:700}.shop-item-name small{display:block;font-size:11px;opacity:.65;font-weight:400;margin-top:3px}.shop-price{font-size:13px;color:#d1dfff;white-space:nowrap}.shop-price.unaffordable{color:#e7aa94}.shop-detail{border-top:1px solid #78664f;padding-top:10px;font-size:13px}.shop-detail p{margin:6px 0 10px}.shop-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.shop-actions button{font-size:12px}.shop-screen button:disabled{opacity:.4;cursor:default}.shop-quantity{min-width:85px;text-align:center}.shop-confirm{margin-left:auto}.shop-empty{padding:20px 12px;opacity:.7}.shop-footer{padding-top:5px}@media(max-height:520px){.shop-screen{padding:10px!important;gap:5px}.shop-heading{font-size:16px}.shop-list{max-height:30vh}.shop-row{padding:5px 8px!important}.shop-item-icon{width:30px;height:30px;font-size:26px}.shop-detail p{display:none}}.shop-list{scrollbar-width:thin;scrollbar-color:#887654 transparent}.shop-row.unavailable .shop-item-icon,.shop-row.unavailable .shop-item-name,.shop-row.unavailable .shop-price{opacity:.4}.shop-row:hover:not(.selected){border-color:#bca16a}.ui-art{display:inline-block;width:32px;height:32px;flex-shrink:0;background-size:contain;background-position:center;background-repeat:no-repeat;vertical-align:middle}.hud-toolbar .tb-btn{width:calc(var(--tb-w) + 4px);padding:3px 0;gap:1px;background:none;border:0;box-shadow:none;border-radius:8px}.hud-toolbar .tb-icon.ui-art{width:52px;height:52px;filter:drop-shadow(0 2px 2px #24170d8c);transition:transform .14s ease-out,filter .14s ease-out}.hud-toolbar .tb-btn.active{background:none;box-shadow:none;transform:none}.hud-toolbar .tb-btn.active .tb-icon.ui-art{transform:scale(1.08);filter:drop-shadow(0 2px 2px #24170d8c) drop-shadow(0 0 5px #ffda729e)}.hud-toolbar .tb-btn.active .tb-key{color:#ffe08a;box-shadow:0 0 0 1px #c7a34b}.hud-toolbar .tb-key{font-size:10px;line-height:1.25;min-width:16px;text-align:center;padding:1px 5px}.hud-toolbar .tb-btn:focus,.hud-toolbar .tb-btn:focus-visible{outline:none}.pn-title .pn-title-icon.ui-art{width:30px;height:30px}.inv-screen .ch-stat .ch-stat-icon.ui-art{width:28px;height:28px}@media(max-height:600px){.inv-screen .ch-stat .ch-stat-icon.ui-art{width:23px;height:23px}}@media(max-height:480px){.hud-toolbar .tb-icon.ui-art{width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.hud-toolbar .tb-icon.ui-art{transition:none}}.tile.empty>.equipment-slot-art{opacity:.56;filter:grayscale(1)}.tile.empty.selected>.equipment-slot-art{opacity:.7}.hud-panels.settings-screen{position:absolute;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(800px,calc(100vw - 2 * (var(--tb-w, 64px) + var(--toolbar-right, 18px) + 24px)));height:min(680px,calc(100dvh - 110px));max-height:none;box-sizing:border-box;padding:0;overflow:hidden;font-size:15px;text-align:left;pointer-events:auto}.settings-layout{height:100%;display:flex;flex-direction:column;color:#e9dfc7}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 14px}.settings-title{display:flex;gap:12px;align-items:center}.settings-title h2{font-size:26px;margin:0}.settings-icon{width:38px;height:38px;object-fit:contain}.settings-layout button,.settings-layout select{font:inherit;color:inherit;border:1px solid #66563e;background:#443a2d;border-radius:10px;padding:9px 14px;cursor:pointer}.settings-layout :is(button,select,input){pointer-events:auto}@media(pointer:fine){.settings-layout :is(button,select,input){cursor:default}}.settings-layout :focus-visible{outline:2px solid #edc64e;outline-offset:3px}.settings-layout .settings-close{width:36px;height:36px;padding:0;font:26px/1 sans-serif;background:#2a241c}.settings-tab-strip{display:flex;align-items:center;gap:10px;padding:0 26px 16px;border-bottom:1px solid #62553e}.settings-tabs{display:flex;flex:1;min-width:0;gap:6px}.settings-tab-bump{flex:0 0 auto;min-width:26px;box-sizing:border-box;text-align:center}.settings-tabs button{flex:1;background:transparent;border-color:transparent}.settings-layout button.active{background:#534730;color:#f5cf57;border-color:#b69a4c}.settings-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 26px;scrollbar-color:#9b8658 #30291f;scrollbar-width:thin}.settings-body h3{margin:0 0 8px;font-size:21px}.settings-intro{color:#b9ac8c;font-size:13px;line-height:1.5;margin:0 0 22px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid #534936}.settings-row-label{flex:1;min-width:0}.settings-row strong{display:block;font-size:16px}.settings-row small{display:block;color:#b9ac8c;font-size:12px;line-height:1.5;margin-top:5px}.settings-row select{width:235px;max-width:48%;text-overflow:ellipsis}.settings-layout .settings-toggle{min-width:86px}.settings-toggle[aria-checked=true]{background:#5c603a;border-color:#92985f;color:#f2edcd}.settings-range{display:flex;align-items:center;gap:12px;width:230px;max-width:48%}.settings-range input{width:100%;min-width:40px;accent-color:#e6c153;cursor:pointer}.settings-range output{font-variant-numeric:tabular-nums;min-width:40px;font-size:13px}.settings-footer{padding:14px 26px;border-top:1px solid #62553e;display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 12px;align-items:center;background:#2a251e66}.settings-nav-hints{flex:0 0 100%;order:-1;font-size:12px;color:#d7c89f}.settings-layout button:focus{outline:2px solid #edc64e;outline-offset:3px}.settings-layout :is(select,input):focus{outline:2px solid #edc64e;outline-offset:3px}.settings-footer small{color:#948971;font-size:10px;white-space:nowrap}.settings-status{font-size:12px;color:#c1b590}.settings-modes{display:flex;gap:8px;margin:16px 0}.settings-bindings{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.settings-binding{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #534936;padding:10px 0;font-size:13px}.settings-layout .settings-bind{min-width:62px;max-width:130px;background:#241e16;padding:7px 12px;color:#f0e6d2}.settings-layout .listening{color:#f9d65e;border-color:#eac450}.settings-layout .settings-reset{margin-top:22px;font-size:12px;background:transparent}.settings-pad-preview{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 10px}.settings-pad-preview>span:first-child{color:#baad8d;margin-right:8px;font-size:12px}.settings-cap{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border:1px solid #776345;border-radius:8px;background:#251f17;font-family:system-ui,sans-serif;font-size:14px}@media(max-width:650px){.hud-panels.settings-screen{width:calc(100vw - var(--tb-w, 48px) - 35px);left:12px;transform:translateY(-50%);height:calc(100dvh - 88px);font-size:13px}.settings-header,.settings-body{padding:14px}.settings-tab-strip{padding:0 14px 12px;gap:6px}.settings-tabs button{min-width:0;padding-inline:6px}.settings-bindings{grid-template-columns:1fr}.settings-footer{padding:12px 14px;flex-wrap:wrap}.settings-row{gap:10px}.settings-row select{width:46%}.settings-title h2{font-size:22px}}.hud-panels.activity-screen{box-sizing:border-box;display:flex;flex-direction:column;width:min(820px,calc(100vw - 28px));height:min(650px,calc(100vh - var(--zone-vitals) - 32px));max-height:none;top:calc(50% - var(--zone-vitals) / 2);padding:0;overflow:hidden;pointer-events:auto;font-size:14px;line-height:1.4;border-radius:18px}.hud-panels.activity-screen.journal-screen{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(820px,calc(100vw - 92px))}.activity-screen *{box-sizing:border-box}.activity-screen button{font:inherit;color:inherit;cursor:pointer}.activity-screen button:disabled{cursor:default}.activity-screen h2,.activity-screen h3,.activity-screen p{margin:0}.activity-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #584a3c;background:#3c332c}.activity-header h2{font-size:22px;font-weight:600;line-height:1.2}.activity-meta{color:#c9b99b;font-size:13px;text-align:right}.activity-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);flex:1 1 auto;min-height:0}.activity-list{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:17px 14px;border-right:1px solid #584a3c;background:#302923;scrollbar-width:thin;scrollbar-color:#89744c #302923;scroll-padding:8px}.activity-screen .activity-row{display:flex;width:100%;gap:10px;align-items:center;min-height:76px;margin:0 0 8px;padding:10px 12px;text-align:left;background:#3a3129;border:1px solid #564737;border-radius:11px;box-shadow:0 2px #211a15;scroll-margin:6px 0}.activity-screen .activity-row.selected{background:#4c402c;border-color:transparent;box-shadow:inset 0 0 0 2px #efc343,0 2px #211a15}.activity-row-text{min-width:0}.activity-row-title{display:block;font-size:14px;font-weight:600;line-height:1.25}.activity-row-sub{display:block;font-size:12px;line-height:1.3;color:#c4b395;margin-top:5px}.activity-row-sub.blocked{color:#e8c58c}.activity-row-sub.ready{color:#c4dc9e}.craft-recipe-row .activity-row-sub.ready{color:#a9d97c}.craft-recipe-row .activity-row-sub.materials-missing{color:#f09585}.activity-screen .craft-level-locked:not(.selected){background:#2d2722;border-color:#493e33}.craft-level-locked .activity-item-icon{opacity:.4;filter:saturate(.3)}.craft-level-locked .activity-row-title{opacity:.55}.craft-level-locked .activity-row-sub.blocked{color:#c2ad8b}.craft-level-locked.selected .activity-item-icon{opacity:.6}.craft-level-locked.selected .activity-row-title{opacity:.8}.activity-item-icon{display:inline-block;flex:0 0 38px;width:38px;height:38px;font-size:30px}.activity-skill-icon{width:38px;height:38px;display:inline-block;flex:0 0 38px}.activity-detail{min-width:0;min-height:0;display:flex;flex-direction:column}.activity-detail-scroll{flex:1 1 auto;min-height:0;padding:20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#89744c transparent}.activity-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:#cab999;margin-bottom:10px}.activity-screen .activity-detail-title{font-size:21px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.activity-sub{font-size:13px;color:#c8b79a;margin-top:7px}.activity-note{padding:10px 12px;background:#423929;border-left:3px solid #d5ae53;border-radius:0 8px 8px 0;margin-top:17px;font-size:13px}.activity-note.ready{border-color:#a1bc80;background:#373b2c;color:#d5e1bc}.activity-note.blocked{border-color:#d5a05a;color:#eed0a0}.activity-actions{flex:0 0 auto;padding:14px 20px;border-top:1px solid #584a3c;background:#342b22}.activity-screen .activity-primary{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;min-height:44px;padding:8px 12px;font-size:16px;font-weight:600;color:#302518;background:linear-gradient(#f0cc61,#deb640);border:1px solid #f6d77b;border-bottom:4px solid #8f722b;border-radius:10px}.activity-screen .activity-primary:disabled{color:#cdbb9b;background:#504332;border-color:#67553b;border-bottom-color:#211b15}.activity-footer{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:11px 16px;background:#302821;border-top:1px solid #584a3c;font-size:11px;color:#c6b699}.activity-read-controls{display:flex;align-items:center;gap:5px}.activity-screen .activity-key-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:4px 6px;border:1px solid #65543e;border-radius:7px;background:#42372a;box-shadow:0 2px #201911;font-size:12px}.activity-key-button.active{color:#f0d17b}.activity-key-button:disabled{opacity:.5}.activity-screen .kbd{font-family:Fredoka,sans-serif;font-size:11px;line-height:1.3;padding:2px 5px}.activity-screen .activity-primary .kbd{color:#efe5c8;font-size:14px}.craft-hero{display:flex;align-items:center;gap:14px;margin-bottom:24px}.craft-hero-icon{display:inline-block;flex:0 0 78px;width:78px;height:78px;font-size:62px}.craft-hero .activity-label{margin-bottom:6px}.craft-ingredients{border-top:1px solid #584a3c;padding-top:16px}.craft-material-labels,.craft-material{display:grid;grid-template-columns:minmax(0,1fr) 58px 58px;gap:8px;align-items:center;text-align:right}.craft-material-labels{font-size:11px;color:#c6b699;margin-bottom:6px}.craft-material{margin-top:8px;font-size:12px}.craft-material-name{display:flex;gap:8px;align-items:center;text-align:left;min-width:0}.craft-material-name .activity-item-icon{flex-basis:32px;width:32px;height:32px}.craft-material-need{color:#bddb9e}.craft-material.short .craft-material-need{color:#f1b282}.craft-quantity{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:12px}.craft-quantity>span:first-child{margin-right:auto}.craft-quantity-value{min-width:30px;text-align:center;font-size:13px}.craft-running-name{font-weight:600;margin-bottom:8px}.craft-batch{margin:7px 0 11px}.activity-progress{height:6px;background:#211b16;border-radius:4px;overflow:hidden}.activity-progress-fill{height:100%;background:#e6bd49;border-radius:4px}.activity-screen .journal-row{flex-direction:column;align-items:stretch;justify-content:center;gap:0;min-height:67px}.journal-row.completed .activity-row-sub{color:#b8d299}.journal-objective-label{margin-top:24px}.journal-objective{background:#423a2b;border:1px solid #76613b;padding:12px;border-radius:10px;margin-top:10px}.journal-objective.met{background:transparent;border-color:transparent;padding:8px 0}.journal-objective-line{display:flex;align-items:center;gap:8px}.journal-check{color:#ecc960}.journal-objective.met .journal-check{color:#b9d99b}.journal-objective-text{flex:1;font-size:14px}.journal-count{font-size:11px;white-space:nowrap;color:#edd17e}.journal-objective .activity-progress{margin-top:10px}.activity-screen .journal-story{color:#cfbea1;margin:18px 0;font-size:13px;line-height:1.5}.journal-rewards{border-top:1px solid #584a3c;padding-top:18px;margin-top:20px}.activity-reward{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:13px}@media(max-height:600px){.hud-panels.activity-screen{height:calc(100vh - var(--zone-vitals) - 20px)}.activity-header{padding:10px 14px}.activity-header h2{font-size:18px}.activity-list{padding:10px}.activity-screen .activity-row{min-height:60px;padding:8px 10px}.activity-detail-scroll{padding:12px 16px}.activity-actions{padding:8px 16px}.activity-footer{padding:6px 12px;gap:6px}.activity-screen .activity-primary{min-height:35px;padding:5px 8px;font-size:14px}.craft-hero{margin-bottom:14px}.craft-hero-icon{width:50px;height:50px;flex-basis:50px;font-size:40px}.activity-screen .activity-detail-title{font-size:18px}.craft-quantity{margin-bottom:7px}.activity-label{margin-bottom:6px}.journal-objective-label{margin-top:14px}.journal-objective{margin-top:6px;padding:8px}}@media(max-width:600px){.hud-panels.activity-screen{right:8px;width:calc(100vw - 16px)}.hud-panels.activity-screen.journal-screen{right:auto;width:calc(100vw - 70px)}.activity-content{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.activity-list{padding:8px}.activity-row-title{font-size:12px}.activity-row-sub{font-size:11px}.activity-screen .craft-recipe-row{flex-direction:column;align-items:flex-start}.activity-detail-scroll,.activity-actions{padding:10px}.craft-hero{flex-wrap:wrap}.craft-material-labels,.craft-material{grid-template-columns:minmax(0,1fr) 38px 38px;gap:4px}.craft-material-name .activity-item-icon{display:none}.activity-meta{font-size:11px}.journal-objective-line{flex-wrap:wrap}.journal-count{margin-left:auto}}@media(pointer:coarse){.activity-screen .activity-key-button{min-height:36px}}.hud-panels.craft-screen{right:12px;width:min(820px,62vw)}@media(max-width:700px){.hud-panels.craft-screen{top:auto;bottom:var(--zone-vitals);transform:none;right:8px;width:calc(100vw - 16px);height:60dvh}}.hud-panel.hud-panels.bank-screen{box-sizing:border-box;left:50%;right:auto;top:calc(50% - var(--zone-vitals) / 2);transform:translate(-50%,-50%);width:min(calc(var(--inventory-side-width) * 2 + 4px),calc(100vw - 100px));height:min(640px,calc(100vh - var(--zone-vitals) - 40px));max-height:none;flex-direction:column;padding:0;overflow:hidden;pointer-events:auto;font-size:15px;line-height:1.4;border-radius:20px}.bank-screen *{box-sizing:border-box}.bank-screen h2,.bank-screen h3,.bank-screen p{margin:0}.bank-screen button{font:inherit;color:inherit;cursor:pointer}.storage-dusk{display:flex;align-items:center;gap:8px;width:calc(100% - 20px);margin:8px 10px;padding:6px;flex-shrink:0;background:#40372f;border:1px solid #78644d;border-radius:8px}.storage-dusk img{width:32px;height:32px;object-fit:contain}.storage-dusk strong{margin-left:auto;color:#d4c8ec;font-size:13px}.storage-dusk.selected{outline:2px solid #e8b93c}.storage-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid #584a3c;flex-shrink:0;background:#3c332c}.storage-header h2{font-size:22px;line-height:1.2}.storage-subtitle{color:#c4b395;font-size:14px}.storage-columns{display:grid;grid-template-columns:1fr 1fr;flex:1 1 auto;min-height:0}.storage-column{display:flex;flex-direction:column;min-height:0;min-width:0}.storage-column+.storage-column{border-left:1px solid #584a3c}.storage-column-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;flex-shrink:0;border-bottom:2px solid #584a3c}.storage-column.active .storage-column-head{border-bottom-color:#eec44e;background:#403728}.storage-column-head h3{font-size:18px;color:#f2e7cd}.storage-column-hint{display:block;color:#c4b395;font-size:13px;margin-top:2px}.storage-capacity{color:#c9b99b;font-size:14px;white-space:nowrap}.storage-capacity.full{color:#ecc366}.storage-scroll{overflow-y:auto;min-height:0;flex:1;padding:4px 21px 16px;scrollbar-width:thin;scrollbar-color:#8e7851 #302923;overscroll-behavior:contain;scroll-padding:10px}.storage-category{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#c4b395;margin:12px 2px 7px}.storage-category span+span{color:#968970}.storage-grid{display:grid;gap:8px}.bank-screen .storage-tile{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:0;border-radius:9px;border:1px solid #554737;background:#211b15;box-shadow:inset 0 2px 3px #130f0b80;outline:none;scroll-margin:10px 0}.bank-screen .storage-tile.selected{border-color:transparent;background:#4d402b;box-shadow:inset 0 0 0 2px #efc343,inset 0 1px #fff2b1}.storage-tile-icon{display:block;width:82%;height:82%;background-size:contain;background-position:center;background-repeat:no-repeat;font-size:35px}.storage-quantity{position:absolute;bottom:3px;right:5px;font-size:11px;color:#f4e9ce;text-shadow:0 1px 3px #100c08,1px 0 2px #100c08,-1px 0 2px #100c08}.storage-empty{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;padding:24px;color:#bbaa8c}.storage-empty strong{color:#e7dcc4;font-size:18px}.storage-empty span{max-width:240px;font-size:14px}.storage-dock{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:18px;padding:16px 20px;border-top:1px solid #584a3c;background:#302821;flex-shrink:0}.storage-item-detail{display:flex;align-items:center;gap:12px;min-width:0}.storage-detail-icon{width:50px;height:50px;flex-shrink:0;background-size:contain;background-position:center;background-repeat:no-repeat;font-size:40px}.storage-item-copy{min-width:0}.storage-item-label{display:flex;flex-wrap:wrap;gap:6px 15px;color:#baaa8b;font-size:12px}.storage-item-copy h3{color:#f2e7cd;font-size:20px;line-height:1.2;margin:5px 0 7px}.storage-item-copy p,.storage-no-selection{color:#c8b99d;font-size:14px}.storage-action{display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:center}.storage-direction{font-size:13px;color:#e2d2ae}.bank-screen .storage-transfer{display:flex;justify-content:center;align-items:center;gap:8px;padding:9px;border:none;border-radius:10px;background:linear-gradient(#f1d264,#dfb641);box-shadow:0 4px #987934;color:#302417;font-size:17px;font-weight:600}.storage-transfer .kbd{background:#1b140b;color:#fff0c6;font-size:16px}.storage-transfer:disabled{opacity:.5;cursor:default}.storage-stack-hint{color:#aa9a7f;font-size:11px;margin-top:3px}.storage-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;border-top:1px solid #584a3c;flex-shrink:0}.storage-navigation{display:flex;flex-wrap:wrap;gap:6px 24px;font-size:12px;color:#c3b18f}.bank-screen .storage-close{display:flex;align-items:center;gap:8px;border:1px solid #66563f;border-radius:9px;background:#42372b;padding:7px 10px;white-space:nowrap}@media(max-width:1350px){.storage-header,.storage-dock{padding:16px 20px}.storage-column-head{padding:13px 18px}.storage-scroll{padding:3px 15px 16px}.storage-grid{gap:5px}.storage-dock{grid-template-columns:minmax(0,1fr) 180px;gap:12px}.storage-item-detail{gap:12px}.storage-item-copy h3{font-size:19px}}@media(max-height:600px){.storage-scroll{padding-left:14px;padding-right:14px}}@media(max-width:900px){.hud-panel.hud-panels.bank-screen{width:min(620px,calc(100vw - 100px))}}@media(max-width:650px){.hud-panel.hud-panels.bank-screen{width:calc(100vw - 22px)}.storage-column-head{padding:10px;gap:5px}.storage-column-head h3{font-size:18px}.storage-column-hint{font-size:10px}.storage-capacity{font-size:11px}.storage-scroll{padding:0 8px 12px}.storage-grid{gap:4px}.bank-screen .storage-tile{padding:3px;border-radius:8px}.storage-quantity{right:3px;bottom:2px;font-size:10px}.storage-dock{grid-template-columns:1fr;gap:12px;padding:12px}.storage-action{display:grid;grid-template-columns:1fr 1fr;align-items:center}.storage-stack-hint{grid-column:1 / -1}.storage-footer{padding:10px 12px;gap:10px}.storage-navigation{font-size:10px}}@media(max-height:780px){.hud-panel.hud-panels.bank-screen{height:calc(100vh - var(--zone-vitals) - 20px)}.storage-header{padding:10px 20px}.storage-header h2{font-size:22px}.storage-column-head{padding-top:8px;padding-bottom:8px}.storage-dock{padding-top:12px;padding-bottom:12px}.storage-detail-icon{width:50px;height:50px}.storage-item-copy h3{font-size:18px}.storage-item-copy p{font-size:12px}.storage-footer{padding-top:8px;padding-bottom:8px}}@media(max-height:500px){.storage-header{padding:6px 16px}.storage-header h2{font-size:19px}.storage-subtitle{font-size:11px}.storage-column-head{padding:5px 14px}.storage-column-head h3{font-size:16px}.storage-column-hint{display:none}.storage-dock{padding:8px 16px;gap:12px;grid-template-columns:minmax(0,1fr) 200px}.storage-detail-icon{width:38px;height:38px}.storage-item-copy h3{font-size:16px;margin:3px 0}.storage-item-copy p,.storage-stack-hint{display:none}.storage-item-label{font-size:10px}.storage-direction{font-size:11px}.storage-action{gap:4px}.bank-screen .storage-transfer{font-size:15px;padding:6px}.storage-transfer .kbd{font-size:12px}.storage-footer{padding:6px 16px}.storage-navigation{font-size:11px}.storage-navigation span+span{display:none}.bank-screen .storage-close{padding:3px 7px;font-size:12px}}.hud-panels.inv-screen,.hud-panels.bank-screen{--inventory-side-width: min(410px, calc(50vw - 266px) )}.hud-panels.inv-screen{--inventory-left-width: min(294px, calc(50vw - 204px) );--inventory-center-gap: clamp(54px,6vw,130px);--inventory-top: max(var(--hud-top-clear), calc(50vh - 462px) );padding-right:calc(var(--toolbar-right) + var(--tb-w) + 14px);box-sizing:border-box}.inv-screen .inv-right-dock{width:var(--inventory-side-width);height:100%;min-height:0;display:flex;flex-direction:column;gap:14px;pointer-events:auto;position:absolute;left:calc(50% + var(--inv-doll-w)/2 + var(--inventory-center-gap));top:var(--inventory-top);height:calc(100vh - var(--inventory-top) - 24px)}.inv-screen .inv-right-dock>.hud-panel{width:100%;box-sizing:border-box;border-radius:18px;background:linear-gradient(145deg,#3d342c,#302923);border:2px solid #1c1712;box-shadow:inset 0 1px #665849,0 5px #1c1712,0 12px 22px #19120738}.inv-screen .inv-bag{flex:0 1 auto;min-height:146px;max-height:57%;padding:14px 14px 10px}.inv-screen .inv-bag .pn-title{font-size:22px;margin:0 0 10px}.inv-screen .inv-bag-count{font-size:12px;letter-spacing:0}.inv-screen .inv-bag-scroll{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#887654 transparent}.inv-screen .bag-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px;padding:5px}.inv-screen .bag-grid .tile{--tile-size: 100%;width:auto;height:auto;aspect-ratio:1;min-width:0}.inv-screen .bag-grid .tile .tile-icon{width:82%;height:82%;font-size:35px}.inv-screen .inv-tabs{margin-bottom:8px;gap:3px}.inv-screen .inv-tab{padding:4px 3px;min-width:0}.inv-screen .inv-tab-label{font-size:11px}.inv-screen .inv-tab-n{display:none}.inv-screen .tile.selected{outline:2px solid #efc94e;outline-offset:1px;box-shadow:inset 0 0 0 1px #ffdc76,0 0 0 3px #2b2115}.inv-screen .tile.compare-target{box-shadow:0 0 0 2px #a9bfbc}.inv-screen.inv-slot-pick .inv-slot .tile{opacity:.32;transition:opacity .12s ease,transform .12s ease}.inv-screen.inv-slot-pick .inv-slot .tile.pick-candidate{opacity:1;box-shadow:0 0 0 2px #e8b93c66}.inv-screen.inv-slot-pick .inv-slot .tile.pick-current{background:linear-gradient(#4b4138,#3b332c);box-shadow:inset 0 1px #ffffff24,0 0 0 3px #e8b93c,0 0 16px #e8b93c8c,0 2px #16110d;transform:scale(1.08)}.inv-screen .tile.pick-source{box-shadow:0 0 0 2px #a9bfbc}@media(prefers-reduced-motion:reduce){.inv-screen.inv-slot-pick .inv-slot .tile{transition:none}.inv-screen.inv-slot-pick .inv-slot .tile.pick-current{transform:none}}.inv-screen .inv-item-pane{display:flex;flex-direction:column;min-height:0;flex:0 1 auto;max-height:62%;padding:12px 14px}.inv-screen .inv-item-pane.reading{border-color:#efc94e}.inv-screen .inv-item-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex:none}.inv-screen .inv-eyebrow{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.09em;color:#bdae90}.inv-screen .inv-compare-toggle{display:flex;align-items:center;gap:5px;font-size:12px;border-radius:8px;padding:4px 6px;cursor:pointer}.inv-screen .inv-compare-toggle.active{background:#54472e;color:#ffe18c}.inv-screen .inv-item-scroll{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#887654 transparent;flex:1 1 auto;padding:1px 3px 8px;touch-action:pan-y}.inv-screen .inv-item-scroll .inv-detail{background:none;margin:0;padding:0;border:none;box-shadow:none}.inv-screen .pn-detail-head{flex-wrap:wrap;gap:6px 10px}.inv-screen .pn-detail-icon{width:50px;height:50px;font-size:40px;flex:0 0 50px}.inv-screen .pn-detail-name{font-size:20px;line-height:1.15;flex:1}.inv-screen .pn-badge{font-size:9px}.inv-screen .pn-detail-desc{font-size:14px;line-height:1.45;margin:10px 0;color:#d4c5a9}.inv-screen .pn-weapon-class,.inv-screen .pn-weapon-cost,.inv-screen .pn-req{font-size:12px;line-height:1.5}.inv-screen .pn-uses{max-height:none;overflow:visible}.inv-screen .pn-use{padding:7px 0}.inv-screen .inv-actbar{flex:none;padding-top:9px;margin-top:4px;border-top:1px solid #65543b66}.inv-screen .inv-actions{flex-wrap:wrap;gap:6px}.inv-screen .inv-act{padding:6px 9px;font-size:13px}.inv-screen .inv-act:first-child{background:#584831}.inv-screen .inv-actbar .pn-footer{font-size:10px;margin-top:7px;padding-top:7px}.inv-screen .inv-read-action{display:flex;align-items:center;gap:6px;margin-top:8px;color:#bbad91;cursor:pointer;font-size:12px}.inv-screen .inv-empty-detail{padding:18px 0;color:#c7b99b;line-height:1.5}.inv-screen .inv-action-blocked{color:#f0aa90;flex-basis:100%;font-size:12px;line-height:1.4}.inv-screen .inv-stats{width:var(--inventory-left-width);max-height:calc(100vh - var(--hud-top-clear) - 125px);padding:16px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;border-radius:18px}.inv-screen .inv-stats{left:calc(50% - var(--inv-doll-w)/2 - var(--inventory-center-gap) - var(--inventory-left-width));top:var(--inventory-top);max-height:calc(100vh - var(--inventory-top) - 125px)}.inv-screen .inv-stats>*{flex-shrink:0}.inv-screen .inv-stats .pn-title{font-size:22px;margin-bottom:16px}.inv-screen .ch-level-bar{margin-bottom:16px}.inv-screen .inv-sheet-tabs{display:flex;align-items:center;gap:4px;margin-bottom:16px;border-bottom:1px solid #65543b66;padding-bottom:10px}.inv-screen .inv-sheet-tab{flex:1;padding:8px 3px;border-radius:9px;text-align:center;cursor:pointer;color:#c6b79a;font-size:14px}.inv-screen .inv-sheet-tab.active{background:#55472e;color:#ffe18c;box-shadow:inset 0 0 0 1px #c59f46}.inv-screen .ch-stats{gap:9px}.inv-screen .ch-stat{background:transparent;padding:6px 0;font-size:15px;border-bottom:1px solid #65543b4d}.inv-screen .ch-stat-value{font-size:18px}.inv-screen .inv-stat-note{color:#b6a98f;font-size:10px;line-height:1.4;margin-top:8px}.inv-screen .ch-kills{margin:14px 0;font-size:11px}.inv-screen .inv-summary-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;color:#e9d9b3;border-top:1px solid #65543b66;cursor:pointer;font-size:14px}.inv-screen .inv-summary-tip{color:#b6a98f;font-size:12px;line-height:1.5;margin-top:10px}.inv-screen .inv-talents-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:4px;scrollbar-width:thin;scrollbar-color:#887654 transparent}.inv-screen .ch-talent{padding:12px 8px;margin-bottom:10px;border-radius:10px}.inv-screen .ch-talent.selected{outline:2px solid #efc94e;outline-offset:0;background:#51442e}.inv-screen .ch-talent.locked{opacity:.8}.inv-screen .ch-talent-head{flex-wrap:wrap}.inv-screen .ch-talent-name{font-size:16px}.inv-screen .ch-talent-desc{font-size:13px;line-height:1.45}.inv-screen .inv-talent-status{font-size:10px;color:#b9c69a}.inv-screen .inv-compare-heads{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inv-screen .inv-compare-item{display:grid;grid-template-columns:45px 1fr;gap:8px;align-items:center;min-width:0}.inv-screen .inv-compare-item .inv-eyebrow{grid-column:1/-1}.inv-screen .inv-compare-icon{width:45px;height:45px;font-size:35px}.inv-screen .inv-compare-name{font-size:15px;font-weight:600;line-height:1.2}.inv-screen .inv-compare-slot{font-size:11px;color:#bcad8e;margin-top:10px}.inv-screen .inv-compare-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}.inv-screen .inv-compare-table caption{text-align:left;color:#eddfc0;font-size:14px;margin-bottom:8px}.inv-screen .inv-compare-table th,.inv-screen .inv-compare-table td{text-align:right;padding:7px 3px;border-bottom:1px solid #65543b66;font-weight:500}.inv-screen .inv-compare-table th:first-child{text-align:left}.inv-screen .inv-compare-table thead{color:#b9aa8b;font-size:11px}.inv-screen .inv-compare-table .gain{color:#bbdb8e}.inv-screen .inv-compare-table .loss,.inv-screen .inv-compare-refusal{color:#f0aa90}.inv-screen .inv-compare-table .same{color:#b6a98f}.inv-screen .inv-compare-refusal,.inv-screen .inv-compare-note{font-size:12px;line-height:1.4;margin-top:8px}.inv-screen .inv-compare-note{color:#d7c8a8}@media(max-width:1350px){.hud-panels.inv-screen,.hud-panels.bank-screen{--inventory-side-width: min(360px, calc(50vw - 246px) )}.inv-screen .inv-bag{padding:10px 8px}.inv-screen .inv-item-pane{padding:10px}.inv-screen .bag-grid{gap:5px}.inv-screen .inv-tab-label{font-size:9px}.inv-screen .inv-bag .pn-title{font-size:19px}.inv-screen .inv-bag-count{font-size:10px}.inv-screen .pn-detail-name{font-size:17px}}@media(max-width:1600px){.inv-screen .inv-right-dock{left:auto;right:calc(var(--toolbar-right) + var(--tb-w) + 14px)}.inv-screen .inv-stats{left:max(16px,calc(50% - var(--inv-doll-w)/2 - 60px - var(--inventory-left-width)))}}@media(max-height:740px){.inv-screen .inv-right-dock{gap:10px}.inv-screen .inv-bag{max-height:47%;min-height:122px}.inv-screen .inv-item-pane{max-height:none}.inv-screen .inv-stats{padding:12px;max-height:calc(100vh - var(--hud-top-clear) - 30px)}.inv-screen .inv-stats .pn-title{margin-bottom:9px}.inv-screen .inv-sheet-tabs{margin-bottom:8px;padding-bottom:8px}.inv-screen .inv-summary-tip,.inv-screen .inv-actbar .pn-footer{display:none}}@media(max-height:600px){.hud-panels.inv-screen,.hud-panels.bank-screen{--inventory-side-width: min(305px, calc(50vw - 234px) )}.hud-panels.inv-screen{--inventory-left-width: min(250px, calc(50vw - 180px) )}.inv-screen .inv-bag .pn-title{font-size:16px;margin-bottom:5px}.inv-screen .inv-bag{padding:7px;max-height:43%}.inv-screen .inv-item-toolbar{margin-bottom:6px}.inv-screen .inv-stats .ch-stat-value{font-size:15px}.inv-screen .inv-stats .ch-stat{font-size:12px;padding:3px 0}.inv-screen .inv-stats .ch-kills{margin:8px 0}.inv-screen .inv-compare-name{font-size:12px}.inv-screen .inv-compare-item{grid-template-columns:32px 1fr;gap:5px}.inv-screen .inv-compare-icon{width:32px;height:32px}.inv-screen .inv-act{font-size:11px;padding:4px}.inv-screen .inv-read-action{font-size:10px;margin-top:5px}}@media(max-width:900px){.hud-panels.inv-screen,.hud-panels.bank-screen{--inventory-side-width: max(196px, calc(50vw - 207px) )}.hud-panels.inv-screen{--inventory-left-width: min(205px, calc(50vw - 162px) );padding-right:74px}.inv-screen .inv-stats{left:10px;padding:10px}.inv-screen .inv-sheet-tab{font-size:12px;padding:5px 2px}.inv-screen .inv-summary-link{font-size:12px;padding:6px 0}.inv-screen .ch-level-label{font-size:10px}.inv-screen .ch-level-value{font-size:12px}.inv-screen .inv-tabs .kbd{font-size:9px;padding:2px}.inv-screen .inv-tab-label,.inv-screen .inv-bag-count{font-size:8px}.inv-screen .inv-item-toolbar{gap:2px}.inv-screen .inv-eyebrow{font-size:9px}.inv-screen .inv-compare-toggle{font-size:10px;gap:3px;padding:2px}}@media(max-height:740px){.inv-screen.inv-reading .inv-bag{display:none}.inv-screen.inv-reading .inv-item-pane{flex:1;max-height:100%}}@media(max-height:480px){.inv-screen .inv-stats .pn-title{font-size:18px;margin-bottom:7px}.inv-screen .inv-stats .ch-level-bar{margin-bottom:7px}.inv-screen .inv-stats .ch-stats{gap:3px}.inv-screen .inv-stats .ch-kills{display:none}.inv-screen .inv-stat-note{font-size:9px;margin-top:5px}}.inv-dusk-wallet{display:flex;align-items:center;gap:8px;padding:4px 12px 8px;flex-shrink:0;border-bottom:1px solid rgba(190,176,146,.2)}.inv-dusk-wallet img{object-fit:contain;flex-shrink:0}.inv-dusk-wallet.selected{outline:2px solid #e8b93c;outline-offset:-2px;background:#514736}.inv-dusk-label{opacity:.72;font-size:12px}.inv-dusk-amount{margin-left:auto;color:#d1dfff;font-size:15px;font-weight:700}.inv-dusk-value{margin:6px 0;color:#c6d7f5;font-size:13px}.inv-dusk-note{font-size:12px;opacity:.7}.inv-sort{margin-left:auto;padding:4px 10px;border:1px solid #89764b;border-radius:7px;background:#483e30;color:#f1e8d4;font:inherit;font-size:12px;cursor:pointer}.bag-grid .tile[draggable=true]{cursor:grab}.hsvg .heart-empty-art{filter:grayscale(1) sepia(1) saturate(1.25) hue-rotate(-15deg) brightness(1.05)}.mini-hearts.monster-hearts{gap:1px}.monster-hearts .mheart{width:14px;height:14px}.mini-hearts.monster-hearts.counted{gap:3px}.monster-hearts.counted .mheart{width:18px;height:18px}.mheart-count{color:#fff0d0;font:600 14px/1 Fredoka,system-ui,sans-serif;white-space:nowrap;text-shadow:0 1px 2px #21160e,1px 0 2px #21160e,-1px 0 2px #21160e}#hud .hud-vitals{--vital-heart: 38px;--quick-size: 62px;gap:0;width:max-content}#hud .hud-vitals .vitals-row{align-items:center;gap:22px}#hud .vitals-meters{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:5px;width:max-content;min-width:222px;max-width:416px}#hud .hud-vitals .hearts{max-width:416px;gap:4px;min-height:var(--vital-heart)}#hud .hud-vitals .heart{width:var(--vital-heart);height:var(--vital-heart);flex:0 0 var(--vital-heart)}#hud .vitals-stamina{display:flex;align-items:center;gap:5px;height:30px}#hud .stamina-icon.ui-art{width:30px;height:30px;filter:drop-shadow(0 2px 1px #2d1d13a6)}#hud .hud-vitals .stamina{width:auto;flex:1;height:13px;padding:2px;border-radius:12px;background:linear-gradient(#20160f,#39271a);border:1px solid #665037;box-shadow:inset 0 1px 3px #130e0cd9,0 0 0 1px #c6a66b,0 2px 0 2px #362618,0 3px 5px #160e0b66}#hud .hud-vitals .stamina-fill{border-radius:9px;background:linear-gradient(#d0f586,#95df4f 28%,#66b83b 70%,#519329);box-shadow:inset 0 1px 1px #f0ffc699,inset 0 -1px 1px #305c26;min-width:0}#hud .hud-vitals .stamina.low .stamina-fill{background:linear-gradient(#ffc878,#e58843 35%,#b6432c)}#hud .hud-vitals .quick-row{align-items:center;gap:12px}#hud .quick-slot{display:flex;flex-direction:column;align-items:center;gap:6px}#hud .hud-vitals .quick-chip:not(.quiver){box-sizing:border-box;width:var(--quick-size);height:var(--quick-size);min-width:0;display:grid;place-items:center;padding:5px;border:1px solid #8b7050;border-radius:13px;background:radial-gradient(ellipse at 50% 100%,#302218,#1d150f 75%);box-shadow:inset 0 0 0 2px #473526,inset 0 3px 5px #080503,0 0 0 1px #302219,0 3px 3px #170e0a66}#hud .hud-vitals .quick-chip:not(.quiver) .quick-icon{width:100%;height:100%;font-size:38px;display:grid;place-items:center}#hud .hud-vitals .quick-chip .quick-count{color:#fff0cd;text-shadow:0 1px 2px #130c08,1px 0 2px #130c08;font-family:Fredoka,system-ui,sans-serif}#hud .hud-vitals .quick-chip:not(.quiver) .quick-count{position:absolute;bottom:3px;right:5px;z-index:3;font-size:16px;font-weight:600;line-height:1}#hud .quick-slot .quick-key{margin:0;padding:2px 7px;min-width:19px;text-align:center;font-size:12px;line-height:1.15;border:1px solid #786044;border-radius:6px;background:linear-gradient(#372a1e,#1b140e);color:#fff0cd;box-shadow:0 2px 1px #24180e80}#hud .hud-vitals .quick-cd{z-index:1;background:#140d0766}#hud .quick-timer{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:600;color:#fff1d4;text-shadow:0 2px 3px #140b06;pointer-events:none}#hud .quick-timer:empty{display:none}#hud .hud-vitals .quick-chip.cooling .quick-icon{opacity:.62;filter:saturate(.55) brightness(.8)}#hud .hud-vitals .quick-chip.depleted .quick-icon{opacity:.35;filter:grayscale(.8)}#hud .hud-vitals .quick-chip.depleted .quick-count{color:#e9b298}#hud .hud-vitals .quick-chip.empty{opacity:.65;background:#251b1266}#hud .hud-vitals .quick-chip.empty:after{content:"—";color:#9a8262;font-size:18px;position:absolute}#hud .hud-vitals .quick-chip.quiver{gap:5px;min-width:42px;padding:6px;border-radius:9px;align-self:center;margin-bottom:25px}#hud .hud-vitals .quiver .quick-count{font-size:12px}#hud .hud-toasts{bottom:calc(var(--zone-vitals,110px) + 14px)}@media(max-width:640px){#hud .hud-vitals{--vital-heart: 29px;--quick-size: 50px}#hud .hud-vitals .vitals-row{gap:12px}#hud .vitals-meters{min-width:157px;max-width:min(224px,calc(100vw - 150px))}#hud .hud-vitals .hearts{max-width:224px;gap:3px}#hud .hud-vitals .quick-row{display:grid;grid-template-columns:repeat(2,var(--quick-size));gap:7px 8px}#hud .hud-vitals .quick-chip.quiver{grid-column:1/-1;justify-self:center;margin:0;padding:3px 8px}#hud .stamina-icon.ui-art{width:25px;height:25px}#hud .hud-vitals .stamina{height:10px}#hud .quick-slot .quick-key{font-size:11px}#hud .hud-vitals .quick-chip:not(.quiver) .quick-count{font-size:14px}}@media(prefers-reduced-motion:reduce){#hud .hearts,#hud .hearts .hsvg,#hud .hearts .heart,#hud .stamina,#hud .stamina-fill,#hud .quick-chip.quiver{animation:none}#hud .stamina-fill,#hud .quick-cd{transition:none}}.social-menu.handcraft-menu{box-sizing:border-box;display:flex;flex-direction:column;width:min(480px,calc(100vw - 24px));min-width:0;max-width:none;max-height:min(610px,calc(100vh - 40px));top:50%;transform:translate(-50%,-50%);padding:0;overflow:hidden;border-radius:16px;font-size:14px;background:#342c25}.hc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:#3e342b;border-bottom:1px solid #5b4b3a;flex-shrink:0}.hc-title{font-size:20px;font-weight:600}.hc-step{font-size:12px;color:#c4b291}.hc-hero{display:flex;align-items:center;gap:14px;padding:18px;flex-shrink:0}.hc-hero-text{min-width:0}.hc-output-name{display:block;font-size:20px;font-weight:600}.hc-output-meta{display:block;font-size:12px;margin-top:5px;color:#d0bd9d}.hc-hero .hc-hero-icon{display:block;flex:0 0 70px;width:70px;height:70px;font-size:56px}.hc-materials{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.hc-material{display:inline-flex;gap:4px;align-items:center;font-size:11px;color:#c9b99d}.hc-material .hc-material-icon{display:inline-block;width:22px;height:22px;font-size:18px}.hc-list{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#89744c transparent;padding:2px 16px 10px;scroll-padding:6px}.hc-row{display:flex;align-items:center;gap:10px;padding:11px 14px;margin-bottom:7px;min-height:26px;border:1px solid #62503b;border-radius:10px;background:#3e3329;scroll-margin:6px 0}.hc-row.selected{border-color:transparent;background:#50422c;box-shadow:inset 0 0 0 2px #efc343}.hc-row.dim:not(.selected){background:#2c2621;border-color:#493e33}.hc-row.dim .hc-option-label{color:#aa987d}.hc-row.dim.selected .hc-option-label{color:#d2b993}.hc-row.dim .hc-row-icon{opacity:.45;filter:saturate(.3)}.hc-row .hc-row-icon{display:inline-block;width:34px;height:34px;flex:0 0 34px;font-size:28px}.hc-option-label{line-height:1.3;font-weight:500}.hc-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;padding:12px 16px;border-top:1px solid #5b4b3a;background:#302821;font-size:11px;color:#c6b699}.hc-choose,.hc-close{display:inline-flex;gap:6px;align-items:center}.hc-choose{background:#e8bf50;color:#302518;border-radius:8px;padding:7px 10px;border-bottom:3px solid #9b7a2d;font-size:13px;font-weight:600}.hc-choose .kbd{color:#f6ead0}@media(max-height:600px){.social-menu.handcraft-menu{max-height:calc(100vh - 24px)}.hc-header{padding:9px 14px}.hc-title{font-size:18px}.hc-hero{padding:10px 14px;gap:10px}.hc-hero .hc-hero-icon{width:48px;height:48px;flex-basis:48px;font-size:40px}.hc-output-name{font-size:17px}.hc-materials{margin-top:4px}.hc-row{padding-top:7px;padding-bottom:7px;margin-bottom:5px}.hc-footer{padding:8px 14px}}@media(max-width:480px){.hc-title{font-size:18px}.hc-header,.hc-footer{padding-left:12px;padding-right:12px}.hc-footer{gap:8px;flex-wrap:wrap}.hc-move{font-size:10px}.hc-choose{font-size:12px;padding:6px 8px}}.social-row[role=button],.hc-row[role=button]{cursor:pointer}.social-row[role=button]:hover,.hc-row[role=button]:hover{outline:1px solid #c8a66a;background:#514534}.quantity-controls{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.quantity-controls input{width:120px;background:#241f19;color:#eee2c6;border:1px solid #99866a;border-radius:6px;padding:8px;font:inherit}.quantity-controls button{background:#514534;color:#eee2c6;border:1px solid #99866a;border-radius:6px;padding:8px;font:inherit;cursor:pointer}@media(hover:hover){.pn-hit:hover:not(.selected):not(.active):not(.pick-source){outline:1px solid #c8a66a}}