:root{color:#eef4e7;background:#101724;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{min-height:44px;border:0;border-radius:8px;padding:.75rem 1rem;color:#101724;background:#5debdc;font:inherit;font-weight:800;cursor:pointer;transition:transform .14s ease,background .14s ease,color .14s ease}button:hover{transform:translateY(-1px);background:#f8c550}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.8rem,2vw,1.4rem);width:min(1180px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.hud,.toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem}.eyebrow{margin:0 0 .35rem;color:#5debdc;font-size:.8rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{max-width:18ch;margin:0;font-size:clamp(2rem,5vw,4.7rem);line-height:.96;letter-spacing:0}.scoreboard{display:grid;grid-template-columns:repeat(3,minmax(84px,1fr));gap:.6rem;min-width:min(100%,360px)}.scoreboard span{border:1px solid rgba(238,244,231,.16);border-radius:8px;padding:.68rem .76rem;color:#eef4e7b8;background:#eef4e712;text-align:right}.scoreboard b{display:block;color:#f8c550;font-size:1.45rem;line-height:1.1}.playfield{position:relative;justify-self:center;width:min(100%,720px);aspect-ratio:1 / 1;min-height:0;border:1px solid rgba(238,244,231,.14);border-radius:8px;overflow:hidden;background:#151f2d;box-shadow:0 22px 70px #00000057}canvas{display:block;width:100%;height:100%;touch-action:manipulation}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:.8rem;padding:1.25rem;background:#101724b8;text-align:center}.modal.hidden{display:none}.modal strong{color:#f8c550;font-size:clamp(2rem,6vw,4.6rem);line-height:1}.modal span{max-width:42ch;color:#eef4e7d6;font-size:clamp(.95rem,2vw,1.2rem)}.button-row{display:flex;flex-wrap:wrap;gap:.5rem}.button-row button:nth-child(2){background:#f8c550}.button-row button:nth-child(3){color:#eef4e7;background:#eef4e724}.toolbar p{max-width:44ch;margin:0;color:#eef4e7b8;text-align:right}@media(max-width:760px){.app-shell{min-height:100svh;padding:.85rem}.hud,.toolbar{align-items:stretch;flex-direction:column}h1{max-width:13ch;font-size:clamp(2rem,12vw,3.35rem)}.scoreboard{min-width:0}.scoreboard span{text-align:left}canvas{aspect-ratio:1 / 1}.button-row{display:grid;grid-template-columns:1fr}.toolbar p{text-align:left}}