:root{--color-bg: #e8f0ee;--color-dish-floor: #f2f6f2;--color-rim: #aad4cc;--color-text: #1f2d2a;--color-text-muted: rgba(31, 45, 42, .72);--color-accent: #3fae94;--color-accent-dark: #1f6f5c;--color-accent-hover: #359c84;--color-danger: #c65b3c;--color-victory: #8a6508;--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .4);--blur: 16px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--shadow-soft: 0 8px 30px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--z-hud: 10;--z-screen: 20}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);overflow:hidden}button{font:inherit;color:inherit}h1,p{margin:0}.screen__title{font-size:clamp(2rem,6vw,3rem);font-weight:700;letter-spacing:.01em}.screen__instructions{font-size:1rem;line-height:1.5;max-width:32ch}.screen__score{font-size:1.15rem;color:var(--color-text-muted)}.screen__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-weight:600;font-size:1rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-accent);color:#fff;box-shadow:var(--shadow-soft);transition:transform var(--transition-fast),background-color var(--transition-fast)}.screen__button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.screen__button:active{transform:translateY(0)}.screen__button--secondary{background:transparent;color:var(--color-text);border:1px solid var(--glass-border);box-shadow:none}.screen__button--secondary:hover{background:#0000000d}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-screen);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-5);background:var(--color-bg);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.screen[hidden]{display:none}.hud{position:fixed;top:var(--space-4);left:var(--space-4);z-index:var(--z-hud);pointer-events:none;display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 480px){.screen{padding:var(--space-3)}.hud{top:var(--space-2);left:var(--space-2)}}#menu-screen{background:radial-gradient(circle at 50% 40%,rgba(170,212,204,.55),var(--color-bg) 70%)}#menu-screen .screen__title{color:var(--color-accent-dark)}#menu-screen .screen__instructions{color:var(--color-text-muted)}.size-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-1);max-width:22rem}.size-picker__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:600;font-size:.8125rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:transparent;color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.size-picker__button:hover{background:#0000000d}.size-picker__button--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.size-picker__button--active:hover{background:var(--color-accent-hover)}.settings-row{display:flex;align-items:center;gap:var(--space-3);width:min(320px,80vw)}.settings-row__label{flex:1;text-align:left;font-size:.875rem;color:var(--color-text-muted)}.settings-row__mute{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;color:var(--color-text-muted);white-space:nowrap}#settings-screen input[type=range]{flex:2;accent-color:var(--color-accent)}.hud{font-variant-numeric:tabular-nums}.hud__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.hud__value{font-size:1.4rem;font-weight:700;color:var(--color-accent-dark)}#game-over-screen{background:radial-gradient(circle at 50% 40%,rgba(198,91,60,.25),var(--color-bg) 70%)}#game-over-screen .screen__title{color:var(--color-danger)}#victory-screen{background:radial-gradient(circle at 50% 40%,rgba(184,134,11,.3),var(--color-bg) 70%)}#victory-screen .screen__title{color:var(--color-victory)}