:root{--sky-0: #b6eeff;--sky-1: #84d4ff;--sky-2: #59b7ee;--ink: #113245;--panel: #fefde1;--panel-border: #355f71;--accent: #ffd83d;font-family:"Press Start 2P",VT323,Courier New,monospace;color:var(--ink)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:linear-gradient(180deg,var(--sky-0) 0%,var(--sky-1) 52%,var(--sky-2) 100%)}.app-shell{position:relative;width:100%;height:100%}.hud{position:absolute;inset:0;pointer-events:none;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.score{display:inline-block;padding:10px 14px;border-radius:8px;background:var(--accent);border:3px solid var(--panel-border);box-shadow:inset 0 -3px #00000026;font-weight:700;letter-spacing:.04em;font-size:clamp(11px,2.5vw,14px)}.mute-toggle{pointer-events:auto;border:3px solid var(--panel-border);border-radius:8px;background:#fff7a6;color:var(--ink);padding:10px 12px;font:inherit;font-size:clamp(10px,2.3vw,12px);cursor:pointer;box-shadow:inset 0 -3px #0000001f}.mute-toggle:active{transform:translateY(1px);box-shadow:inset 0 -1px #0000001f}.panel{max-width:460px;margin:26px auto 0;padding:16px 18px;border-radius:10px;background:var(--panel);border:3px solid var(--panel-border);box-shadow:inset 0 3px #ffffffbf,0 6px #00000024;text-align:center;line-height:1.5}.leaderboard-submit-row{margin:14px 0 8px;display:flex;gap:8px}.name-input{pointer-events:auto;flex:1;border:3px solid var(--panel-border);border-radius:8px;background:#fffef1;color:var(--ink);padding:10px;font:inherit;font-size:clamp(10px,2.3vw,12px)}.submit-score-button{pointer-events:auto;border:3px solid var(--panel-border);border-radius:8px;background:#c8f58d;color:var(--ink);padding:10px 12px;font:inherit;font-size:clamp(10px,2.3vw,12px);cursor:pointer}.submit-score-button:disabled{opacity:.65;cursor:not-allowed}.submit-message{min-height:1.2em}.leaderboard-panel{pointer-events:none;width:min(460px,100%);margin:0 auto;padding:12px;border:3px solid var(--panel-border);border-radius:10px;background:#fefde1eb}.leaderboard-panel h3{margin:0 0 8px;font-size:clamp(12px,2.8vw,15px)}.leaderboard-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.leaderboard-toggle{pointer-events:auto;border:3px solid var(--panel-border);border-radius:8px;background:#d3f4ff;color:var(--ink);padding:6px 10px;font:inherit;font-size:clamp(10px,2.2vw,11px);cursor:pointer}.leaderboard-list{margin:0;padding-left:20px;display:grid;gap:4px;max-height:180px;overflow:hidden}.leaderboard-list li{display:flex;justify-content:space-between;gap:8px;font-size:clamp(10px,2.2vw,12px)}.leaderboard-error{margin:0;font-size:clamp(10px,2.2vw,12px)}.panel h1,.panel h2{margin:0 0 12px;letter-spacing:.06em;font-size:clamp(16px,3.5vw,24px)}.panel p{margin:8px 0;font-size:clamp(10px,2.3vw,13px)}@media(max-width:700px){.hud{padding:12px}.hud-row{gap:8px}.score,.mute-toggle{padding:8px 10px}.leaderboard-submit-row{flex-direction:column}}