:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;--hud-primary:#3b82f6;--hud-primary-glow:#60a5fa;--hud-danger:#ef4444;--hud-danger-glow:#f87171;--hud-success:#22c55e;--hud-warning:#f59e0b;--hud-info:#8b5cf6;--hud-neutral:#6b7280;--hud-text:#f3f4f6;--hud-text-muted:#9ca3af;--hud-bg:#0000008c;--hud-bg-hover:#000000b3;--hud-border:#ffffff1f;--hud-bar-hp:#ef4444;--hud-bar-hp-bg:#ef444433;--hud-bar-mp:#3b82f6;--hud-bar-mp-bg:#3b82f633;--hud-bar-energy:#f59e0b;--hud-bar-cast:#8b5cf6;--hud-font-family:"Segoe UI", "Roboto", sans-serif;--hud-z-base:1;--hud-z-panel:10;--hud-z-floating:50;--hud-z-tooltip:100;--hud-z-modal:200;--hud-accent:#3b82f6;--hud-ok:#22c55e;--hud-warn:#f59e0b;--party-frame-bg:#0f172ac7;--party-frame-border:#94a3b833;--minimap-terrain:#0f172a;--minimap-entity:#38bdf8;--minimap-danger:#ef4444;--target-inspector-bg:#0f172ac7;--target-inspector-border:#94a3b833;--target-name:#f8fafc;--target-bar-bg:#0f172ae6;--target-bar-fill:#ef4444;--target-bar-fill-low:#7f1d1d;--target-bar-text:#f8fafc;--cast-bar-bg:#0f172ae6;--cast-bar-fill:#8b5cf6;--cast-bar-text:#f8fafc;--damage-floater:#facc15;--damage-floater-crit:#ef4444;--damage-floater-heal:#22c55e;--party-frame-ready:#22c55e;--party-frame-casting:#8b5cf6;--party-frame-dead:#6b7280;--loot-glow:#a78bfa;--hud-row:1fr;--hud-row-sep:1px solid #ffffff1a;--hud-panel:#0f172ac7;--hud-panel-border:#94a3b833;--hud-panel-radius:.9rem;--hud-pad:.65rem .8rem;--hud-font-size:13px;--hud-radius:.9rem;--hud-stripe:#ffffff0d;--hud-row-h:2rem;--hud-panel-h:12rem;--hud-title:#f8fafc;--hud-low:#ef4444;--hud-inspect:#8b5cf6;--hud-inspect-border:#94a3b833;--hud-inspect-radius:.9rem;--hud-inspect-pad:.65rem .8rem;--hud-inspect-w:18rem;--hud-inspect-bg:#0f172ac7;background:#050816;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#050816;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{color:#e0f2fe;cursor:pointer;background:linear-gradient(135deg,#0ea5e93d,#7c3aed33);border:1px solid #94a3b85c;border-radius:.85rem;min-height:2.4rem;padding:.55rem .95rem;transition:transform .16s,border-color .16s,background .16s}button:hover:not(:disabled),button:focus-visible{background:linear-gradient(135deg,#0ea5e96b,#7c3aed57);border-color:#7dd3fce6;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}input{color:#f8fafc;background:#0f172ac2;border:1px solid #94a3b859;border-radius:.85rem;width:min(12rem,100%);min-height:2.4rem;padding:.55rem .9rem}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #38bdf8b3}[data-game-root]{width:100vw;height:100vh;position:relative;overflow:hidden}[data-game-root]>main{z-index:0;position:absolute;inset:0}[data-game-root]>main canvas{width:100%;height:100%;display:block}[data-slot=developer-debug-root]{z-index:10;pointer-events:none;position:absolute;inset:0}[data-slot=debug-toolbar-root]{z-index:16;pointer-events:none;position:absolute;top:.75rem;right:1rem}[data-component=debug-toolbar]{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}[data-component=debug-toolbar] button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#082f49d1;min-height:2.1rem;padding:.35rem .85rem}[data-slot=toolbar-report-status],[data-slot=gm-report-status]{color:#bae6fd}[data-slot=top-hud-root]{inset-inline:0;z-index:14;pointer-events:none;justify-content:center;padding-inline:1rem;display:flex;position:absolute;top:.75rem}[data-component=game-hud]{pointer-events:none;gap:.55rem;width:min(100%,58rem);display:grid}[data-slot=status-pill]{color:#bae6fd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#082f49b8;border:1px solid #22d3ee52;border-radius:999px;justify-self:center;margin:0;padding:.45rem .9rem}[data-slot=top-health-bars]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}[data-component=health-bar]{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ac7;border:1px solid #94a3b833;border-radius:.9rem;gap:.35rem;padding:.65rem .8rem;display:grid;box-shadow:0 .5rem 1.5rem #02061747}[data-component=health-bar] strong,[data-component=health-bar] span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-slot=health-track]{background:#0f172ae6;border-radius:999px;height:.65rem;overflow:hidden}[data-slot=health-fill]{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444);height:100%;transition:width .16s}[data-slot=feedback-feed]{justify-self:center;gap:.35rem;width:min(100%,36rem);margin:0;padding:0;list-style:none;display:grid}[data-slot=feedback-feed] li{color:#e0f2fe;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0ea5e92e;border-left:3px solid #38bdf8;border-radius:.6rem;padding:.4rem .65rem}[data-tab-panel]{height:100%;display:none}[data-tab-panel][data-active=true]{min-height:0;display:block;overflow:auto}[data-component=login-panel],[data-component=gm-panel],[data-component=playable-controls],[data-component=inventory-view],[data-component=stats-panel],[data-component=debug-panel]{gap:.85rem;display:grid}[data-slot=control-buttons],[data-slot=skill-hotbar],[data-component=gm-control],[data-component=login-panel]{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}[data-slot=skill-hotbar]{z-index:15;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#080c1ca8;border:1px solid #94a3b847;border-radius:1.1rem;flex-wrap:nowrap;justify-content:center;gap:.45rem;padding:.45rem .6rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}[data-slot=skill-hotbar] button{border-radius:1rem;min-width:3.2rem;min-height:3.2rem;padding:.5rem;font-size:1.15rem}[data-component=playable-controls] h2,[data-component=inventory-view] h2,[data-component=inventory-view] h3,[data-component=debug-panel] h2,[data-component=debug-panel] h3,[data-component=stats-panel] h2,[data-component=gm-panel] h2,[data-component=login-panel] h2{letter-spacing:-.02em;margin:0 0 .4rem}[data-component=playable-controls] p,[data-component=inventory-view] p,[data-component=stats-panel] li,[data-component=gm-panel] p,[data-component=login-panel] p{color:#cbd5e1;margin:.2rem 0}[data-slot=freeze-update-log]{justify-self:start;min-height:2rem;padding:.3rem .75rem}[data-slot=freeze-update-log][data-frozen=true]{color:#fef3c7;background:#92400e6b;border-color:#fbbf24cc}[data-slot=playable-shortcuts]{color:#dbeafe;gap:.3rem;margin:0;padding-left:1.2rem;display:grid}[data-slot=playable-summary],[data-slot=inventory-summary],[data-slot=gm-note]{background:#7c3aed1f;border-left:3px solid #a78bfa;border-radius:.6rem;padding:.6rem .8rem}[data-component=debug-panel]{background:#0f172aad;border:1px solid #94a3b82e;border-radius:.9rem;flex-direction:column;gap:.6rem;height:100%;min-height:0;padding:.9rem;display:flex;overflow:hidden}[data-slot=log-controls]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}[data-slot=log-search]{flex:1;width:auto;min-width:10rem;min-height:2rem}[data-slot=log-subtabs]{flex-wrap:wrap;gap:.3rem;display:flex}[data-slot=log-subtabs] button{color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:.6rem;min-height:1.9rem;padding:.25rem .7rem}[data-slot=log-subtabs] button[data-active=true]{color:#e0f2fe;background:#0ea5e92e;border-color:#7dd3fc80}[data-slot=log-console]{color:#cbd5e1;white-space:pre-wrap;word-break:break-word;background:#0206176b;border:1px solid #94a3b829;border-radius:.65rem;flex:1;min-height:0;margin:0;padding:.65rem;font:.78rem/1.45 SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}[data-component=gm-control]{align-items:center}[data-component=gm-control] span{min-width:10rem}[data-component=gm-control] input[type=range]{width:min(18rem,42vw);padding-inline:0}[data-component=reconnect-banner]{z-index:20;color:#fee2e2;pointer-events:none;background:#7c2d12eb;border:1px solid #f8717180;border-radius:999px;padding:.6rem 1.1rem;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}[data-component=reconnect-banner][hidden]{display:none}@media (width<=640px){[data-slot=top-health-bars],[data-component=debug-details]{grid-template-columns:1fr}[data-slot=skill-hotbar]{flex-wrap:wrap;max-width:calc(100vw - 1rem);bottom:.75rem}}[data-slot=gm-sidebar-root]{z-index:18;pointer-events:none;flex-direction:column;gap:.4rem;display:flex;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}[data-component=gm-sidebar]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#080c1cb8;border:1px solid #94a3b84d;border-radius:.9rem;flex-direction:column;gap:.35rem;padding:.5rem .35rem;display:flex;box-shadow:0 6px 24px #00000059}[data-component=gm-sidebar] button{border-radius:.6rem;justify-content:center;align-items:center;width:2.2rem;min-width:2.2rem;height:2.2rem;min-height:2.2rem;padding:0;font-size:1rem;display:inline-flex;position:relative}[data-component=gm-sidebar] button[data-active=true]{background:#0ea5e952;border-color:#7dd3fcb3}[data-component=gm-sidebar] button[data-section=danger]{background:#991b1b40;border-color:#f8717173}[data-component=gm-sidebar] button[data-section=danger]:hover{background:#b91c1c66;border-color:#f87171cc}[data-component=gm-sidebar] .gm-sidebar-divider{background:#94a3b840;border:none;height:1px;margin:.15rem .25rem}[data-component=gm-sidebar] .gm-sidebar-tooltip{color:#e2e8f0;white-space:nowrap;pointer-events:none;opacity:0;z-index:50;background:#0f172aeb;border:1px solid #94a3b859;border-radius:.5rem;padding:.35rem .7rem;font-size:.75rem;transition:opacity .16s;position:absolute;top:50%;left:calc(100% + .5rem);transform:translateY(-50%)}[data-component=gm-sidebar] button:hover .gm-sidebar-tooltip{opacity:1}[data-slot=gm-sidebar-login]{z-index:18;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c1cd1;border:1px solid #94a3b84d;border-radius:.9rem;flex-direction:column;gap:.6rem;max-width:18rem;padding:1rem;display:flex;position:absolute;top:50%;left:.6rem;transform:translateY(-50%);box-shadow:0 6px 24px #00000059}[data-slot=gm-sidebar-login] h2{color:#bae6fd;margin:0 0 .2rem;font-size:.95rem}[data-slot=gm-sidebar-login] p{color:#94a3b8;margin:0;font-size:.8rem}[data-component=camera-selector]{z-index:18;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#080c1cb8;border:1px solid #94a3b84d;border-radius:.6rem;align-items:center;gap:.35rem;padding:.3rem .5rem;display:inline-flex;position:absolute;bottom:.6rem;left:.6rem;box-shadow:0 6px 24px #00000059}.camera-selector-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.camera-selector-select{appearance:none;color:#e2e8f0;cursor:pointer;background:#0f172a8c;border:1px solid #94a3b84d;border-radius:.5rem;min-width:7rem;padding:.25rem .5rem;font-size:.82rem}.camera-selector-select:hover{background:#0f172ab3;border-color:#7dd3fc80}.camera-selector-select:focus{border-color:#7dd3fcb3;outline:none;box-shadow:0 0 0 2px #0ea5e940}