@font-face{font-family:Pixel Operator;src:url(/app/fonts/PixelOperator.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Pixel Operator;src:url(/app/fonts/PixelOperator-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}:root{--c-black: #140c1c;--c-void: #140c1c;--c-panel: #30346d;--c-stone: #595652;--c-stone-hi: #696a6a;--c-accent: #dad45e;--c-destructive: #d04648;--c-text: #d2aa99;--c-text-dim: #9b8278;--c-white: #deeed6;--c-cyan: #6dc2ca;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--sp-3xl: 64px;--hit: 48px;--t-display: 32px;--t-heading: 24px;--t-body: 16px;--t-label: 16px;font-family:Pixel Operator,monospace}#hud{font-family:Pixel Operator,monospace;font-smooth:never;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated}.hud-numeral{font-variant-numeric:tabular-nums}.pixel-panel{border-style:solid;border-width:8px;border-image-source:url(/app/ui/border-stone.png);border-image-slice:8 fill;border-image-width:8px;border-image-outset:0;border-image-repeat:stretch;image-rendering:pixelated}.hud-btn{min-height:48px;min-width:48px;padding:0 var(--sp-md);font-size:var(--t-body);font-weight:600;color:var(--c-text);background:var(--c-panel);border:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);touch-action:manipulation}.hud-btn:active{filter:brightness(1.15)}.hud-btn--primary{background:var(--c-accent);color:var(--c-black)}.hud-btn--destructive{background:transparent;border-color:var(--c-destructive);color:var(--c-destructive)}.hud-btn--disabled,.hud-btn:disabled{background:var(--c-stone);color:var(--c-text-dim);filter:grayscale(1) brightness(.85);cursor:not-allowed}.hud-input{min-height:48px;padding:0 var(--sp-md);font-size:var(--t-body);color:var(--c-text);background:var(--c-black);border:2px solid var(--c-panel)}#sc-name-input{border:2px solid var(--c-panel)}#sc-name-input:focus{outline:none;border-color:var(--c-accent)}#stage *:focus:not(#sc-name-input),#stage *:focus-visible:not(#sc-name-input){outline:none;border:none;background:transparent;box-shadow:none}.hud-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--sp-3xl);background:#140c1ceb}.hud-panel{width:min(560px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:var(--sp-lg);padding:var(--sp-xl);background:var(--c-panel)}.hud-panel__title{font-size:var(--t-display);font-weight:600;margin:0}.hud-panel__sub{font-size:var(--t-body);font-weight:400;color:var(--c-text);margin:0}.hud-help{font-size:var(--t-label);font-weight:400;color:var(--c-text-dim);margin:0}.hud-help--error{color:var(--c-destructive)}.hud-row{display:flex;align-items:center;gap:var(--sp-md)}.hud-toast{position:fixed;bottom:72px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--sp-xs);padding:var(--sp-md) var(--sp-lg);background:var(--c-destructive);color:var(--c-black);font-size:var(--t-body);font-weight:600;text-align:center}.hud-toast__reason{font-size:var(--t-label);font-weight:400;opacity:.8}