.canvas-game{min-height:100vh;height:100dvh;width:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(95,146,199,.16),transparent 28%),radial-gradient(circle at 80% 75%,rgba(201,169,98,.12),transparent 24%),#020308}.canvas-game canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.game-hud{position:fixed;top:var(--space-4);left:var(--space-4);z-index:40;display:flex;flex-wrap:wrap;gap:var(--space-2);max-width:min(720px,calc(100% - 128px));pointer-events:none}.game-hud__item{min-width:96px;padding:var(--space-2) var(--space-3);background:#0a0c10c7;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-hud__label{display:block;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.game-hud__label--icon{display:flex;align-items:center;gap:6px}.game-hud__icon{width:20px;height:20px;flex:0 0 auto;object-fit:contain;margin:-4px 0;filter:drop-shadow(0 0 6px rgba(201,169,98,.16))}.game-hud__value{display:block;margin-top:1px;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.game-panel-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#00000094;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-panel{width:min(720px,100%);max-height:min(86vh,820px);overflow:auto;padding:var(--space-6);background:#13161cf5;border:1px solid rgba(201,169,98,.28);border-radius:var(--radius-xl);box-shadow:0 24px 80px #0000008c}.game-panel h1,.game-panel h2{margin-bottom:var(--space-3)}.game-panel p{margin-bottom:var(--space-4)}.score-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin:var(--space-5) 0}.score-summary__item{padding:var(--space-3);background:var(--bg-void);border:1px solid var(--border-slate-dark);border-radius:var(--radius-md)}.score-summary__item span{display:block;color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.score-summary__item .score-summary__label{display:flex;align-items:center;gap:6px}.score-summary__item .score-summary__label span{display:inline}.score-summary__icon{width:22px;height:22px;flex:0 0 auto;object-fit:contain;margin:-5px 0}.score-summary__item strong{display:block;margin-top:var(--space-1);color:var(--accent);font-family:var(--font-display);font-size:var(--text-xl)}.score-submit{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);margin-bottom:var(--space-4)}.score-submit input{min-width:0;padding:var(--space-3);color:var(--text-primary);background:var(--bg-void);border:1px solid var(--border-slate-dark);border-radius:var(--radius-md)}.score-submit input:focus{border-color:var(--accent);outline:none}.game-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.game-note{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.game-note--error{color:#ff9b9b}.game-note--success{color:var(--success)}.orbital-toast{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:45;max-width:320px;padding:var(--space-3) var(--space-4);color:var(--text-primary);background:#0a0c10cc;border:1px solid rgba(201,169,98,.25);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:720px){.game-hud{top:auto;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);max-width:none}.game-hud__item{min-width:82px;flex:1}.game-hud__icon{width:18px;height:18px}.game-hud__value{font-size:var(--text-base)}.score-summary,.score-submit{grid-template-columns:1fr}}