*{box-sizing:border-box} body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#080612;color:#e7fdf8} #game-root{position:relative;width:min(100% - 24px,920px);margin:auto;padding:28px 0 36px;display:grid;gap:16px} #game-title{margin:0;text-align:center;font-size:clamp(1.45rem,4vw,2.8rem);letter-spacing:.16em;color:#5af0c0;text-shadow:0 0 18px #25d9b0;line-height:1.1} #ui{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;background:#110d24;border:1px solid #30265b;border-radius:14px;padding:14px;box-shadow:0 0 28px #27146055} #score-panel{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px 18px;font-size:.9rem;color:#b9b3d9} #score{color:#fff;font-size:1.25rem;font-weight:800} #controls{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;touch-action:none} button{font:inherit;color:#f5ffff;background:#171333;border:1px solid #554b91;border-radius:9px;min-height:44px;padding:8px 13px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s} button:hover{background:#2a2052;border-color:#5af0c0} button:focus-visible{outline:3px solid #f4d37b;outline-offset:3px} button:active{transform:translateY(1px)} #dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px;margin-top:44px} #dpad button{min-width:44px;min-height:44px;padding:0} #btn-up{grid-column:2} #btn-left{grid-column:1;grid-row:2} #btn-right{grid-column:3;grid-row:2} #btn-down{grid-column:2;grid-row:2} #game-canvas{display:block;width:100%;max-width:820px;aspect-ratio:1;border:1px solid #3c2c70;border-radius:18px;background:#140018;touch-action:none;box-shadow:0 0 0 1px #5af0c022,0 0 45px #7b25ff22;justify-self:center} #overlay{position:absolute;inset:120px 0 36px;display:flex;justify-content:center;align-items:center;background:#080612aa;backdrop-filter:blur(5px);z-index:2;border-radius:18px} #overlay[hidden]{display:none!important} #overlay-content{background:#120d29;color:#e0f0ff;padding:28px 34px;border:1px solid #5af0c0;border-radius:16px;text-align:center;font-size:clamp(1.2rem,3vw,2rem);box-shadow:0 0 40px #5af0c055} #overlay button{margin-top:18px;background:#5af0c0;color:#07111b;border-color:#5af0c0;font-weight:800} #game-desc{color:#b9b3d9;font-size:.8rem} .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:560px){#game-root{width:min(100% - 16px,920px);padding-top:18px}#ui{padding:10px}#score-panel{grid-template-columns:1fr 1fr;font-size:.78rem}#controls{width:100%;justify-content:space-between}#overlay{inset:100px 0 20px}button{min-height:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}