:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#f5f8ef;background:radial-gradient(circle at top,rgba(71,131,96,.45),transparent 48%),linear-gradient(180deg,#0d2314,#08140c);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}body{min-height:100vh}button,canvas{-webkit-tap-highlight-color:transparent}#app{min-height:100vh;display:grid;place-items:center;padding:20px}.game-shell{width:min(100%,980px);display:grid;gap:16px}.unlock-banner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.unlock-slot{min-height:58px;display:grid;place-items:center;padding:10px 12px;border-radius:16px;border:1px solid rgba(208,234,214,.14);background:#08170c99;box-shadow:inset 0 1px #ffffff0a;position:relative;font-size:clamp(1rem,2vw,1.18rem);font-weight:800;letter-spacing:.04em;color:#f8f1c9}.unlock-slot:after{content:"";width:72%;height:3px;border-radius:999px;background:#edf5e870}.unlock-slot.is-unlocked{background:linear-gradient(180deg,#24492ceb,#122c16eb);border-color:#f2d44157;box-shadow:0 14px 24px #0003,inset 0 1px #ffffff14}.unlock-slot.is-unlocked:after{display:none}.court-frame{padding:clamp(12px,2vw,18px);border-radius:28px;background:linear-gradient(180deg,#0e1f13f5,#07120beb);border:1px solid rgba(208,234,214,.18);box-shadow:0 30px 80px #00000057,inset 0 1px #ffffff0f}.court{display:block;width:100%;aspect-ratio:12 / 7;border-radius:18px;background:#245a30}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.control-button{min-height:84px;border:0;border-radius:20px;padding:16px 18px;font:inherit;font-size:clamp(1.05rem,2vw,1.2rem);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#0d180f;background:linear-gradient(180deg,#f4f0e0,#c7d5bd);box-shadow:0 18px 30px #0000003d,inset 0 1px #ffffffb8;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform 90ms ease,box-shadow 90ms ease,filter 90ms ease}.control-button:hover{filter:brightness(1.03)}.control-button:focus-visible{outline:3px solid #f2d441;outline-offset:3px}.control-button.is-pressed{transform:translateY(2px) scale(.992);box-shadow:0 10px 18px #0003,inset 0 2px 8px #172a1b2e}@media(max-width:700px){#app{padding:14px}.unlock-banner{grid-template-columns:repeat(2,minmax(0,1fr))}.control-button{min-height:76px}}