*{box-sizing:border-box}[hidden]{display:none!important}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;background:#1c78c9;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;color:#fff;z-index:5;position:fixed;inset:0}#hud>div{text-shadow:0 2px 6px #0000008c;font-weight:800;position:absolute}#score{top:calc(12px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));font-size:30px}#badge{top:calc(52px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));background:#00000059;border-radius:999px;padding:4px 10px;font-size:16px}#charname{top:calc(12px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));font-size:20px}#hint{bottom:calc(14px + env(safe-area-inset-bottom));opacity:.8;white-space:nowrap;font-size:14px;font-weight:500;left:50%;transform:translate(-50%)}#popup{opacity:0;color:#ffe066;-webkit-text-stroke:1.5px #7a3b00;font-size:44px;transition:transform .18s ease-out,opacity .18s;top:28%;left:50%;transform:translate(-50%,-50%)scale(.6)}#popup.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#touch{touch-action:none;z-index:4;position:fixed;inset:0}#joy{width:130px;height:130px;left:calc(110px + env(safe-area-inset-left));top:calc(100% - 120px - env(safe-area-inset-bottom));opacity:.55;pointer-events:none;background:#ffffff2e;border:2px solid #ffffff73;border-radius:50%;margin:-65px 0 0 -65px;position:absolute}#joy.active{opacity:1}#joy-knob{background:#ffffffd9;border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;position:absolute;top:50%;left:50%;box-shadow:0 3px 10px #00000059}#buttons{right:calc(18px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));grid-template-rows:64px 96px;grid-template-columns:64px 64px;place-items:end;gap:14px;display:grid;position:absolute}.tbtn{color:#fff;touch-action:none;-webkit-tap-highlight-color:transparent;background:#00000059;border:2px solid #fff9;border-radius:50%;width:64px;height:64px;padding:0;font-size:28px}.tbtn.big{background:#d7263d8c;grid-area:2/2;width:96px;height:96px;font-size:40px}#btn-skate{grid-area:2/1}#btn-attack{grid-area:1/2}.tbtn.pressed{background:#ffffff8c;transform:scale(.94)}#start{z-index:30;color:#fff;text-align:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(circle at 30% 20%,#4fb3ff 0%,#1c78c9 45%,#0e3f7a 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}#start .card{max-width:720px;padding:20px}#start .eyebrow{letter-spacing:.35em;opacity:.85;font-size:14px;font-weight:800}#start h1{color:#ffe066;text-shadow:0 4px #7a3b00,0 8px 20px #0006;margin:4px 0 6px;font-size:clamp(38px,8vw,72px)}#start .sub{opacity:.95;margin:0 0 18px;font-size:18px}#chars{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.char{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000040;border:3px solid #ffffff4d;border-radius:16px;padding:10px 6px;font-size:15px;font-weight:700}.char .emoji{margin-bottom:4px;font-size:36px;display:block}.char small{opacity:.8;margin-top:2px;font-size:11px;font-weight:500;display:block}.char.selected{background:#ffe06638;border-color:#ffe066;transform:scale(1.04)}#play{color:#fff;cursor:pointer;background:#d7263d;border:0;border-radius:999px;padding:14px 44px;font-size:26px;font-weight:900;box-shadow:0 6px #8e1220,0 12px 24px #00000059}#play:active{transform:translateY(4px);box-shadow:0 2px #8e1220}#start .tip{opacity:.8;margin-top:16px;font-size:13px}@media (width<=640px){#chars{grid-template-columns:repeat(2,1fr)}}#hpwrap{top:calc(88px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));background:#00000073;border:2px solid #fff9;border-radius:999px;width:200px;height:18px;overflow:hidden}#hp{background:#2ecc71;width:100%;height:100%;transition:width .15s}#hpwrap.low{animation:.6s infinite alternate lowhp}@keyframes lowhp{0%{border-color:#fff9}to{border-color:#ff3b3b}}#bots{top:calc(44px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));background:#00000059;border-radius:999px;padding:4px 10px;font-size:20px}#zone{top:calc(10px + env(safe-area-inset-top));white-space:nowrap;background:#3c1e788c;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:16px;display:flex;left:50%;transform:translate(-50%)}#zone.danger{background:#c81e1ebf;animation:.5s infinite alternate dangerpulse}@keyframes dangerpulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.06)}}#zone-arrow{font-size:20px;transition:transform .1s linear;display:inline-block}#power{top:calc(52px + env(safe-area-inset-top));color:#4a2c00;white-space:nowrap;background:#ffd666d9;border-radius:999px;padding:4px 12px;font-size:15px;left:50%;transform:translate(-50%)}#flash{pointer-events:none;background:#f000;inset:0}#flash.show{animation:.35s ease-out hurt}@keyframes hurt{0%{background:#ff000059}to{background:#f000}}#overlay{color:#fff;text-align:center;z-index:20;background:#0a143299;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay .card{background:#0000008c;border:2px solid #ffffff40;border-radius:24px;max-width:520px;padding:28px 36px}#overlay h2{color:#ffe066;text-shadow:0 3px #7a3b00;margin:0 0 10px;font-size:clamp(30px,6vw,48px)}#overlay p{margin:0 0 18px;font-size:18px;line-height:1.5}#ov-btn{color:#fff;cursor:pointer;background:#d7263d;border:0;border-radius:999px;padding:12px 36px;font-size:22px;font-weight:900;box-shadow:0 5px #8e1220}#mission{top:calc(118px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));background:#0006;border-radius:12px;width:230px;padding:8px 10px;font-size:14px}#mission-title{margin-bottom:4px}#mission-bar{background:#ffffff40;border-radius:999px;height:8px;overflow:hidden}#mission-fill{background:#ffe066;width:0;height:100%;transition:width .2s}#mission-sub{opacity:.85;margin-top:3px;font-size:12px;font-weight:600}#mission.done{background:#2ecc7180}.hudbtn{pointer-events:auto;top:calc(84px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));color:#fff;-webkit-tap-highlight-color:transparent;touch-action:none;background:#00000059;border:2px solid #ffffff80;border-radius:50%;width:44px;height:44px;padding:0;font-size:20px;position:absolute}#ranking{text-align:left;background:#00000040;border-radius:14px;margin-top:18px;padding:10px 14px;font-size:14px}#ranking:empty{display:none}.rank-title{text-align:center;margin-bottom:6px;font-weight:800}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{padding:2px 0}.medal{width:26px;display:inline-block}.rank-trick{opacity:.9;text-align:center;margin-top:6px}#rotate{z-index:50;color:#fff;text-align:center;background:#0e3f7a;justify-content:center;align-items:center;font-size:26px;font-weight:800;line-height:1.4;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}#modes{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.mode{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000004d;border:2px solid #ffffff80;border-radius:999px;padding:12px 22px;font-size:18px;font-weight:800}#lobby{background:#0000004d;border-radius:18px;margin-top:14px;padding:16px}.lobby-label{letter-spacing:.2em;opacity:.85;font-size:14px;font-weight:800}#lobby-code{letter-spacing:.25em;color:#ffe066;text-shadow:0 4px #7a3b00;margin:4px 0;font-size:clamp(44px,10vw,72px);font-weight:900}.lobby-hint{opacity:.85;margin-bottom:8px;font-size:14px}#lobby-input{letter-spacing:.3em;text-align:center;text-transform:uppercase;color:#fff;background:#ffffff26;border:3px solid #ffffff80;border-radius:14px;width:220px;margin:8px 0;padding:8px;font-size:40px;font-weight:900}#lobby-input::placeholder{color:#ffffff59}#lobby-enter,#lobby-start{color:#fff;cursor:pointer;background:#d7263d;border:0;border-radius:999px;margin:6px;padding:10px 30px;font-size:22px;font-weight:900;box-shadow:0 5px #8e1220}#lobby-start{background:#2ecc71;box-shadow:0 5px #1b7a43}#lobby-back{color:#fff;opacity:.8;cursor:pointer;background:0 0;border:0;margin-top:6px;font-size:15px;text-decoration:underline}#lobby-players{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px;display:flex}#lobby-players span{background:#ffffff2e;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700}#lobby-status{min-height:22px;margin-bottom:4px;font-size:15px}#lobby-status.err{color:#ffb3b3;font-weight:700}#emojis{bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:auto;gap:8px;display:flex;left:50%;transform:translate(-50%)}#emojis button{-webkit-tap-highlight-color:transparent;touch-action:none;cursor:pointer;background:#00000059;border:2px solid #ffffff80;border-radius:50%;width:46px;height:46px;padding:0;font-size:24px}#toast{top:calc(96px + env(safe-area-inset-top));opacity:0;white-space:nowrap;background:#00000073;border-radius:999px;padding:6px 14px;font-size:18px;transition:opacity .2s;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#prompt{bottom:calc(150px + env(safe-area-inset-bottom));white-space:nowrap;background:#0000008c;border:2px solid #ffe066;border-radius:999px;padding:10px 18px;font-size:20px;animation:.7s infinite alternate promptpulse;left:50%;transform:translate(-50%)}@keyframes promptpulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.05)}}#mg{pointer-events:none;inset:0}#mg>div{text-shadow:0 2px 6px #0000008c;font-weight:800;position:absolute}#mg-title{top:calc(12px + env(safe-area-inset-top));letter-spacing:.15em;background:#00000059;border-radius:999px;padding:4px 14px;font-size:18px;left:50%;transform:translate(-50%)}#mg-score{top:calc(12px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));font-size:34px}#mg-time{top:calc(12px + env(safe-area-inset-top));right:calc(70px + env(safe-area-inset-right));font-size:28px}#mg-time.low{color:#ff5a5a;animation:.4s infinite alternate lowhp}#mg-combo{color:#ffe066;-webkit-text-stroke:1px #7a3b00;white-space:nowrap;font-size:30px;top:18%;left:50%;transform:translate(-50%)}#mg-hint{bottom:calc(14px + env(safe-area-inset-bottom));opacity:.85;white-space:nowrap;background:#0000004d;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600;left:50%;transform:translate(-50%)}.mg-stats{text-align:left;grid-template-columns:1fr 1fr;gap:6px 16px;margin:8px 0;display:grid}.mg-stats b{float:right}#start .kids{color:#ffe066;text-shadow:0 2px #7a3b00;margin:-2px 0 8px;font-size:20px;font-weight:800}