*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#eaf3f9;color:#203040}.shell{min-height:100vh;display:flex;flex-direction:column;gap:10px;padding:12px}.topbar,.controls{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.9);border:1px solid #d9e7ef;border-radius:18px;padding:12px 16px;box-shadow:0 8px 24px rgba(60,90,120,.08)}.topbar span{color:#607486}.stats{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.stats span{background:#f4f9fc;border-radius:999px;padding:6px 10px;color:#203040}#lives{color:#ef4d6d;letter-spacing:2px}.game-wrap{flex:1;display:grid;place-items:center;min-height:0}canvas{width:min(100%,calc((100vh - 150px)*16/9));aspect-ratio:16/9;max-height:calc(100vh - 150px);border-radius:24px;border:1px solid #cfe0e8;box-shadow:0 18px 50px rgba(40,70,90,.18);background:white}button{border:0;border-radius:999px;background:#dceaf2;color:#203040;padding:11px 16px;font-weight:700;cursor:pointer}button.active{background:#203040;color:white}.controls{justify-content:flex-start;flex-wrap:wrap}.controls p{margin:0;color:#607486;font-size:14px}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.shell{padding:8px}canvas{width:100%;max-height:none}.controls{gap:8px}}