.hud-surface,.hud-surface-interactive,.hud-surface-interactive-green,.hud-surface-hero{background-color:hsl(var(--hud-surface-1));border:1px solid var(--hud-edge);box-shadow:inset 0 1px #ffffff0a;transition:border-color .2s ease,box-shadow .2s ease}.hud-surface-interactive:hover,.hud-surface-interactive-green:hover{border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff0f,var(--hud-halo-soft)}.hud-surface-interactive,.hud-surface-interactive-green{cursor:pointer;position:relative;--hud-bracket-color: hsl(var(--foreground) / .55)}.hud-surface-interactive:before,.hud-surface-interactive-green:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;pointer-events:none;background-image:linear-gradient(var(--hud-bracket-color),var(--hud-bracket-color)),linear-gradient(var(--hud-bracket-color),var(--hud-bracket-color)),linear-gradient(var(--hud-bracket-color),var(--hud-bracket-color)),linear-gradient(var(--hud-bracket-color),var(--hud-bracket-color)),linear-gradient(var(--hud-bracket-color),var(--hud-bracket-color)),linear-gradient(var(--hud-bracket-color),var(--hud-bracket-color)),linear-gradient(var(--hud-bracket-color),var(--hud-bracket-color)),linear-gradient(var(--hud-bracket-color),var(--hud-bracket-color));background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-size:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;transition:background-size .15s ease}.hud-surface-interactive:hover,.hud-surface-interactive[data-active=true]{border-color:hsl(var(--foreground) / .35);box-shadow:inset 0 1px #ffffff0f,0 0 24px -10px #ffffff40,0 1px #0006}.hud-surface-interactive:hover:before,.hud-surface-interactive[data-active=true]:before,.hud-surface-interactive-green:hover:before,.hud-surface-interactive-green[data-active=true]:before{background-size:12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px}.hud-surface-interactive-green{--hud-bracket-color: rgb(34 197 94 / .9)}.hud-surface-interactive-green:hover,.hud-surface-interactive-green[data-active=true]{border-color:#22c55e99;box-shadow:inset 0 1px #22c55e26,0 0 32px -10px #22c55e80,0 1px #0006}.hud-surface-hero{box-shadow:inset 0 1px #ffffff0f,var(--hud-halo-soft)}.hud-surface-tile{background-color:hsl(var(--hud-surface-1));border:1px solid hsl(var(--border));box-shadow:inset 0 1px hsl(var(--primary) / .04),0 1px #0000004d;transition:all .15s ease}.hud-surface-tile:hover{background-color:hsl(var(--hud-surface-2));border-color:hsl(var(--primary) / .4);transform:translateY(-1px);box-shadow:inset 0 1px hsl(var(--primary) / .12),var(--hud-halo),0 1px #0006}.hud-display{font-family:var(--font-display, var(--font-app)),-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.hud-mono{font-family:var(--font-app);letter-spacing:.02em}.hud-mono-tight{font-family:var(--font-app);font-feature-settings:"tnum" on,"ss01" on}.dark .hud-glow{text-shadow:0 0 8px hsl(var(--primary) / .5),0 0 24px hsl(var(--primary) / .2)}.dark .hud-glow-green{text-shadow:0 0 8px rgba(34,197,94,.55),0 0 24px rgba(34,197,94,.2)}.dark .hud-glow-red{text-shadow:0 0 8px rgba(239,68,68,.55),0 0 24px rgba(239,68,68,.2)}.hud-page-bg{position:relative;background-color:hsl(var(--hud-surface-0));background-image:linear-gradient(hsl(var(--hud-grid-line) / var(--hud-grid-major-alpha)) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--hud-grid-line) / var(--hud-grid-major-alpha)) 1px,transparent 1px),linear-gradient(hsl(var(--hud-grid-line) / var(--hud-grid-minor-alpha)) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--hud-grid-line) / var(--hud-grid-minor-alpha)) 1px,transparent 1px);background-size:128px 128px,128px 128px,32px 32px,32px 32px;background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px}.hud-panel{position:relative;border:1px solid hsl(var(--border));background-color:hsl(var(--hud-surface-1));box-shadow:inset 0 0 0 1px hsl(var(--primary) / .04),0 0 24px -8px hsl(var(--primary) / .15)}.hud-panel:before,.hud-panel:after,.hud-panel-inner:before,.hud-panel-inner:after{content:"";position:absolute;width:14px;height:14px;border-color:hsl(var(--primary) / .6);border-style:solid;pointer-events:none;transition:border-color .2s ease}.hud-panel:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.hud-panel:after{top:-1px;right:-1px;border-width:2px 2px 0 0}.hud-panel-inner:before{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.hud-panel-inner:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.hud-panel-green:before,.hud-panel-green:after,.hud-panel-green .hud-panel-inner:before,.hud-panel-green .hud-panel-inner:after{border-color:#22c55ecc}.hud-panel-red:before,.hud-panel-red:after,.hud-panel-red .hud-panel-inner:before,.hud-panel-red .hud-panel-inner:after{border-color:#ef4444b3}.hud-panel-amber:before,.hud-panel-amber:after,.hud-panel-amber .hud-panel-inner:before,.hud-panel-amber .hud-panel-inner:after{border-color:#f59e0bb3}.hud-tile{position:relative;border:1px solid rgb(56 189 248 / .7);background-color:#38bdf829;box-shadow:0 0 0 1px #38bdf84d,0 0 24px -4px #38bdf866;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease}.hud-tile:before,.hud-tile:after,.hud-tile-inner:before,.hud-tile-inner:after{content:"";position:absolute;width:8px;height:8px;border-color:#38bdf88c;border-style:solid;pointer-events:none;transition:border-color .15s ease,width .15s ease,height .15s ease}.hud-tile:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.hud-tile:after{top:-1px;right:-1px;border-width:1px 1px 0 0}.hud-tile-inner:before{bottom:-1px;left:-1px;border-width:0 0 1px 1px}.hud-tile-inner:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.hud-tile:hover{transform:translateY(-1px);border-color:#38bdf8d9;background-color:#38bdf847;box-shadow:inset 0 1px #38bdf81f,0 0 18px -6px #38bdf866}.dark .hud-tile:hover{background-color:#38bdf829;box-shadow:inset 0 1px #38bdf82e,0 0 18px -6px #38bdf873}.hud-tile:hover:before,.hud-tile:hover:after,.hud-tile:hover .hud-tile-inner:before,.hud-tile:hover .hud-tile-inner:after{border-color:#38bdf8;width:12px;height:12px}.hud-tile-victory{border-color:#22c55eb3!important;background-color:#22c55e0f;box-shadow:0 0 0 1px #22c55e4d,0 0 24px -4px #22c55e66;animation:hudVictoryPulse 2.4s ease-in-out infinite}.hud-tile-victory:before,.hud-tile-victory:after,.hud-tile-victory .hud-tile-inner:before,.hud-tile-victory .hud-tile-inner:after{border-color:#22c55e!important;width:12px;height:12px}@keyframes hudVictoryPulse{0%,to{box-shadow:0 0 0 1px #22c55e4d,0 0 24px -4px #22c55e59}50%{box-shadow:0 0 0 1px #22c55e80,0 0 36px -2px #22c55e8c}}.hud-tile-game-over{opacity:.9;filter:grayscale(.1)}.hud-tile-rejected{border-color:#ef44448c!important;background-color:#ef44441a;box-shadow:none}.hud-tile-rejected:before,.hud-tile-rejected:after,.hud-tile-rejected .hud-tile-inner:before,.hud-tile-rejected .hud-tile-inner:after{border-color:#ef444480!important}.hud-tile-rejected:hover{border-color:#ef4444b3!important;background-color:#ef44440a;box-shadow:none}.hud-tile-rejected:hover:before,.hud-tile-rejected:hover:after,.hud-tile-rejected:hover .hud-tile-inner:before,.hud-tile-rejected:hover .hud-tile-inner:after{border-color:#ef4444d9!important}.hud-tile-ghosted{border-color:#78787880!important;background-color:#7878781a!important;box-shadow:none}.hud-tile-ghosted:before,.hud-tile-ghosted:after,.hud-tile-ghosted .hud-tile-inner:before,.hud-tile-ghosted .hud-tile-inner:after{border-color:#78787873!important}.hud-tile-ghosted:hover{border-color:#8c8c8c99!important;background-color:#7878780a;box-shadow:none}.hud-tile-ghosted:hover:before,.hud-tile-ghosted:hover:after,.hud-tile-ghosted:hover .hud-tile-inner:before,.hud-tile-ghosted:hover .hud-tile-inner:after{border-color:#a0a0a0b3!important}.hud-scanlines{position:relative}.hud-scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(180deg,transparent 0px,transparent 2px,rgba(255,255,255,.012) 2px,rgba(255,255,255,.012) 3px);pointer-events:none;z-index:1}.hud-section-label{font-family:var(--font-app);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-foreground));display:inline-flex;align-items:center;gap:6px}.hud-section-label:before{content:"";display:inline-block;width:4px;height:4px;background:currentColor;transform:rotate(45deg)}.hud-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;font-family:var(--font-app);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor;background:color-mix(in srgb,currentColor 10%,transparent);border-radius:2px}.hud-pill:before{content:"";display:inline-block;width:4px;height:4px;background:currentColor;border-radius:50%}.hud-stat{font-family:var(--font-app);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1}.hud-lane-heading{font-family:var(--font-app);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px;padding:6px 8px 4px}.hud-lane{position:relative;border-top:1px solid currentColor;padding-top:1px;background:linear-gradient(180deg,color-mix(in srgb,currentColor 10%,transparent) 0%,transparent 60%)}