:root{--hud-surface:#161814e0;--hud-border:#ffffff24;--hud-text:#ece8dc;--hud-muted:#a9a595;--hud-accent:#d9a441;--hud-danger:#e5735f;--hud-ok:#8fc46b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%;color:var(--hud-text);overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#171a17;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#hud{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#hud>*{pointer-events:auto}#hud [hidden]{display:none}#hud button{font:inherit;color:var(--hud-text);border:1px solid var(--hud-border);white-space:nowrap;cursor:pointer;background:#ffffff14;border-radius:6px;padding:6px 12px}@media (hover:hover){#hud button:hover{background:#ffffff29}}#hud button:active{background:#ffffff38}@media (pointer:coarse){#hud button{min-height:44px}}#hud button:disabled{opacity:.5;cursor:default}.hud-bar{background:var(--hud-surface);border-bottom:1px solid var(--hud-border);align-items:center;gap:14px;padding:8px 12px;display:flex}.hud-title{white-space:nowrap;letter-spacing:.04em;color:var(--hud-accent);flex:none;font-weight:700}.hud-stats{align-items:center;gap:14px;display:flex}.hud-player-area{justify-content:flex-end;min-width:0;display:flex;position:relative}#hud button.hud-player{background:0 0;border-color:#0000;align-items:center;gap:6px;min-width:0;display:flex}@media (hover:hover){#hud button.hud-player:hover{background:#ffffff29}}#hud button.hud-player[aria-expanded=true]{border-color:var(--hud-border);background:#ffffff29}#hud button.hud-player:after{content:"▾";color:var(--hud-muted);flex:none}.hud-player-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.hud-menu{z-index:10;background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:8px;flex-direction:column;min-width:160px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 18px #00000073}.hud-menu hr{border:none;border-top:1px solid var(--hud-border);margin:4px 0}#hud .hud-menu button{text-align:left;background:0 0;border-color:#0000}@media (hover:hover){#hud .hud-menu button:hover{background:#ffffff29}}.hud-status,.hud-tick{white-space:nowrap;color:var(--hud-muted);font-variant-numeric:tabular-nums}.hud-status[data-status=connected]{color:var(--hud-ok)}.hud-status[data-status=disconnected]{color:var(--hud-danger)}.hud-resource{font-variant-numeric:tabular-nums;white-space:pre}#hud>.hud-bottom{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:none;align-items:flex-end;gap:8px;display:flex;position:absolute}.hud-bottom>*{pointer-events:auto}.hud-build{background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:10px;min-width:0;max-width:360px;padding:8px}.hud-build-buttons{flex-wrap:wrap;gap:6px;display:flex}.hud-build-buttons button{min-height:44px}#hud button.hud-active{border-color:var(--hud-accent);color:var(--hud-accent);background:#d9a44129}.hud-build-message{color:var(--hud-muted);margin:6px 2px 0;font-size:14px}.hud-build-message:empty{display:none}.hud-build-message.hud-build-error{color:var(--hud-danger)}.hud-spacer{flex:1}.hud-camera{background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:10px;flex:none;gap:6px;margin-left:auto;padding:6px;display:flex}.hud-camera button{min-width:44px;min-height:44px;font-size:20px}.hud-auth{box-sizing:border-box;background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:12px;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-auth h1{margin:0 0 4px;font-size:20px}.hud-auth input,.hud-dialog input{font:inherit;box-sizing:border-box;min-height:44px;color:var(--hud-text);border:1px solid var(--hud-border);background:#00000059;border-radius:6px;padding:9px 10px;font-size:16px}.hud-auth input:focus-visible,.hud-dialog input:focus-visible,#hud button:focus-visible{outline:2px solid var(--hud-accent);outline-offset:1px}#hud button.hud-primary{background:var(--hud-accent);border-color:var(--hud-accent);color:#1c1608;min-height:44px;padding:9px 12px;font-weight:600}#hud button.hud-link{color:var(--hud-muted);background:0 0;border:none;text-decoration:underline}.hud-error{min-height:1.3em;color:var(--hud-danger);margin:0;font-size:14px}#hud>.hud-modal:not([hidden]){z-index:20;box-sizing:border-box;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.hud-dialog{box-sizing:border-box;background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:12px;width:min(420px,100%);max-height:100%;padding:20px;overflow-y:auto}.hud-dialog-view{flex-direction:column;gap:10px;display:flex}.hud-dialog h1{margin:0;font-size:20px}.hud-dialog h2{text-transform:uppercase;letter-spacing:.06em;color:var(--hud-danger);margin:0;font-size:15px}.hud-dialog p,.hud-dialog ul{margin:0;line-height:1.4}.hud-dialog ul{padding-left:20px}.hud-dialog-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.hud-dialog-note{color:var(--hud-muted);font-size:14px}.hud-danger-zone{border:1px solid var(--hud-danger);background:#e5735f14;border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;display:flex}.hud-warning{color:var(--hud-danger);font-weight:700}.hud-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}#hud button.hud-danger{color:#fff;background:#b3261e;border-color:#b3261e;min-height:44px;padding:9px 12px;font-weight:600}@media (hover:hover){#hud button.hud-danger:hover:not(:disabled){background:#cf3329}}@media (width<=640px){.hud-bar{flex-wrap:wrap;gap:4px 10px;padding:6px 10px}.hud-spacer{display:none}.hud-player-area{flex:1 1 0}.hud-stats{flex-wrap:wrap;flex:1 0 100%;order:1;gap:2px 12px;font-size:13px}.hud-resource{color:var(--hud-text);order:-1;margin-right:auto}#hud>.hud-bottom{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:stretch}.hud-build{max-width:none}.hud-camera{align-self:flex-end}}@media (width<=640px),(height<=520px){.hud-build-buttons{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.hud-build-buttons button{flex:none}.hud-auth{top:calc(56px + env(safe-area-inset-top));max-height:calc(100% - 68px - env(safe-area-inset-top));overflow-y:auto;transform:translate(-50%)}#hud>.hud-modal{padding-top:calc(56px + env(safe-area-inset-top));align-items:flex-start}}