*{box-sizing:border-box}body{margin:0;background:#090a0c;color:#f4f4f2;font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100%;touch-action:manipulation}main{width:min(760px,100%);margin:auto;padding:18px 14px 32px;text-align:center}.kicker{font-size:11px;letter-spacing:4px;color:#a5a5a5}h1{font-size:clamp(44px,10vw,78px);line-height:.9;margin:10px 0 4px;font-weight:1000;letter-spacing:-3px;font-style:italic}.tag{margin:0 0 14px;color:#b8ff35;font-weight:900;letter-spacing:2px}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.hud span{background:#15171b;border:1px solid #292c32;border-radius:10px;padding:7px 3px;font-size:10px;color:#999}.hud b{display:block;color:white;font-size:17px}.game{position:relative;background:#07090c;border:2px solid #3a4049;border-radius:16px;overflow:hidden}canvas{display:block;width:100%;height:auto;aspect-ratio:1/1}#message{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);background:#08090bd9;border:2px solid #b8ff35;border-radius:9px;padding:8px 14px;color:#fff;font-weight:1000;font-size:clamp(12px,3.4vw,20px);white-space:nowrap;pointer-events:none}.effects{font-size:12px;color:#aaa;padding:8px 0}.actions{display:flex;gap:8px;justify-content:center}.actions button,.pad button{border:0;border-radius:10px;background:#24272d;color:#fff;font-weight:900;min-height:46px;padding:0 18px}.actions #start{background:#b8ff35;color:#111}.pad{margin:14px auto 8px}.pad>button{display:block;margin:0 auto 6px}.pad div{display:flex;justify-content:center;gap:6px}.pad button{width:64px;font-size:20px;user-select:none;-webkit-user-select:none}.pad button:active{background:#b8ff35;color:#111}footer{margin-top:18px;font-size:12px;color:#666}footer strong{color:#aaa}@media(min-width:720px){.pad{display:none}}