:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101d46;font-family:system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{touch-action:none;-webkit-user-select:none;user-select:none;background:#101d46;place-items:center;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.page-shell{place-items:center;width:min(100vw,57vh);display:grid}.game-frame{aspect-ratio:780/1366;touch-action:none;-webkit-user-select:none;user-select:none;background:#101d46;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 40px #0008}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;text-shadow:0 2px 3px #000;z-index:10;justify-content:space-between;align-items:start;display:flex;position:absolute;top:2.4%;left:8%;right:8%}.hud-item{color:#fff7b0;letter-spacing:2px;gap:2px;font-size:10px;font-weight:800;display:grid}.hud-item strong{color:#fff;letter-spacing:1px;font-size:clamp(18px,4vw,30px)}.sound-button{pointer-events:auto;color:#ffd21b;cursor:pointer;background:#151f43dd;border:2px solid #ffd21b;border-radius:50%;width:34px;height:34px}.overlay{text-align:center;color:#fff;cursor:pointer;z-index:20;background:#08123edd;place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.overlay h1{color:#ffdc1d;text-shadow:0 4px #803c15,0 0 22px #ffd21d;margin:0;font-size:clamp(32px,9vw,68px);line-height:.9}.overlay p{color:#d9edff;letter-spacing:1px;margin:0;font-weight:800}.overlay small{color:#d7dfff;max-width:240px;line-height:1.5}.touch-controls{pointer-events:none;z-index:5;opacity:1;transition:opacity .5s;position:absolute;inset:0}.touch-controls.fade-out{opacity:0}.touch-controls.fade-out .touch-btn{pointer-events:auto;opacity:0!important}.touch-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff7b0e6;cursor:pointer;text-shadow:0 2px 4px #000c;background:#101d4673;border:2px solid #ffda4480;border-radius:12px;justify-content:center;align-items:center;font-weight:800;transition:transform 80ms,background 80ms,border-color 80ms,opacity .3s;display:flex;position:absolute;box-shadow:0 4px 12px #0000004d}.touch-btn:active,.touch-btn.active{color:#fff;background:#ffd21ba6;border-color:#fff;transform:scale(.94);box-shadow:0 0 20px #ffd21be6}.touch-left{width:23%;height:7.5%;font-size:clamp(12px,3vw,18px);bottom:2.5%;left:24%}.touch-right{width:23%;height:7.5%;font-size:clamp(12px,3vw,18px);bottom:2.5%;left:52%}.touch-launch{color:#fff;background:#eb571e73;border-color:#ff782899;width:20%;height:7.5%;font-size:clamp(11px,2.7vw,16px);bottom:2.5%;right:2%}.touch-launch:active,.touch-launch.active{background:#ff641ee6;border-color:#fff;box-shadow:0 0 20px #ff641ee6;opacity:1!important}.touch-zone{opacity:0;background:0 0;border:0;width:38%;height:22%;position:absolute;bottom:0}.touch-zone.left{left:5%}.touch-zone.right{right:5%}.launch-zone{background:0 0;border:0;width:12%;height:24%;position:absolute;bottom:31%;right:4%}@media (max-aspect-ratio:780/1366){.page-shell{width:100vw}}