:root{color:#eef2ff;background:#080b18;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#080b18}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:1.5rem;background:radial-gradient(circle at 50% -20%,#1b3d61 0,transparent 45%),#080b18}.game-layout{width:min(1180px,100%);margin:0 auto}.page-header,.hud{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-header h1{margin:0;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.06em}.tagline{max-width:12rem;color:#9ba7c7;text-align:right}.hud{justify-content:flex-start;margin:1rem 0;color:#d8def4}.hud>div{display:grid;gap:.15rem;min-width:6rem}.hud strong{font-size:1.4rem}.hud-label{color:#7f8cb2;font-size:.68rem;letter-spacing:.18em}.game-stage{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;border:1px solid #273665;border-radius:1.25rem;background:#0b1025;box-shadow:0 24px 80px #0000005c,inset 0 0 36px #7cf5d20a}.game-canvas{display:block;width:100%;height:100%}.overlay-card{position:absolute;inset:50% auto auto 50%;width:min(28rem,calc(100% - 2rem));transform:translate(-50%,-50%);padding:2rem;border:1px solid rgba(124,245,210,.3);border-radius:1rem;background:#080b18e6;box-shadow:0 18px 60px #00000073;text-align:center}.overlay-card h1,.overlay-card h2{margin:.25rem 0 .7rem;font-size:clamp(2rem,6vw,3.5rem);letter-spacing:-.05em}.overlay-card p:not(.eyebrow){color:#aeb8d3;line-height:1.55}.final-score{color:#ffd166!important;font-size:3rem;font-weight:800}.primary-button,.icon-button,.text-button{border:0;border-radius:999px;transition:transform .15s ease,filter .15s ease,background .15s ease}.primary-button{padding:.85rem 1.35rem;color:#07111a;background:#7cf5d2;font-weight:800}.icon-button,.text-button{padding:.55rem .8rem;color:#dfe8ff;background:#182448}.primary-button:hover,.icon-button:hover,.text-button:hover{filter:brightness(1.1);transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline:3px solid #ffd166;outline-offset:3px}.leaderboard-placeholder{display:flex;justify-content:center;margin-top:1rem;padding:1rem;border:1px solid #202c52;border-radius:.8rem;color:#8f9bbc;background:#0e142dbf}.leaderboard-panel{margin-top:1rem;padding:1.25rem;border:1px solid #202c52;border-radius:.8rem;background:#0e142dbf}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.section-heading h2{margin:.25rem 0 0;font-size:1.5rem}.leaderboard-count,.rank{color:#7f8cb2;font-size:.72rem;letter-spacing:.14em}.leaderboard-list{display:grid;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none}.leaderboard-list li{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.7rem;min-height:2.6rem;padding:.45rem .65rem;border-radius:.5rem;background:#1c2a5275}.entry-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list strong{color:#ffd166}.score-form{display:grid;gap:.5rem;margin:1rem 0;text-align:left}.score-form label{color:#aeb8d3;font-size:.85rem}.form-row{display:flex;gap:.5rem}.form-row input{min-width:0;flex:1;border:1px solid #354572;border-radius:.55rem;padding:.75rem;color:#eef2ff;background:#0d1530}.form-message{min-height:1.2rem;margin:0;color:#9ba7c7!important;font-size:.8rem}.status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;color:#aeb8d3}.status-error{color:#ff9bb7}.status-empty{color:#9ba7c7}.touch-controls{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:1rem}.direction-pad{display:grid;grid-template:repeat(2,3rem) / repeat(3,3rem);gap:.35rem}.touch-button,.fire-button{min-width:3rem;min-height:3rem;border:1px solid #334675;border-radius:.65rem;color:#dfe8ff;background:#172448;font-weight:800;touch-action:none;user-select:none}.touch-up{grid-column:2}.touch-left{grid-column:1;grid-row:2}.touch-down{grid-column:2;grid-row:2}.touch-right{grid-column:3;grid-row:2}.fire-button{min-width:5.5rem;border-color:#ff5f8f;color:#ffd1df;background:#4b1d42}@media(min-width:700px){.touch-controls{display:none}}.eyebrow{color:#7cf5d2;letter-spacing:.22em;font-size:.75rem}@media(max-width:640px){.app-shell{padding:.8rem}.page-header{align-items:flex-end}.tagline{font-size:.8rem}.game-stage{border-radius:.8rem}.form-row{align-items:stretch;flex-direction:column}.form-row .primary-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}