:root{color-scheme:dark;font:15px system-ui,sans-serif;background:#181622;color:#f9edf1;--pink:#ff8099;--red:#e9506d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#3d2335,transparent 70%)}button,a{-webkit-tap-highlight-color:transparent}button{font:700 12px system-ui;min-height:44px;padding:10px 15px;color:#fff0f4;background:#372938;border:1px solid #705062;border-radius:12px;cursor:pointer}button:hover{border-color:var(--pink)}button:disabled{opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #f9d17d;outline-offset:3px}a{color:#ffb5c5;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}main{max-width:1040px;margin:auto;padding:0 18px}header{display:flex;align-items:center;gap:10px;min-height:72px;font-size:12px}header strong{flex:1;text-align:center;letter-spacing:2px}header strong span,h1 span{color:var(--pink)}header button{min-width:44px;font-size:19px;padding:6px}.stats{display:flex;justify-content:space-between;align-items:center;margin:0 5px 12px}.stats>div:first-child,.stats>div:last-child{width:110px}.stats>div:last-child{text-align:right}small{font-size:9px;letter-spacing:1.5px;color:#d7a9bb}.stats small{display:block}.stats b{font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}.stats em{font:12px system-ui;color:#c69eaf;margin-left:3px}.phone{text-align:center}#bars{height:32px;display:flex;justify-content:center;align-items:flex-end;gap:5px;margin-bottom:5px}#bars i{display:block;width:11px;background:#65515f;border-radius:3px 3px 0 0;height:10px}#bars i:nth-child(2){height:17px}#bars i:nth-child(3){height:24px}#bars i:nth-child(4){height:31px}#bars i.on{background:#85e1bd;box-shadow:0 0 12px #73e2bd44}#arena{position:relative;border:1px solid #846076;border-radius:18px;overflow:hidden;box-shadow:0 15px 80px #10091366;aspect-ratio:10/7}canvas{display:block;width:100%;height:100%;touch-action:none}#overlay{position:absolute;inset:0;background:#181622e8;display:grid;place-items:center;overflow:auto;padding:18px;backdrop-filter:blur(7px)}#overlay[hidden],[hidden]{display:none!important}section{max-width:520px;text-align:center}.eyebrow{font-size:9px;letter-spacing:2px;color:#c89aaa}h1{font-size:clamp(35px,6vw,72px);letter-spacing:-3px;line-height:.95;margin:14px 0}#intro{font-size:14px}.how,.hint{color:#d5baca;font-size:12px;line-height:1.6}.actions{display:flex;gap:9px;justify-content:center;margin:16px 0}.primary{background:var(--red);border-color:#ff9bad;color:white}#record,#challenge{color:#f6cb8d;font-size:12px}.hint{font-size:10px}#offline,#share,#picture{font-size:10px;margin:4px}#shareStatus{font-size:11px;color:#ffbfce}.bottom{display:flex;align-items:center;gap:16px;margin-top:14px;min-height:92px}.transmission{flex:1}.transmission>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px}progress{width:100%;height:12px;margin:8px 0;accent-color:#85e1bd}#event{font-size:12px;color:#d9b4c4;margin:0;min-height:34px}footer{font-size:10px;color:#a58299;text-align:center;padding:16px}#joystick{display:none;position:relative;flex-shrink:0;width:100px;height:100px;border:1px solid #b37c9666;border-radius:50%;background:#63394c33;touch-action:none;user-select:none}#joystick span{position:absolute;left:29px;top:29px;width:40px;height:40px;background:#ff809966;border:1px solid #ffb4c5;border-radius:50%}body.touch #joystick{display:block}#toast{position:absolute;left:50%;top:10px;transform:translateX(-50%);background:#201522cc;padding:7px 12px;border-radius:20px;font-size:11px;color:#ffe0a5;pointer-events:none;white-space:nowrap}#toast:empty{display:none}@media(max-width:600px){main{padding:0 10px}header{min-height:60px;font-size:10px;gap:5px}header strong{letter-spacing:1px}.stats b{font-size:26px}#arena{aspect-ratio:10/9}canvas{object-fit:contain;background:#201c2c}#overlay{padding:10px}h1{font-size:39px;margin:8px 0}.how{font-size:11px;margin:8px 0}.eyebrow{font-size:7px}.hint{font-size:9px}.actions{margin:9px 0;gap:5px}.actions button{font-size:10px;padding:8px}.bottom{gap:10px}.transmission>div{font-size:8px}#event{font-size:11px}#record{margin:7px 0}}@media(max-height:500px) and (orientation:landscape){main{max-width:750px}header{min-height:48px}.stats{position:absolute;left:10px;top:60px;display:block;z-index:2;pointer-events:none;background:#181622d9;padding:10px;border-radius:10px}.stats>div{margin-bottom:10px}#arena{width:70%;margin:auto;aspect-ratio:10/7}.bottom{position:absolute;bottom:15px;left:15px;right:15px;pointer-events:none}.transmission{display:none}#joystick{pointer-events:auto;width:80px;height:80px}#joystick span{left:19px;top:19px}footer{display:none}#overlay{position:fixed;z-index:5}h1{font-size:36px}.how{margin:8px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}