:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090a12;color:#f8f8ff}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 0,#25164b 0,#0b0c16 44%,#07080e 100%)}
button{font:inherit}
.game-shell{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:#090a12}
.game-bar{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px 0 18px;border-bottom:1px solid #ffffff17;background:#11131f}
.game-bar>div:first-child{display:flex;flex-direction:column;gap:2px}
.game-bar strong{font-size:12px;letter-spacing:1.8px;color:#b7a7ff}
.game-bar span{font-size:9px;color:#85899c}
.bar-actions{display:flex;gap:7px}
.game-bar button{height:32px;padding:0 11px;border:1px solid #ffffff20;border-radius:9px;background:#ffffff08;color:#d6d7e2;font-size:10px;font-weight:750;cursor:pointer}
.game-bar button:hover{border-color:#8e7bff77;background:#8e7bff18;color:#fff}
.canvas-wrap{position:relative;min-height:0;flex:1;display:grid;place-items:center;background:#05060b;overflow:hidden}
canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;touch-action:none}
.start-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:min(310px,80%);padding:19px 23px;border:1px solid #a08cff80;border-radius:15px;background:#10121eea;color:#fff;box-shadow:0 18px 65px #000b;backdrop-filter:blur(9px);cursor:pointer;text-align:center}
.start-card b,.start-card span{display:block}.start-card b{font-size:18px;letter-spacing:1.5px;color:#c1b4ff}.start-card span{margin-top:6px;font-size:11px;line-height:1.5;color:#a8abb9}
.start-card[hidden]{display:none}
.touch-controls{height:72px;flex:none;display:none;grid-template-columns:1fr 1fr;gap:12px;padding:10px 14px;background:#0e101a;border-top:1px solid #ffffff12}
.touch-controls button{border:1px solid #ffffff20;border-radius:13px;background:#775cff22;color:#c3b8ff;font-size:22px;font-weight:900;touch-action:none;user-select:none}
.touch-controls button.active{background:#775cff55;border-color:#9f8dff;color:#fff}
.game-shell:fullscreen .game-bar,.game-shell:-webkit-full-screen .game-bar{position:absolute;z-index:4;top:10px;right:10px;width:auto;height:auto;padding:0;background:transparent;border:0}
.game-shell:fullscreen .game-bar>div:first-child,.game-shell:fullscreen #soundButton,.game-shell:fullscreen #pauseButton,.game-shell:-webkit-full-screen .game-bar>div:first-child,.game-shell:-webkit-full-screen #soundButton,.game-shell:-webkit-full-screen #pauseButton{display:none}
.game-shell:fullscreen #fullscreenButton,.game-shell:-webkit-full-screen #fullscreenButton{height:36px;background:#10121ee8;box-shadow:0 8px 28px #0009}
@media(max-width:800px),(pointer:coarse){.touch-controls{display:grid}.game-bar{height:50px;padding-left:12px}.game-bar span{display:none}.game-bar button{padding:0 8px}.canvas-wrap{min-height:0}}
@media(max-width:470px){#soundButton{display:none}.game-bar strong{font-size:10px}.bar-actions{gap:5px}.game-bar button{font-size:9px}}