:root{--brand-parchment:#f5e6d3;--brand-cream:#e8d5b7;--brand-leather:#d4a574;--brand-wine:#4a0e0e;--brand-gold:#c9a227;--brand-seal:#2c5f2d;--brand-ink:#2a1810;--wood-dark:#1a0e05;--wood-med:#2e1b0e;--wood-light:#5c3a1e;--wood-grain:#3d2410;--gold:var(--brand-gold);--gold-bright:#f0c94a;--gold-dim:#8b6914;--gold-glow:#c9a227b3;--parchment:var(--brand-parchment);--parchment-dark:var(--brand-leather);--parchment-mid:var(--brand-cream);--stone-dark:#1e1a17;--stone-med:#3a3330;--stone-light:#5c554e;--leather:#7b4e2d;--blood:#6b1515;--blood-bright:#c22;--magic-purple:indigo;--magic-glow:#a03cdcb3;--shadow-heavy:#000000d9;--shadow-med:#0009;--ui-surface:var(--brand-ink);--ui-surface-strong:color-mix(in srgb, var(--brand-ink), white 8%);--ui-border:color-mix(in srgb, var(--brand-gold), transparent 60%);--ui-border-strong:color-mix(in srgb, var(--brand-gold), transparent 40%);--ui-text:var(--brand-parchment);--ui-text-muted:color-mix(in srgb, var(--brand-parchment), transparent 35%);--ui-text-muted-on-light:color-mix(in srgb, var(--brand-ink), transparent 30%);--ui-accent:var(--brand-gold);--ui-danger:#f0746a;--ui-success:#6dbb70;--ui-magic:#b69ade;--ui-input-bg:#0a060499;--ui-radius:8px;--ui-radius-sm:6px;--text-light:var(--brand-parchment);--font-main:"Cinzel", "Georgia", serif;--font-title:"Cinzel Decorative", "MedievalSharp", serif;--font-body:"EB Garamond", "Georgia", serif;--text-3xs:9px;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:14px;--text-xl:16px;--text-2xl:18px;--text-3xl:22px;--text-display:38px;--text-display-lg:48px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--z-canvas:0;--z-world-label:10;--z-mobile-ctrl:50;--z-hud:100;--z-chat:150;--z-panel:500;--z-panel-back:499;--z-modal:1000;--z-modal-back:999;--z-overlay:2000;--z-toast:5000;--z-combat-fx:400;--z-invite-toast:4900;--z-notification:8000;--z-drag-ghost:8500;--z-system:9000;--z-system-auth:9001;--z-system-tour:9100;--z-update-banner:9200;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--ui-scale:1;--anim-fast:.12s;--anim-base:.18s;--anim-slow:.3s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}@media (width>=768px) and (width<=1023px){:root{--ui-scale:.85}}@media (width<=767px) and (orientation:portrait){:root{--ui-scale:.7}}@media (width<=767px) and (orientation:landscape){:root{--ui-scale:.65}}body{font-family:var(--font-main);margin:0;overflow:hidden}canvas{touch-action:none;-webkit-tap-highlight-color:transparent;outline:none}#css2d-layer{z-index:var(--z-world-label);pointer-events:none}.floating-nameplate{align-items:center;gap:var(--space-1);pointer-events:none;white-space:nowrap;flex-direction:column;display:flex;position:relative}.floating-hp,.floating-mana,.floating-shield{appearance:none;background:#222;border:none;border-radius:3px;width:60px;height:6px;display:block;overflow:hidden}.floating-shield{height:4px;margin-bottom:2px}.floating-hp::-webkit-progress-bar{background:#222;border-radius:3px}.floating-hp::-webkit-progress-value{background:#2c4;border-radius:3px}.floating-hp::-moz-progress-bar{background:#2c4;border-radius:3px}.floating-mana::-webkit-progress-bar{background:#222;border-radius:3px}.floating-mana::-webkit-progress-value{background:#4af;border-radius:3px}.floating-mana::-moz-progress-bar{background:#4af;border-radius:3px}.floating-shield::-webkit-progress-bar{background:#0000008c;border-radius:2px}.floating-shield::-webkit-progress-value{background:#aaa;border-radius:2px}.floating-shield::-moz-progress-bar{background:#aaa;border-radius:2px}.floating-name{font-family:var(--font-main);font-size:var(--text-xs);color:#fff;text-shadow:0 1px 3px #000000e6;white-space:nowrap;text-align:center;pointer-events:none;margin:0}.floating-guild{font-family:var(--font-main);font-size:var(--text-3xs);color:#c9963d;text-shadow:0 1px 3px #000000e6;white-space:nowrap;text-align:center;pointer-events:none;display:block}.entity-label{display:none}.entity-label:not(.floating-name){color:var(--parchment);text-shadow:0 1px 3px #000000e6}body.debug-on .entity-label{display:block}#loading-screen{z-index:var(--z-system);background:radial-gradient(#1a0e05 0%,#0a0604 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loading-screen.ls-fade-out{animation:.6s ease-out forwards ls-fade}@keyframes ls-fade{0%{opacity:1}to{opacity:0}}.ls-inner{text-align:center;align-items:center;gap:var(--space-6);border:2px solid var(--gold-dim);background:#0a0604b3;flex-direction:column;width:90%;max-width:480px;padding:28px 20px;display:flex;box-shadow:0 0 40px #daa52026,inset 0 0 60px #00000080}.ls-title{font-family:var(--font-body);font-size:var(--text-display);font-variant:small-caps;color:var(--brand-parchment);text-shadow:0 0 24px var(--gold-glow), 0 2px 4px #000000e6;letter-spacing:.05em;font-weight:500;animation:3s ease-in-out infinite ls-glow-pulse}.ls-subtitle{font-family:var(--font-main);font-size:var(--text-lg);color:var(--parchment-dark);letter-spacing:6px;text-transform:uppercase;opacity:.75}.ls-rune-row{font-size:var(--text-2xl);color:var(--gold-dim);letter-spacing:4px;opacity:.5;margin:var(--space-2) 0}.ls-progress-wrap{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;margin-top:8px;display:flex}.ls-progress-track{border:1px solid var(--gold-dim);border-radius:var(--ui-radius-sm);background:#ffffff14;width:100%;height:6px;overflow:hidden}.ls-progress-fill{background:linear-gradient(90deg, var(--gold-dim), var(--ui-accent));border-radius:var(--ui-radius-sm);width:0%;height:100%;box-shadow:0 0 8px var(--gold-glow);transition:width .25s ease-out}.ls-progress-label{font-family:var(--font-main);font-size:var(--text-xs);color:var(--gold);letter-spacing:2px}.ls-status{font-family:var(--font-main);font-size:var(--text-md);color:var(--parchment-dark);opacity:.7;letter-spacing:1px;min-height:18px;margin:0;animation:2s ease-in-out infinite ls-blink}@keyframes ls-glow-pulse{0%,to{text-shadow:0 0 20px var(--gold-glow), 0 2px 4px #000c}50%{text-shadow:0 0 35px var(--gold-glow), 0 0 60px #daa5204d, 0 2px 4px #000c}}@keyframes ls-blink{0%,to{opacity:.7}50%{opacity:.4}}.ls-status-error{font-weight:600;color:var(--blood-bright)!important;opacity:1!important;animation:none!important}.ls-retry{background:linear-gradient(180deg, var(--wood-light), var(--wood-med));color:var(--brand-parchment);border:1px solid var(--gold-dim);border-radius:var(--ui-radius-sm);font-family:var(--font-main);font-size:var(--text-md);letter-spacing:3px;text-transform:uppercase;cursor:pointer;margin-top:14px;padding:10px 24px;transition:background .2s,box-shadow .2s}.ls-retry:hover{background:linear-gradient(180deg, var(--gold-dim), var(--wood-light));box-shadow:0 0 16px var(--gold-glow)}#auth-screen{z-index:var(--z-system-auth);background:radial-gradient(#1a0e05 0%,#0a0604 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#auth-screen.auth-fade-out{animation:.6s ease-out forwards ls-fade}.auth-inner{text-align:center;align-items:center;gap:var(--space-7);border:2px solid var(--gold-dim);background:#0a0604b3;flex-direction:column;width:90%;max-width:440px;padding:32px 24px;display:flex;box-shadow:0 0 40px #daa52026,inset 0 0 60px #00000080}.auth-title{font-family:var(--font-body);font-size:var(--text-display);font-variant:small-caps;color:var(--brand-parchment);text-shadow:0 0 24px var(--gold-glow), 0 2px 4px #000000e6;letter-spacing:.05em;font-weight:500;animation:3s ease-in-out infinite ls-glow-pulse}.auth-subtitle{font-family:var(--font-main);font-size:var(--text-md);color:var(--parchment-dark);letter-spacing:5px;text-transform:uppercase;opacity:.75}.auth-rune-row{font-size:var(--text-2xl);color:var(--gold-dim);letter-spacing:4px;opacity:.5;margin:var(--space-1) 0}.auth-form{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.auth-fields{gap:var(--space-5);flex-direction:column;display:flex}.auth-field{gap:var(--space-2);text-align:left;flex-direction:column;display:flex}.auth-field label{font-family:var(--font-main);font-size:var(--text-xs);color:var(--gold);letter-spacing:2px;text-transform:uppercase}.auth-field input{width:100%;padding:var(--space-5) var(--space-6);border:1px solid var(--parchment-dark);color:var(--wood-dark);font-family:var(--font-main);font-size:var(--text-lg);box-sizing:border-box;background:#fff8e6e6;outline:none}.auth-field input:focus{border-color:var(--ui-accent);box-shadow:0 0 8px var(--gold-glow)}.auth-field input::placeholder{color:var(--ui-text-muted-on-light);font-style:italic;font-size:var(--text-sm)}.auth-error{font-family:var(--font-main);font-size:var(--text-sm);color:var(--blood-bright);letter-spacing:.5px;min-height:18px}.auth-submit{width:100%;padding:var(--space-6);background:linear-gradient(180deg, var(--ui-surface-strong), var(--ui-surface));border:1px solid var(--gold-dim);color:var(--parchment);font-family:var(--font-main);font-size:var(--text-lg);letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-weight:700;transition:all .2s}.auth-submit:hover:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--ui-surface-strong), var(--ui-accent) 25%), var(--ui-surface-strong));border-color:var(--ui-accent);box-shadow:0 0 12px var(--gold-glow)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch-wrap{margin-top:4px}.auth-switch{font-family:var(--font-main);font-size:var(--text-sm);color:var(--gold);letter-spacing:1px;cursor:pointer;text-decoration:none;transition:color .2s}.auth-switch:hover{color:var(--ui-accent);text-decoration:underline}.settings-panel{box-sizing:border-box;width:100%;max-width:100%;padding:0}.settings-title{font-family:var(--font-title);font-size:var(--text-3xl);color:var(--gold-bright);text-align:center;margin:0 0 var(--space-8);letter-spacing:2px}.settings-section{padding:var(--space-6) var(--space-7);border:1px solid var(--gold-dim);background:#ffffff0a;border-radius:6px;margin-bottom:14px}.settings-section-title{font-family:var(--font-main);font-size:var(--text-md);color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin:0 0 var(--space-6)}.settings-row{align-items:stretch;gap:var(--space-3);padding:var(--space-5) 0;flex-direction:column;display:flex}.settings-row label{font-family:var(--font-main);font-size:var(--text-lg);color:var(--parchment)}.settings-row input[type=range]{width:100%;height:32px;accent-color:var(--gold-bright);flex:1}.settings-range-val{font-family:var(--font-main);font-size:var(--text-sm);color:var(--gold);text-align:right;min-width:36px}.settings-row select{border:1px solid var(--parchment-dark);color:var(--wood-dark);font-family:var(--font-main);font-size:var(--text-xl);padding:var(--space-5) var(--space-6);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:#fff8e6e6;border-radius:4px;width:100%;max-width:100%;min-height:44px;overflow:hidden}.settings-row input[type=checkbox]{accent-color:var(--gold-bright);align-self:flex-start;width:26px;height:26px}.settings-apply,.settings-logout{min-height:48px;font-size:var(--text-xl)}@media (width>=601px){.settings-section{padding:var(--space-5) var(--space-6)}.settings-section-title{font-size:var(--text-sm);margin-bottom:10px}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;flex-direction:row}.settings-row label{font-size:var(--text-md);flex-shrink:0}.settings-row input[type=range]{max-width:140px;height:auto}.settings-range-val{font-size:var(--text-xs)}.settings-row select{font-size:var(--text-md);padding:var(--space-2) var(--space-4);width:auto;min-width:0;max-width:60%;min-height:0}.settings-row input[type=checkbox]{align-self:auto;width:18px;height:18px}.settings-apply,.settings-logout{min-height:0;font-size:var(--text-sm)}}.settings-username{font-family:var(--font-main);font-size:var(--text-lg);color:var(--gold-bright);letter-spacing:1px}.settings-apply-row{padding:var(--space-1) 0 var(--space-3)}.settings-apply{width:100%;padding:var(--space-4) var(--space-6);color:var(--parchment);font-family:var(--font-main);font-size:var(--text-sm);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#3a6b2a,#254518);border:1px solid #4a8b3a;font-weight:700;transition:all .2s}.settings-apply:hover{background:linear-gradient(#4a8b3a,#2d5a1f);border-color:#6aaa5a}.settings-apply:disabled{cursor:default;opacity:.7;background:linear-gradient(#555,#333);border-color:#666}.settings-logout{width:100%;padding:var(--space-5);color:var(--parchment);font-family:var(--font-main);font-size:var(--text-md);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#6b2222,#4a1515);border:1px solid #8b3333;margin-top:8px;font-weight:700;transition:all .2s}.settings-logout:hover{background:linear-gradient(#8b3333,#5a1d1d);border-color:#b44}.settings-tab-panel{box-sizing:border-box;width:100%}.settings-tab-panel.settings-panel{max-width:100%;padding:0}.settings-tab-panel.settings-keybindings-panel{color:#f4e4b5}.keybindings-content button[data-action]{min-width:64px!important;min-height:44px!important;font-size:var(--text-xl)!important;padding:var(--space-3) var(--space-7)!important}@media (width>=601px){.keybindings-content button[data-action]{min-width:52px!important;min-height:0!important;font-size:var(--text-md)!important;padding:var(--space-2) var(--space-6)!important}}.hud-zone-top{top:calc(var(--nav-bar-height,46px) + var(--safe-top,0px));padding:8px max(6px, calc(6px + var(--safe-right))) 0 max(6px, calc(6px + var(--safe-left)));z-index:var(--z-hud);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex;position:fixed;left:0;right:0}.hud-zone-top>*{pointer-events:auto}.hud-zone-top .hud-left{align-items:flex-start;gap:var(--space-4);flex-direction:row;flex-shrink:1;min-width:0;display:flex}.hud-zone-top .hud-right{align-items:flex-start;gap:var(--space-4);flex-shrink:0;display:flex}.hud-zone-bottom{padding:0 0 max(8px, calc(8px + var(--safe-bottom))) 0;z-index:var(--z-hud);pointer-events:none;align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.hud-zone-bottom>*{pointer-events:auto}.hud-zone-bl{bottom:max(40px, calc(40px + var(--safe-bottom)));left:max(40px, calc(40px + var(--safe-left)));z-index:var(--z-mobile-ctrl);pointer-events:none;align-items:center;gap:calc(12px * var(--ui-scale));flex-direction:column;display:none;position:fixed}.touch-device .hud-zone-bl{display:flex}.hud-zone-bl>*{pointer-events:auto}.hud-zone-br{bottom:max(40px, calc(40px + var(--safe-bottom)));right:max(40px, calc(40px + var(--safe-right)));z-index:var(--z-mobile-ctrl);pointer-events:none;display:none;position:fixed}.touch-device .hud-zone-br{display:block}.hud-zone-br>*{pointer-events:auto}.hud-zone-info{bottom:max(8px, calc(8px + var(--safe-bottom)));right:max(8px, calc(8px + var(--safe-right)));align-items:flex-end;gap:var(--space-2);z-index:var(--z-hud);pointer-events:none;flex-direction:column;display:flex;position:fixed}.hud-zone-info>*{pointer-events:auto}.touch-device .hud-zone-info{bottom:max(140px, calc(140px + var(--safe-bottom)))}.panel-region{width:100vw;height:100dvh;z-index:var(--z-panel);-webkit-overflow-scrolling:touch;padding:0 var(--space-4) var(--space-4);box-sizing:border-box;background:#000000e6;flex-direction:column;align-items:center;display:none;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.panel-region.open{display:flex}.panel-back-btn{z-index:2;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-8);background:linear-gradient(180deg, var(--wood-med) 0%, var(--wood-dark) 100%);border:none;border-bottom:2px solid var(--gold-dim);color:var(--gold-bright);font-family:var(--font-main);font-size:var(--text-md);cursor:pointer;letter-spacing:1px;text-align:left;width:100%;display:flex;position:sticky;top:0}.panel-back-btn:active{background:linear-gradient(180deg, var(--wood-light) 0%, var(--wood-med) 100%)}p{font-size:var(--text-md);font-family:var(--font-main);margin:var(--space-2) 0}.firstmessage{color:var(--gold);font-style:italic;font-size:var(--text-sm);top:10%}.chatbox{border:3px solid var(--wood-light);border-top:4px solid var(--gold-dim);opacity:.6;left:max(0px, var(--safe-left));bottom:max(0px, var(--safe-bottom));min-width:140px;max-width:50vw;min-height:80px;max-height:30vh;box-shadow:4px 0 12px var(--shadow-heavy), inset 0 0 30px #b4823c1f, inset 2px 0 6px #0000001a;z-index:var(--z-chat);font-size:var(--text-xs);background:linear-gradient(#f8edd8 0%,#ecddb8 40%,#f4e8cc 100%);border-radius:0 8px 0 0;flex-direction:column;transition:opacity .25s;display:flex;position:fixed;overflow:hidden}.chatbox:hover,.chatbox.chat-active{opacity:1}.chatbox:before{content:"⚜ Chat ⚜";text-align:center;font-family:var(--font-title);font-size:var(--text-xs);color:var(--gold);padding:var(--space-2) 0 var(--space-1);border-bottom:1px solid var(--parchment-dark);letter-spacing:2px;flex:none;display:block}.chat-messages{min-height:0;padding:var(--space-1) var(--space-2);flex:auto;overflow:hidden auto}.textarea{border:1px solid var(--parchment-dark);width:calc(100% - 50px);color:var(--wood-dark);font-family:var(--font-main);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);resize:none;background:#fff8e6e6;border-radius:3px;outline:none}.textarea::placeholder{color:var(--ui-text-muted-on-light);font-style:italic}.textarea:focus{border-color:var(--gold);box-shadow:0 0 6px var(--gold-glow)}.sendbutton{border:1px solid var(--gold-dim);color:var(--parchment);font-family:var(--font-main);font-size:var(--text-xs);cursor:pointer;padding:var(--space-2) var(--space-4);letter-spacing:1px;background:linear-gradient(#7b5228 0%,#5c3a1e 100%);border-radius:3px;transition:all .2s}.sendbutton:hover{color:var(--gold-bright);box-shadow:0 0 8px var(--gold-glow);background:linear-gradient(#9c6935 0%,#7b4e28 100%)}.resizer{background:var(--gold-dim);cursor:ne-resize;opacity:.7;z-index:1;clip-path:polygon(0 0,100% 0,100% 100%);border-radius:2px;width:14px;height:14px;position:absolute;top:2px;right:2px}.touch-device .resizer,.chat-toggle-btn{display:none}.touch-device .chat-toggle-btn{bottom:max(8px, calc(8px + var(--safe-bottom)));left:max(8px, calc(8px + var(--safe-left)));z-index:var(--z-chat);background:linear-gradient(135deg, var(--wood-med), var(--wood-dark));border:1px solid var(--gold-dim);width:40px;height:40px;color:var(--gold);font-size:var(--text-2xl);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 2px 8px #0009}.touch-device .chatbox{display:none}.touch-device .chatbox.chat-open{bottom:max(56px, calc(56px + var(--safe-bottom)));left:max(8px, calc(8px + var(--safe-left)));display:flex}.voice-toggle-btn{right:max(12px, calc(12px + var(--safe-right)));bottom:max(60px, calc(60px + var(--safe-bottom)));z-index:var(--z-chat);background:linear-gradient(135deg, var(--wood-med), var(--wood-dark));border:1px solid var(--gold-dim);width:44px;height:44px;color:var(--gold);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:border-color .15s,box-shadow .15s;display:flex;position:fixed;box-shadow:0 2px 8px #0009}.voice-toggle-btn:hover{border-color:var(--gold)}.voice-toggle-btn.voice-toggle-on{border-color:var(--gold);box-shadow:0 0 8px #daa520b3,0 2px 8px #0009}.voice-toggle-btn.voice-toggle-live{animation:1.1s ease-in-out infinite voice-toggle-pulse;box-shadow:0 0 14px #50dc78d9,0 2px 8px #0009}@keyframes voice-toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.voice-toggle-btn.voice-toggle-unsupported{cursor:not-allowed}.rpg-panel{--slot-size:min(calc(50px * var(--ui-scale)), calc((90vw - 56px) / 5));border:2px solid var(--gold);box-shadow:0 0 0 1px var(--gold-dim), 0 12px 40px var(--shadow-heavy), inset 0 1px 0 #daa5204d, inset 0 0 30px #0009;padding:var(--space-5);-webkit-user-select:none;user-select:none;box-sizing:border-box;background:linear-gradient(160deg,#2e1b0e 0%,#1a0e05 35%,#241408 65%,#2e1b0e 100%);border-radius:10px;flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex;position:relative}.rpg-panel:before{content:"";pointer-events:none;border:1px solid #daa52026;border-radius:7px;position:absolute;inset:4px}.rpg-equipment-section{width:calc(var(--slot-size) * 5);height:calc(var(--slot-size) * 7.5);background:linear-gradient(145deg,#1e1a1799 0%,#14100ccc 100%);border:1px solid #8b691466;border-radius:6px;margin-bottom:15px;position:relative;box-shadow:inset 0 2px 8px #000000b3}.rpg-slot{width:var(--slot-size,48px);height:var(--slot-size,48px);background:linear-gradient(145deg,#1a1512 0%,#252018 50%,#1a1512 100%);border:1px solid #8b691480;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;box-shadow:inset 0 2px 5px #000000e6,inset 0 0 12px #0009}.rpg-slot:before{content:"";pointer-events:none;border:1px solid #8b691433;border-radius:2px;position:absolute;inset:3px}.rpg-slot:hover{border-color:var(--gold-bright);z-index:2;background:linear-gradient(145deg,#2a2218 0%,#352a1e 50%,#2a2218 100%);transform:scale(1.06);box-shadow:0 0 14px #ffd70080,inset 0 0 12px #0009}.rpg-slot.drag-over{border-color:var(--gold-bright);box-shadow:0 0 18px var(--gold-bright), inset 0 0 10px #ffd7001a;background:#c9963d33}.rpg-slot.drag-merge{border-color:var(--ui-success);box-shadow:0 0 18px var(--ui-success), inset 0 0 10px #6dbb701a;background:#6dbb7033}.rpg-grid{grid-template-columns:repeat(5, var(--slot-size,48px));grid-gap:8px;display:grid}.rpg-item{width:calc(var(--slot-size,48px) - 8px);height:calc(var(--slot-size,48px) - 8px);cursor:grab;filter:drop-shadow(0 4px 6px #000c);transition:transform .1s}.rpg-item:active{cursor:grabbing;transform:scale(.9)}.rpg-hotbar-container{gap:calc(10px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(16px * var(--ui-scale)) calc(10px * var(--ui-scale));border:2px solid var(--gold);box-shadow:0 0 0 1px var(--gold-dim), 0 6px 24px var(--shadow-heavy), inset 0 1px 0 #daa52040, inset 0 -2px 6px #00000080;background:linear-gradient(#3a3330 0%,#2a2220 50%,#3a3330 100%);border-radius:8px 8px 5px 5px;display:flex;position:relative}.rpg-hotbar-container:before{content:"⚜";color:var(--gold);font-size:var(--text-2xl);text-shadow:0 0 8px var(--gold-glow);background:var(--stone-dark);padding:0 var(--space-2);line-height:1;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.rpg-hotbar-slot{width:calc(60px * var(--ui-scale));height:calc(60px * var(--ui-scale));background:linear-gradient(145deg,#1a1512 0%,#252018 50%,#1a1512 100%);border:2px solid #8b691499;border-radius:6px;justify-content:center;align-items:center;transition:transform .1s,border-color .2s;display:flex;position:relative;box-shadow:inset 0 2px 6px #000000e6,0 3px 8px #0009}.rpg-hotbar-slot:hover{border-color:var(--gold-bright);box-shadow:0 0 12px #ffd70066,inset 0 2px 6px #000000e6}.rpg-hotbar-key-badge{top:calc(2px * var(--ui-scale));left:calc(2px * var(--ui-scale));background:linear-gradient(145deg, var(--gold) 0%, var(--gold-dim) 100%);color:var(--wood-dark);font-weight:700;font-family:var(--font-main);font-size:max(10px, calc(11px * var(--ui-scale)));min-width:calc(18px * var(--ui-scale));height:calc(18px * var(--ui-scale));padding:0 calc(4px * var(--ui-scale));border:1px solid var(--wood-dark);z-index:3;pointer-events:none;text-transform:uppercase;border-radius:9px;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;box-shadow:0 2px 5px #000000b3}.rpg-hotbar-cost-badge{top:calc(2px * var(--ui-scale));right:calc(2px * var(--ui-scale));color:#fff;font-weight:700;font-family:var(--font-main);font-size:max(10px, calc(10px * var(--ui-scale)));min-width:calc(18px * var(--ui-scale));height:calc(18px * var(--ui-scale));padding:0 calc(4px * var(--ui-scale));z-index:3;pointer-events:none;border-radius:9px;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;box-shadow:0 2px 5px #000000b3}.rpg-hotbar-cost-badge.is-mana{text-shadow:0 0 3px #000000e6;background:linear-gradient(145deg,#3b82f6 0%,#1e3a8a 100%);border:1px solid #0b1d4a}.rpg-hotbar-cost-badge.is-stamina{text-shadow:0 0 3px #000000e6;background:linear-gradient(145deg,#84cc16 0%,#3f6212 100%);border:1px solid #1a2e07}.rpg-hotbar-trait-badge{bottom:calc(2px * var(--ui-scale));right:calc(2px * var(--ui-scale));font-size:calc(10px * var(--ui-scale));color:gold;text-shadow:0 0 3px #000000e6;z-index:3;pointer-events:none;line-height:1;position:absolute}.rpg-hotbar-icon{width:calc(46px * var(--ui-scale));height:calc(46px * var(--ui-scale));cursor:pointer;background-position:50%;background-size:cover;border-radius:4px;transition:opacity .2s,filter .2s}.rpg-hotbar-icon.insufficient{opacity:.5;filter:grayscale(90%)}.rpg-hotbar-range-tip{padding:var(--space-1) var(--space-4);white-space:nowrap;font-size:var(--text-xs);color:var(--ui-text);background:var(--ui-surface-strong);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);pointer-events:none;opacity:0;z-index:30;line-height:1.4;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.rpg-hotbar-range-tip.is-visible{opacity:1}.panel-tab-content{width:100%}.perf-indicator{gap:var(--space-4);font-family:Courier New,monospace;font-size:var(--text-xs);color:var(--text-light);padding:var(--space-1) var(--space-4);pointer-events:none;-webkit-user-select:none;user-select:none;background:#00000080;border:1px solid #8b69144d;border-radius:4px;margin-left:auto;display:flex}:root{--nav-bar-height:46px}.nav-tabs{justify-content:space-between;align-items:center;gap:var(--space-4);padding:4px max(8px, var(--safe-right,8px)) 4px max(8px, var(--safe-left,8px));border-bottom:1px solid var(--gold-dim);padding-top:max(4px, calc(4px + var(--safe-top,0px)));min-height:var(--nav-bar-height);z-index:calc(var(--z-hud,100) + 1);background:linear-gradient(#2e1b0eeb 0%,#1a0e05eb 100%);flex-direction:row;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px #0009}.nav-tabs-group{align-items:center;gap:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;flex-flow:row;min-width:0;display:flex;overflow-x:auto}.nav-tabs-group::-webkit-scrollbar{height:6px}.nav-tabs-group::-webkit-scrollbar-track{background:0 0}.nav-tabs-group::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.nav-tabs-group::-webkit-scrollbar-thumb:hover{background:var(--gold)}.nav-tabs-group--overflow-start.nav-tabs-group--overflow-end{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%)}.nav-tabs-group--overflow-start:not(.nav-tabs-group--overflow-end){-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px);mask-image:linear-gradient(90deg,#0000 0,#000 12px)}.nav-tabs-group--overflow-end:not(.nav-tabs-group--overflow-start){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 12px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 12px),#0000 100%)}.nav-tabs-registry{display:contents}.nav-tabs-weather-slot{align-items:center;gap:var(--space-3);flex-shrink:0;padding-right:4px;display:flex}.nav-tab-btn{justify-content:center;align-items:center;gap:var(--space-3);height:calc(38px * var(--ui-scale));cursor:pointer;color:var(--parchment-dark);font-family:var(--font-main);padding:2px calc(14px * var(--ui-scale));-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:row;transition:background .15s,border-color .15s,color .15s;display:flex}.nav-tab-carry-badge{min-width:30px;height:16px;color:var(--parchment,#e8dcc0);font-size:var(--text-2xs);font-weight:700;line-height:1;font-family:var(--font-main);pointer-events:auto;background:#3f5d24;border:1px solid #0000008c;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 5px;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.nav-tab-carry-badge[data-band=overloaded]{border-color:#e05a3ae6;box-shadow:0 0 6px #e05a3a73}.nav-tab-btn:hover,.nav-tab-btn:active{color:var(--gold-bright);background:#c9963d26;border-color:#c9963d4d}.nav-tab-btn.active{border-color:var(--gold);color:var(--gold-bright);background:#c9963d33}.touch-device .rpg-panel{--slot-size:max(44px, min(calc(50px * var(--ui-scale)), calc((90vw - 56px) / 5)))}.touch-device .rpg-hotbar-slot{width:max(44px, calc(60px * var(--ui-scale)));height:max(44px, calc(60px * var(--ui-scale)))}.touch-device .nav-tab-btn{height:max(44px, calc(38px * var(--ui-scale)))}.nav-tab-icon{font-size:var(--text-2xl);justify-content:center;align-items:center;line-height:1;display:inline-flex}.nav-tab-icon svg{width:1em;height:1em;display:block}.nav-tab-label{font-size:var(--text-2xs);color:var(--parchment-dark);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;line-height:1}.nav-tab-key{font-size:var(--text-3xs);color:var(--gold);border:1px solid var(--gold-dim);padding:var(--space-1) var(--space-2);border-radius:3px;margin-left:2px;line-height:1}.nav-tabs-collapse-btn{padding:var(--space-1) var(--space-5);flex-shrink:0;margin-left:auto}.nav-tabs.collapsed{box-shadow:none;padding:max(4px, var(--safe-top,4px)) max(8px, var(--safe-right,8px)) 0 auto;pointer-events:none;background:0 0;border-bottom:none;justify-content:flex-end;min-height:0}.nav-tabs.collapsed>:not(.nav-tabs-collapse-btn){display:none!important}.nav-tabs.collapsed>.nav-tabs-collapse-btn{pointer-events:auto;appearance:none;border:1px solid var(--gold-dim);background:linear-gradient(#2e1b0eeb 0%,#1a0e05eb 100%);border-radius:6px;box-shadow:0 4px 12px #0009}.weather-indicator,.day-night-clock{color:#f4e4b5;border:1px solid var(--gold-dim);padding:var(--space-2) var(--space-5);font-family:Cinzel,Georgia,serif;font-size:var(--text-xs);pointer-events:none;white-space:nowrap;align-items:center;gap:var(--space-2);background:#1a0e05a6;border-radius:6px;display:inline-flex}.day-night-clock{color:gold}.ui-tut-overlay{z-index:var(--z-system-tour);pointer-events:none;font-family:var(--font-main);position:fixed;inset:0}.ui-tut-mask{pointer-events:none;background:#000000b8;transition:all .18s;position:fixed}.ui-tut-highlight{pointer-events:none;border:2px solid var(--ui-border-strong);border-radius:8px;transition:all .18s;animation:1.6s ease-in-out infinite ui-tut-pulse;position:fixed;box-shadow:0 0 0 2px #0009,0 0 16px 4px #f0c94aa6,inset 0 0 12px #f0c94a40}@keyframes ui-tut-pulse{0%,to{box-shadow:0 0 0 2px #0009,0 0 14px 3px #f0c94a8c,inset 0 0 10px #f0c94a2e}50%{box-shadow:0 0 0 2px #0009,0 0 22px 6px #f0c94ad9,inset 0 0 14px #f0c94a52}}.ui-tut-modal{pointer-events:auto;background:linear-gradient(135deg, var(--ui-surface-strong), var(--ui-surface));width:360px;max-width:calc(100vw - 32px);color:var(--ui-text);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);position:fixed;overflow:hidden;box-shadow:0 0 22px #c9963d80,0 14px 44px #000000eb}.ui-tut-modal-header{gap:var(--space-2);padding:var(--space-5) var(--space-7) var(--space-4);background:linear-gradient(180deg, var(--ui-surface-strong), var(--ui-surface));border-bottom:1px solid var(--ui-border);flex-direction:column;display:flex}.ui-tut-step-counter{font-size:var(--text-2xs);color:var(--ui-accent);letter-spacing:2px;text-transform:uppercase;font-weight:700}.ui-tut-modal-title{font-size:var(--text-xl);color:var(--ui-accent);letter-spacing:1px;text-shadow:0 0 6px #ffd70059;font-weight:700}.ui-tut-modal-body{padding:var(--space-6) var(--space-8);font-size:var(--text-md);color:var(--ui-text);line-height:1.55}.ui-tut-modal-body b{color:var(--ui-accent)}.ui-tut-progress{height:4px;margin:0 var(--space-8);border:1px solid var(--ui-border);background:#00000080;border-radius:2px;overflow:hidden}.ui-tut-progress-fill{background:linear-gradient(90deg, var(--ui-border), var(--ui-accent));height:100%;transition:width .35s}.ui-tut-modal-actions{justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-8) var(--space-7);display:flex}.ui-tut-btn{padding:var(--space-4) var(--space-7);font-family:var(--font-main);font-size:var(--text-sm);letter-spacing:1px;text-transform:uppercase;border-radius:var(--ui-radius-sm);cursor:pointer;flex:1;transition:all .18s}.ui-tut-btn-prev{color:var(--ui-text-muted);border:1px solid var(--ui-border);background:0 0}.ui-tut-btn-prev:hover:not(:disabled){color:var(--ui-accent);border-color:var(--ui-border-strong)}.ui-tut-btn-prev:disabled{opacity:.35;cursor:not-allowed}.ui-tut-btn-next{background:linear-gradient(180deg, var(--ui-surface-strong), var(--ui-surface));color:var(--ui-accent);border:1px solid var(--ui-border-strong);font-weight:700}.ui-tut-btn-next:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--ui-surface-strong), var(--ui-accent) 25%), var(--ui-surface-strong));box-shadow:0 0 12px #ffd70059}.ui-tut-skip-btn{right:max(16px, var(--safe-right,16px));bottom:max(16px, var(--safe-bottom,16px));pointer-events:auto;padding:var(--space-5) var(--space-8);font-family:var(--font-main);font-size:var(--text-sm);letter-spacing:1px;text-transform:uppercase;color:var(--ui-text-muted);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);cursor:pointer;transition:all .18s;position:fixed;box-shadow:0 6px 18px #0009}.ui-tut-skip-btn:hover{color:var(--ui-accent);border-color:var(--ui-border-strong);background:var(--ui-surface-strong)}@media (width<=640px){.ui-tut-modal{width:calc(100vw - 24px);max-width:380px}.ui-tut-skip-btn{font-size:var(--text-xs);padding:var(--space-4) var(--space-6)}}.draggable-handle{cursor:move;-webkit-user-select:none;user-select:none}.draggable-handle:hover{filter:brightness(1.1)}.modal-overlay-dock{top:calc(var(--nav-bar-height,46px) + var(--safe-top,0px) + 12px);right:max(8px, var(--safe-right,8px));gap:var(--space-3);padding:var(--space-3);border:1px solid var(--gold-dim);z-index:var(--z-hud,100);pointer-events:auto;max-height:calc(100vh - var(--nav-bar-height,46px) - 80px);max-height:calc(100dvh - var(--nav-bar-height,46px) - 80px);background:linear-gradient(#2e1b0ed9 0%,#1a0e05d9 100%);border-radius:8px;flex-direction:column;display:flex;position:fixed;overflow-y:auto;box-shadow:0 4px 12px #0009}.modal-dock-btn{justify-content:center;align-items:center;gap:var(--space-1);cursor:pointer;width:50px;min-height:50px;color:var(--parchment-dark);font-family:var(--font-main);padding:var(--space-2) var(--space-1);-webkit-tap-highlight-color:transparent;background:#2e1b0e99;border:1px solid #c9963d66;border-radius:6px;flex-direction:column;transition:background .15s,border-color .15s,color .15s;display:flex}.modal-dock-btn:hover,.modal-dock-btn:active{border-color:var(--gold);color:var(--gold-bright);background:#c9963d33}.modal-dock-btn.active{border-color:var(--gold-bright);color:var(--gold-bright);background:#c9963d4d;box-shadow:0 0 8px #ffd70066}.modal-dock-icon{font-size:var(--text-2xl);justify-content:center;align-items:center;line-height:1;display:inline-flex}.modal-dock-icon svg{width:1em;height:1em;display:block}.modal-dock-label{font-size:var(--text-3xs);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;line-height:1}@media (width<=767px){.modal-overlay-dock{padding:var(--space-2);gap:var(--space-2)}.modal-dock-btn{width:42px;min-height:42px}.modal-dock-label{display:none}}.mobile-joystick-zone{width:calc(150px * var(--ui-scale));height:calc(150px * var(--ui-scale));pointer-events:auto}.mobile-action-zone{align-items:flex-end;gap:calc(8px * var(--ui-scale));pointer-events:auto;flex-direction:column;display:flex}.mobile-row{align-items:center;gap:calc(8px * var(--ui-scale));pointer-events:auto;display:flex}.mobile-action-btn{min-width:44px;min-height:44px;color:var(--parchment);font-weight:700;font-family:var(--font-main);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#2e1b0e 0%,#1a0e05 100%);border:2px solid #c9963db3;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s,background .15s,border-color .15s;display:flex;box-shadow:0 4px 12px #0009,inset 0 1px #daa52033}.mobile-action-btn.active{box-shadow:0 0 10px var(--gold-glow);background:linear-gradient(145deg,#5c3a1e 0%,#3d2410 100%);transform:scale(.9)}.mobile-spell-btn{width:calc(56px * var(--ui-scale));height:calc(56px * var(--ui-scale));font-size:calc(16px * var(--ui-scale))}.mobile-phys-btn{width:calc(48px * var(--ui-scale));height:calc(48px * var(--ui-scale));font-size:calc(13px * var(--ui-scale));border-color:#cc22228c}.mobile-toggle-btn,.mobile-interact-btn{width:calc(82px * var(--ui-scale));height:calc(36px * var(--ui-scale));border-radius:calc(18px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));letter-spacing:1px}.mobile-toggle-btn.toggled{border-color:var(--gold-bright);box-shadow:0 0 12px var(--gold-glow), inset 0 1px 0 #daa52066;color:var(--gold-bright);background:linear-gradient(145deg,#5c3a1e 0%,#3d2410 100%)}.mobile-interact-btn{color:#c8eecb;border-color:#2e8c5aa6}.mobile-hotbar-host{pointer-events:none;width:calc(180px * var(--ui-scale));height:calc(180px * var(--ui-scale));display:block;position:relative}.mobile-hotbar-host .rpg-hotbar-container{box-shadow:none;pointer-events:none;background:0 0;border:none;border-radius:0;gap:0;padding:0;display:block;position:absolute;inset:0}.mobile-hotbar-host .rpg-hotbar-container:before{display:none}.touch-device .mobile-hotbar-host .rpg-hotbar-slot{pointer-events:auto;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#2e1b0e 0%,#1a0e05 100%);border:2px solid #c9963db3;border-radius:50%;width:56px;height:56px;transition:transform .1s,box-shadow .1s,border-color .15s;position:absolute;box-shadow:0 4px 12px #0009,inset 0 1px #daa52040}.touch-device .mobile-hotbar-host .rpg-hotbar-slot:first-child{right:calc(140px * var(--ui-scale) - 28px);bottom:-28px}.touch-device .mobile-hotbar-host .rpg-hotbar-slot:nth-child(2){right:calc(129.35px * var(--ui-scale) - 28px);bottom:calc(53.58px * var(--ui-scale) - 28px)}.touch-device .mobile-hotbar-host .rpg-hotbar-slot:nth-child(3){right:calc(98.99px * var(--ui-scale) - 28px);bottom:calc(98.99px * var(--ui-scale) - 28px)}.touch-device .mobile-hotbar-host .rpg-hotbar-slot:nth-child(4){right:calc(53.58px * var(--ui-scale) - 28px);bottom:calc(129.35px * var(--ui-scale) - 28px)}.touch-device .mobile-hotbar-host .rpg-hotbar-slot:nth-child(5){right:-28px;bottom:calc(140px * var(--ui-scale) - 28px)}.touch-device .mobile-hotbar-host .rpg-hotbar-slot:before{display:none}.touch-device .mobile-hotbar-host .rpg-hotbar-slot:active{border-color:var(--gold-bright);box-shadow:0 0 14px var(--gold-glow);transform:scale(.92)}.touch-device .mobile-hotbar-host .rpg-hotbar-icon{border-radius:50%;width:44px;height:44px}.touch-device .mobile-hotbar-host .rpg-hotbar-key-badge{font-size:var(--text-sm);min-width:22px;height:22px;padding:0 var(--space-3);border-radius:11px;line-height:20px;top:-4px;left:-4px}.touch-device .mobile-hotbar-host .rpg-hotbar-cost-badge{font-size:var(--text-xs);min-width:22px;height:22px;padding:0 var(--space-3);border-radius:11px;line-height:20px;top:-4px;right:-4px}.touch-device .mobile-hotbar-host .rpg-hotbar-trait-badge{font-size:var(--text-sm);bottom:2px;right:2px}.debug-btn{color:var(--parchment-dark);padding:var(--space-2) var(--space-4);cursor:pointer;font-family:var(--font-main);font-size:var(--text-3xs);letter-spacing:1px;pointer-events:auto;text-align:center;background:#1a0e05d9;border:1px solid #8b691499;border-radius:4px;align-self:stretch;transition:all .2s}.debug-btn:hover{color:var(--gold-bright);border-color:var(--gold);box-shadow:0 0 8px var(--gold-glow);background:#5d3a1ee6}#stats-ui{color:var(--parchment);border:2px solid var(--gold);font-family:var(--font-main);box-shadow:0 0 0 1px var(--gold-dim), 0 8px 32px var(--shadow-heavy), inset 0 0 25px #00000080;background:linear-gradient(160deg,#2e1b0e 0%,#1a0e05 40%,#241408 100%);border-radius:8px;width:100%;padding:0;overflow:hidden}#respawn-overlay{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--ui-danger), black 55%) 0%, #000000f7 70%)}.hud-zone-info .lil-gui.root{max-height:240px;font-size:var(--text-xs);pointer-events:auto;align-self:stretch;display:none;overflow-y:auto;width:160px!important;position:static!important}body.debug-on .hud-zone-info .lil-gui.root{display:block}#minimap-container{align-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}#minimap-canvas{width:calc(160px * var(--ui-scale));height:calc(160px * var(--ui-scale));box-shadow:0 0 0 3px var(--gold), 0 0 0 5px #8b691466, 0 0 20px #c9963d59, 0 6px 24px #000c;border-radius:50%;display:block}#minimap-label{font-family:var(--font-main);font-size:var(--text-2xs);letter-spacing:1px;color:var(--gold-bright);text-shadow:0 0 6px #c9963db3,0 1px 3px #000000e6;white-space:nowrap;text-align:center}#resource-bars{gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex}@media (width>=768px){.ls-inner{padding:48px 64px}.ls-title{font-size:var(--text-display-lg)}.chatbox{min-width:220px;max-width:none;height:min(340px,42vh);min-height:120px;font-size:var(--text-md)}.panel-region{border-left:2px solid var(--gold-dim);background:linear-gradient(160deg,#1a0e05f7 0%,#0a0604fa 100%);width:370px}}@media (width<=767px) and (orientation:landscape){.hud-zone-bl,.hud-zone-br{bottom:max(8px, calc(8px + var(--safe-bottom)))}}@media (width<=767px){.nav-tab-btn{padding:var(--space-1) var(--space-3);gap:0}.nav-tab-label,.nav-tab-key{display:none}.weather-indicator{font-size:var(--text-2xs);padding:var(--space-2) var(--space-3)}}.inventory-sort-bar{gap:var(--space-2);padding:var(--space-2) 0;justify-content:center;display:flex}.inventory-sort-btn{color:var(--gold);font-family:var(--font-main);font-size:var(--text-xs);padding:var(--space-1) var(--space-4);cursor:pointer;background:0 0;border:1px solid #c9963d4d;border-radius:3px}.inventory-sort-btn:hover{border-color:var(--gold);color:var(--gold-bright)}button:focus-visible,a[href]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:3px solid var(--ui-accent);outline-offset:2px}.zg-tabbar__tab:focus-visible,.nav-tab-btn:focus-visible{outline-offset:-3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.zg-modal{z-index:var(--z-modal);font-family:var(--font-main);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.zg-modal--open{display:flex}@keyframes zg-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes zg-backdrop-in{0%{opacity:0}to{opacity:1}}.zg-modal--open .zg-modal__panel{animation:zg-modal-in var(--anim-fast) var(--ease-out)}.zg-modal--open .zg-modal__backdrop{animation:zg-backdrop-in var(--anim-base) var(--ease-out)}.zg-modal__backdrop{background:#000000bf;position:absolute;inset:0}.zg-modal__panel{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-ink), white 8%), var(--brand-ink));border:1px solid color-mix(in srgb, var(--brand-gold), transparent 40%);color:var(--brand-parchment);max-height:90dvh;width:var(--zg-modal-width,600px);border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #000000b3}.zg-modal--sm .zg-modal__panel{--zg-modal-width:min(400px, calc(100vw - 32px))}.zg-modal--md .zg-modal__panel{--zg-modal-width:min(600px, calc(100vw - 32px))}.zg-modal--lg .zg-modal__panel{--zg-modal-width:min(800px, calc(100vw - 32px))}.zg-modal--xl .zg-modal__panel{--zg-modal-width:min(1000px, calc(100vw - 32px))}.zg-modal--fullscreen .zg-modal__panel{--zg-modal-width:92vw;height:92dvh;max-height:92dvh}.zg-modal__header{border-bottom:1px solid color-mix(in srgb, var(--brand-gold), transparent 60%);color:var(--brand-parchment);padding:var(--space-7) var(--space-8);background:#00000040;flex:none;justify-content:space-between;align-items:center;display:flex}.zg-modal--draggable .zg-modal__header{cursor:grab;-webkit-user-select:none;user-select:none}.zg-modal--draggable .zg-modal__header:active{cursor:grabbing}.zg-modal__title{color:var(--brand-gold);font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 6px color-mix(in srgb, var(--brand-gold), transparent 70%);margin:0;font-size:1.2rem;font-weight:700}.zg-modal__close{border:1px solid color-mix(in srgb, var(--brand-gold), transparent 60%);color:var(--brand-parchment);cursor:pointer;width:36px;height:36px;transition:background var(--anim-base), color var(--anim-base), border-color var(--anim-base);background:0 0;border-radius:6px;font-size:1.1rem;line-height:1}.zg-modal__close:hover{background:color-mix(in srgb, var(--brand-gold), transparent 85%);color:var(--brand-gold);border-color:var(--brand-gold)}.zg-modal__body{color:var(--brand-parchment);padding:var(--space-8);font-family:var(--font-body);flex:auto;overflow-y:auto}.zg-modal__text{font-family:var(--font-body);margin:0 0 var(--space-2);font-size:1rem;line-height:1.5}.zg-modal__footer{border-top:1px solid color-mix(in srgb, var(--brand-gold), transparent 60%);padding:var(--space-6) var(--space-8);gap:var(--space-4);background:#0003;flex-wrap:wrap;flex:none;justify-content:flex-end;display:flex}.zg-modal__footer:empty,.zg-modal--floating .zg-modal__backdrop{display:none}.zg-modal--floating{pointer-events:none}.zg-modal--floating .zg-modal__panel{pointer-events:auto}.zg-button{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-family:var(--font-main);cursor:pointer;transition:background var(--anim-base), border-color var(--anim-base), transform var(--anim-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;font-size:.95rem;font-weight:500;display:inline-flex}.zg-button:active{transform:translateY(1px)}.zg-button--disabled,.zg-button[disabled]{opacity:.5;cursor:not-allowed;transform:none}.zg-button__icon{font-size:1em;line-height:1}.zg-button__label{line-height:1}.zg-button--primary{background:linear-gradient(180deg, var(--brand-gold), color-mix(in srgb, var(--brand-gold), black 15%));color:var(--brand-wine);border-color:color-mix(in srgb, var(--brand-gold), black 25%)}.zg-button--primary:hover:not([disabled]){background:linear-gradient(180deg, color-mix(in srgb, var(--brand-gold), white 8%), var(--brand-gold))}.zg-button--secondary{background:var(--brand-cream);color:var(--brand-ink);border-color:var(--brand-leather)}.zg-button--secondary:hover:not([disabled]){background:color-mix(in srgb, var(--brand-cream), white 6%)}.zg-button--danger{background:var(--brand-wine);color:var(--brand-parchment);border-color:color-mix(in srgb, var(--brand-wine), black 20%)}.zg-button--danger:hover:not([disabled]){background:color-mix(in srgb, var(--brand-wine), black 10%)}.zg-button--ghost{color:var(--brand-parchment);background:0 0;border-color:#0000}.zg-button--ghost:hover:not([disabled]){background:color-mix(in srgb, var(--brand-parchment), transparent 90%)}.zg-toast-container{z-index:var(--z-toast);gap:var(--space-4);pointer-events:none;flex-direction:column;max-width:90vw;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%)}.zg-toast{background:color-mix(in srgb, var(--brand-ink), transparent 5%);color:var(--brand-parchment);border:1px solid var(--brand-gold);font-family:var(--font-main);pointer-events:auto;text-align:center;animation:zg-toast-in var(--anim-slow) var(--ease-out);border-radius:6px;padding:10px 18px;font-size:.9rem;box-shadow:0 4px 16px #0009}.zg-toast__icon{vertical-align:-.15em;align-items:center;margin-right:6px;display:inline-flex}.zg-toast--success{border-color:var(--ui-success);color:var(--ui-success);box-shadow:0 4px 16px #0009, 0 0 10px color-mix(in srgb, var(--brand-seal), transparent 70%)}.zg-toast--error{border-color:var(--ui-danger);color:var(--ui-danger);box-shadow:0 4px 16px #0009, 0 0 10px color-mix(in srgb, var(--brand-wine), transparent 60%)}.zg-toast--info{border-color:var(--brand-gold);color:var(--brand-parchment)}.zg-toast--gold{border-color:var(--brand-gold);color:var(--brand-gold);box-shadow:0 0 30px color-mix(in srgb, var(--brand-gold), transparent 50%), 0 8px 24px #000c}@keyframes zg-toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.zg-tabbar{gap:var(--space-2);border-bottom:1px solid color-mix(in srgb, var(--brand-gold), transparent 60%);scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;-webkit-overflow-scrolling:touch;flex:none;margin-bottom:12px;display:flex;overflow:auto hidden}.zg-tabbar::-webkit-scrollbar{height:6px}.zg-tabbar::-webkit-scrollbar-track{background:0 0}.zg-tabbar::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.zg-tabbar::-webkit-scrollbar-thumb:hover{background:var(--gold)}.zg-tabbar__tab{color:var(--ui-text-muted);white-space:nowrap;padding:var(--space-4) var(--space-8);font-family:var(--font-main);cursor:pointer;transition:color var(--anim-base), border-color var(--anim-base);align-items:center;gap:var(--space-3);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;font-size:.95rem;display:inline-flex}.zg-tabbar__tab:hover:not([disabled]):not(.zg-tabbar__tab--active){color:var(--ui-text)}.zg-tabbar__tab--active{color:var(--ui-accent);border-bottom-color:var(--ui-accent);font-weight:600}.zg-tabbar__tab--disabled,.zg-tabbar__tab[disabled]{opacity:.4;cursor:not-allowed}.zg-tabbar__icon,.zg-tabbar__label{line-height:1}.zg-badge{align-items:baseline;gap:var(--space-2);font-family:var(--font-main);font-size:.85rem;line-height:1.4;display:inline-flex}.zg-badge--success{color:var(--ui-success)}.zg-badge--error{color:var(--ui-danger)}.zg-badge--info{color:var(--ui-text)}.zg-badge--gold{color:var(--ui-accent)}.zg-badge__muted{color:color-mix(in srgb, var(--brand-parchment), transparent 40%);font-size:.9em}.zg-badge-separator{color:color-mix(in srgb, var(--brand-leather), transparent 40%);margin:0 var(--space-2)}.touch-device .zg-modal__close{width:44px;height:44px}.touch-device .zg-button,.touch-device .zg-tabbar__tab{min-height:44px}.zg-update-banner{left:50%;bottom:calc(16px + var(--safe-bottom));z-index:var(--z-update-banner);justify-content:center;align-items:center;gap:var(--space-8);background:linear-gradient(135deg, var(--ui-surface-strong), var(--ui-surface));border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);max-width:min(640px,100vw - 24px);color:var(--ui-text);font-family:var(--font-main);animation:zg-update-banner-in var(--anim-slow) var(--ease-out);flex-wrap:wrap;padding:12px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #000000b3}.zg-update-banner__message{font-size:.95rem;line-height:1.3}.zg-update-banner__actions{gap:var(--space-4);flex:none;display:flex}@keyframes zg-update-banner-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}