@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Chakra;src:url(/fonts/chakra-petch-bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#101426;--panel:#191e34;--line:#2b3149;--text:#f5f6ff;--muted:#a3abc5;--mint:#88dec7;--purple:#9875ff;--peach:#ffbb6a;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--page);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,.arena:focus-visible{outline:3px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}.skip{z-index:30;background:var(--mint);color:var(--page);padding:12px;position:absolute;top:-60px;left:20px}.skip:focus{top:12px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;padding:0 max(32px,50vw - 680px);display:flex}.brand{letter-spacing:-1px;align-items:center;font-size:23px;font-weight:800;display:flex}.brand-light{color:#b6bfdc;font-weight:400}.brand-mark{background:var(--purple);text-align:center;color:#14172d;letter-spacing:-4px;border-radius:11px;width:37px;height:37px;margin-right:11px;padding-right:5px;font-size:30px;line-height:31px}.brand-mark span{color:var(--mint);font-size:22px}.top-links{color:var(--muted);align-items:center;gap:26px;font-size:12px;display:flex}.top-links a:hover{color:var(--mint)}.prototype{color:#cbb8ff;border:1px solid #514475;border-radius:5px;padding:5px 10px}main{max-width:1360px;margin:auto;padding:36px 32px 0}.heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.game-caption{color:var(--mint);margin:0 0 8px;font-size:12px}h1{letter-spacing:-1px;margin:0;font:700 clamp(30px,3.1vw,45px)/1.15 Chakra,Manrope,sans-serif}h1 span{letter-spacing:0;color:#c0c5db;margin-left:20px;font:500 17px Manrope,PingFang SC,sans-serif}.intro{color:var(--muted);margin:13px 0 0;font-size:13px}.round-length{align-items:center;gap:12px;padding-right:10px;display:flex}.clock-icon{color:var(--purple);font-size:42px}.round-length strong{font-size:17px}.round-length div>span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.game-layout{grid-template-columns:minmax(0,1fr) 286px;gap:28px;display:grid}.play-column{min-width:0}.scorebar{background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;gap:40px;padding:18px 24px;display:flex}.scorebar>div{align-items:center;gap:16px;display:flex}.scorebar span{color:var(--muted);font-size:11px}.scorebar strong{font-variant-numeric:tabular-nums;letter-spacing:1px;font:700 30px/1 Chakra,Manrope,sans-serif}.scorebar small{color:var(--muted);letter-spacing:0;font:500 11px Manrope,PingFang SC,sans-serif}.scorebar .combo-stat strong{color:var(--peach)}.scorebar .time-stat{margin-left:auto}.time-stat.low strong{color:#ff8d9b}.arena{aspect-ratio:16/10;isolation:isolate;touch-action:none;background:#1b2540;border:1px solid #354260;outline:none;position:relative;overflow:hidden}#game-canvas,#game-canvas canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.arena-tag{color:#b4bdd5;pointer-events:none;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;top:20px;left:22px}.dot{background:var(--mint);border-radius:50%;width:6px;height:6px}.multiplier{color:var(--peach);pointer-events:none;font:700 26px Chakra;position:absolute;top:13px;right:22px}.arena-bottom{color:#b3bed4;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:17px;left:22px;right:22px}.arena-bottom>span{align-items:center;gap:6px;display:flex}.arena-bottom i{border-radius:50%;width:7px;height:7px}.left-hand{background:var(--mint)}.right-hand{background:var(--peach)}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10162ab3;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.overlay-card{text-align:center;width:100%;max-width:440px}.hand-art{color:var(--peach);justify-content:center;align-items:center;gap:21px;margin-bottom:20px;display:flex}.hand-art svg{fill:none;width:74px;height:74px;stroke:var(--mint);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-13deg)}.hand-art>span:first-child{align-self:flex-start;font-size:27px}.hand-art>span:last-child{color:var(--purple);align-self:flex-end;font-size:37px}.overlay h2{letter-spacing:1px;margin:0 0 13px;font-size:25px}.overlay p{color:#b4bdd4;margin:0 0 24px;font-size:12px;line-height:1.9}.primary{background:var(--mint);color:#142a2c;border:0;border-radius:9px;min-width:200px;margin:auto;padding:14px 28px;font-weight:800;display:block}.primary:hover{background:#a7efdb}.text-button{color:#bfc7df;background:0 0;border:0;margin:14px auto 0;padding:6px;font-size:12px;display:block}.text-button:hover{color:var(--mint)}progress{width:230px;height:8px;accent-color:var(--mint);margin:18px auto 0}.overlay.counting h2{color:var(--mint);margin:0;font:700 100px Chakra}.overlay.counting .hand-art{display:none}.game-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:60px;display:flex}.live-state{color:var(--muted);font-size:11px;line-height:1.6}.toolbar-buttons{flex-shrink:0;gap:7px;display:flex}.toolbar-buttons button{border:1px solid var(--line);background:#191e34;border-radius:6px;padding:7px 10px;font-size:11px}.toolbar-buttons button:hover:enabled{border-color:#7e72ad}.keyboard-hint{color:#9ca6c4;justify-content:space-between;gap:10px;margin:14px 0;font-size:10px;display:flex}.keyboard-hint span{color:#909bb9}.side-panel{padding:0}.input-switch{border:1px solid var(--line);background:#151a2d;border-radius:9px;margin-bottom:16px;padding:4px;display:flex}.input-switch button{width:50%;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:11px 4px;font-size:12px}.input-switch .selected{color:#e1d5ff;background:#34314f}.camera-preview{aspect-ratio:4/3;border:1px solid var(--line);background:#191f33;border-radius:12px;position:relative;overflow:hidden}.camera-preview video{object-fit:contain;width:100%;height:100%;display:block;transform:scaleX(-1)}#camera-placeholder{color:#929eba;flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:11px;display:flex;position:absolute;inset:0}#camera-placeholder svg{fill:none;stroke:#7282a7;stroke-width:1.5px;width:43px}.camera-chip{color:var(--muted);background:#101426d9;border-radius:4px;padding:4px 8px;font-size:9px;position:absolute;bottom:11px;left:11px}.camera-chip.active{color:var(--mint)}.camera-actions{justify-content:space-between;gap:10px;margin:9px 0 26px;display:flex}.camera-actions button{color:#b2bdd8;background:0 0;border:0;padding:5px 0;font-size:10px}.camera-actions button:hover:enabled{color:var(--mint)}.how-to{border-top:1px solid var(--line);padding-top:20px}.how-to h2{margin:0 0 20px;font-size:14px;font-weight:600}.how-to ol{margin:0;padding:0;list-style:none}.how-to li{gap:12px;margin-bottom:19px;display:flex}.how-to li>span{color:#b5a0ef;text-align:center;background:#242b43;border-radius:50%;flex-shrink:0;width:24px;height:24px;font-size:11px;line-height:24px}.how-to strong{font-size:11px;font-weight:600}.how-to p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.8}.privacy-note{border-top:1px solid var(--line);gap:10px;margin-top:25px;padding-top:20px;display:flex}.privacy-note svg{fill:none;width:20px;height:20px;stroke:var(--mint);stroke-width:1.5px;flex-shrink:0}.privacy-note strong{color:var(--mint);font-size:11px;font-weight:600}.privacy-note p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.9}footer{border-top:1px solid var(--line);color:#8f99b7;justify-content:space-between;gap:15px;max-width:1296px;margin:30px auto 0;padding:20px 0 24px;font-size:10px;display:flex}.result-stats{justify-content:center;gap:28px;margin:0 0 24px;display:flex}.result-stats strong{color:var(--mint);font:700 28px Chakra;display:block}.result-stats span{color:var(--muted);font-size:10px}@media (width>=1500px){main{padding-top:46px}.heading{margin-bottom:32px}}@media (width<=1100px){.game-layout{grid-template-columns:minmax(0,1fr) 248px;gap:20px}.scorebar{gap:20px;padding:17px}.scorebar>div{gap:9px}.scorebar strong{font-size:25px}.scorebar span{font-size:10px}.overlay h2{font-size:22px}.hand-art{margin-bottom:15px}.hand-art svg{width:60px;height:60px}.overlay p{margin-bottom:16px;font-size:11px}.primary{padding:11px 20px}.keyboard-hint{flex-direction:column;gap:6px}.how-to li{margin-bottom:15px}}@media (width<=800px){.topbar{height:70px;padding:0 22px}main{padding:27px 20px 0}.heading{margin-bottom:22px}.round-length{display:none}.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:1fr 1fr;gap:14px 22px;display:grid}.input-switch{grid-column:1/-1;margin:0}.camera-preview{grid-area:2/1}.camera-actions{grid-area:3/1;margin:0}.how-to{border:0;grid-area:2/2/5;padding:0}.how-to h2{margin-bottom:15px}.privacy-note{grid-column:1/-1;margin:0;padding-top:15px}.keyboard-hint{flex-direction:row;font-size:10px}footer{margin:28px 20px 0}.arena{aspect-ratio:16/10}}@media (width<=480px){.brand{font-size:20px}.brand-mark{width:32px;height:32px;font-size:27px;line-height:27px}.top-links{gap:12px;font-size:10px}.prototype{display:none}h1{font-size:32px}h1 span{margin:8px 0 0;font-size:14px;display:block}.intro{font-size:11px;line-height:1.8}.scorebar{gap:17px;padding:15px 12px}.scorebar>div{flex-direction:column;align-items:flex-start;gap:8px}.scorebar strong{font-size:25px}.scorebar .time-stat{align-items:flex-end}.arena{aspect-ratio:4/5}.overlay{padding:20px 13px}.overlay h2{font-size:21px}.overlay p{font-size:11px;line-height:2}.arena-tag{top:15px;left:15px}.arena-bottom{font-size:9px;left:13px;right:13px}.arena-bottom #arena-hint{text-align:center;max-width:180px;display:block}.game-toolbar{flex-direction:column;align-items:flex-start;gap:10px;padding:13px 0}.toolbar-buttons{width:100%}.toolbar-buttons button{flex:1;padding:9px}.keyboard-hint{flex-direction:column}.side-panel{gap:12px 15px}.how-to strong{font-size:10px}.how-to p{font-size:10px;line-height:1.7}.how-to li{gap:8px;margin-bottom:13px}.how-to li>span{width:20px;height:20px;line-height:20px}.camera-preview{align-self:start}.camera-actions{flex-direction:column;align-self:start;align-items:flex-start;gap:3px}.camera-chip{font-size:8px;bottom:7px;left:7px}.privacy-note{margin-top:7px}footer{flex-direction:column;gap:9px}.hand-art{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}