*{box-sizing:border-box}body,#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.device{position:relative;width:min(98vw,1320px);aspect-ratio:1024 / 768;-webkit-user-select:none;user-select:none;touch-action:manipulation}.device-bg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.screen{position:absolute;left:24.75%;top:22.08%;width:49.68%;height:54.92%;overflow:hidden;background:transparent}.screen canvas{width:100%;height:100%;display:block}.hitzone{position:absolute;background:transparent;border:none;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.hitzone:active{filter:brightness(1.3)}.btn-start{left:82.42%;top:10.01%;width:7.13%;height:7.31%;border-radius:50%}.btn-score{left:82.42%;top:22.38%;width:7.13%;height:7.19%;border-radius:50%}.btn-exit{left:82.42%;top:33.94%;width:7.13%;height:6.33%;border-radius:50%}.btn-w{left:8.48%;top:61.65%;width:5.53%;height:8.73%;border-radius:50%}.btn-s{left:8.28%;top:79.09%;width:5.61%;height:8.92%;border-radius:50%}.btn-p{left:84.8%;top:61.37%;width:6.2%;height:9.22%;border-radius:50%}.btn-l{left:84.84%;top:78.08%;width:6.24%;height:9.35%;border-radius:50%}.overlay{position:absolute;left:24.75%;top:22.08%;width:49.68%;height:54.92%;border-radius:4%;background:#0a0e0adb;color:#e8f0e4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.6em;padding:4%;font-size:clamp(10px,1.6vw,18px)}.overlay.hidden{display:none}.overlay h1{font-size:1.5em;margin:0 0 .2em;letter-spacing:.05em}.overlay p{margin:0;opacity:.85}.overlay input{font-size:1.1em;padding:.4em .6em;border-radius:6px;border:2px solid #ffd34d;background:#1a2016;color:#e8f0e4;text-align:center;width:70%;max-width:220px}.overlay button.action{font-size:1em;padding:.5em 1.2em;border-radius:20px;border:none;background:#ffd34d;color:#2b2f16;font-weight:600;cursor:pointer}.overlay button.action:active{filter:brightness(.9)}.overlay button.secondary{background:transparent;border:1px solid #8a9a86;color:#cfe0ca}.overlay .leaderboard-list{list-style:none;margin:0;padding:0;width:100%;max-height:55%;overflow-y:auto;font-size:.95em}.overlay .leaderboard-list li{display:flex;justify-content:space-between;padding:.15em .6em;border-bottom:1px solid rgba(255,255,255,.08)}.overlay .leaderboard-list li.me{color:#ffd34d;font-weight:700}.hud{position:absolute;top:3%;left:3%;right:3%;display:flex;justify-content:space-between;font-size:clamp(11px,2.2vw,18px);color:#fff6d8;font-weight:800;letter-spacing:.02em;pointer-events:none;z-index:5}.hud span{background:#0a0e0a8c;padding:.2em .6em;border-radius:999px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:6}.countdown.hidden{display:none}.countdown span{font-size:clamp(48px,14vw,120px);font-weight:800;color:#fff6d8;text-shadow:0 2px 6px rgba(0,0,0,.75)}