.viewport{isolation:isolate;border-radius:var(--radius-l);border:1px solid var(--line);background:#020306;min-height:0;transition:border-color .4s;position:relative;overflow:hidden}.viewport.is-tracked{border-color:#2ee6ff47}.viewport__media{position:absolute;inset:0}.viewport__media video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.viewport__media:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 40%,#05060bb8 100%),linear-gradient(#0c0a2066,#05060b80);position:absolute;inset:0}.viewport__overlay{z-index:2;width:100%;height:100%;position:absolute;inset:0}.viewport__scan{z-index:3;pointer-events:none;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 4px);position:absolute;inset:0}.viewport__corners{z-index:3;pointer-events:none;--c:#f2f5ff80;background:linear-gradient(var(--c), var(--c)) top left / 22px 1.5px no-repeat, linear-gradient(var(--c), var(--c)) top left / 1.5px 22px no-repeat, linear-gradient(var(--c), var(--c)) top right / 22px 1.5px no-repeat, linear-gradient(var(--c), var(--c)) top right / 1.5px 22px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 22px 1.5px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 1.5px 22px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 22px 1.5px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 1.5px 22px no-repeat;position:absolute;inset:14px}.viewport__tag{z-index:4;font-family:var(--font-ui);letter-spacing:.12em;color:var(--text-2);background:#05060bcc;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:24px}.viewport__tag--tl{left:24px}.viewport__tag--tr{font-variant-numeric:tabular-nums;right:24px}.live-dot{background:var(--text-3);border-radius:50%;width:8px;height:8px}.live-dot.is-on{background:var(--success);box-shadow:0 0 10px var(--success);animation:1.6s ease-in-out infinite live}@keyframes live{50%{opacity:.45}}.viewport__gestures{z-index:4;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:24px;left:24px}.viewport__banner{z-index:5;color:#ffd9d0;white-space:nowrap;background:#3a100ceb;border:1px solid #ff5a3d99;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.viewport--pip{width:168px;aspect-ratio:var(--video-aspect,4 / 3);border-radius:var(--radius-m)}.viewport--pip .viewport__corners{inset:8px}@media (max-width:720px){.viewport__tag{top:14px}.viewport__tag--tl{left:14px}.viewport__tag--tr{right:14px}.viewport__gestures{bottom:14px;left:14px}.viewport__banner{white-space:normal;width:calc(100% - 28px);top:50px}}.arcade{padding:0 var(--gutter) var(--gutter);height:calc(100dvh - var(--topbar-h));grid-template-columns:minmax(0,1fr) 320px;gap:16px;min-height:520px;display:grid}.arcade__stage{border-radius:var(--radius-l);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));min-height:0;position:relative;overflow:hidden}.arcade__camera{border:0;border-radius:0;position:absolute;inset:0}.arcade__canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.arcade__hud{z-index:5;pointer-events:none;flex-direction:column;padding:18px 20px 20px;display:flex;position:absolute;inset:0}.arcade__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.arcade__stat{border-radius:var(--radius-m);background:#080910b8;gap:2px;padding:10px 14px;display:grid}.arcade__stat strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(28px,3.4vw,44px);line-height:1}.arcade__combo{color:var(--accent);font-size:13px;font-weight:800}.arcade__right{border-radius:var(--radius-m);background:#080910b8;justify-items:end;gap:6px;padding:10px 14px;display:grid}.arcade__counter{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(20px,2.2vw,28px);line-height:1}.arcade__lives{color:var(--text-3);gap:4px;display:flex}.arcade__lives .is-full{color:var(--error)}.arcade__lives .is-full svg{fill:currentColor}.arcade__progress{background:#ffffff1f;border-radius:999px;height:4px;margin-top:12px;overflow:hidden}.arcade__progress div{transform-origin:0;background:var(--accent);border-radius:999px;height:100%;transition:transform .2s linear}.arcade__middle{flex:1;place-items:start center;padding-top:4vh;display:grid}.arcade__cue{border-radius:var(--radius-l);border:2px solid var(--tone,var(--accent));text-align:center;box-shadow:0 0 40px -10px var(--tone,var(--accent));background:#080910cc;justify-items:center;gap:4px;padding:14px 28px;display:grid}.arcade__cue strong{font-family:var(--font-display);text-transform:uppercase;color:var(--tone,var(--text));font-size:clamp(30px,4.6vw,64px);line-height:1}.arcade__cue span{color:var(--text-2);font-size:clamp(14px,1.4vw,18px);font-weight:700}.arcade [data-tone=go]{--tone:var(--success)}.arcade [data-tone=stop],.arcade [data-tone=bad]{--tone:var(--error)}.arcade [data-tone=good]{--tone:var(--warn)}.arcade [data-tone=info]{--tone:var(--cyan)}.arcade [data-tone=warn]{--tone:var(--warn)}.arcade__boss{border-radius:var(--radius-m);letter-spacing:.1em;text-transform:uppercase;color:#ff8f9d;background:#080910cc;border:1px solid #ff5a6e80;justify-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:800;display:grid;position:absolute;top:18px;left:50%;translate:-50%}.arcade__boss.is-stunned{border-color:var(--warn);color:var(--warn);box-shadow:0 0 24px -6px var(--warn)}.arcade__boss-hp{gap:4px;display:flex}.arcade__boss-hp i{border:1.5px solid #ff5a6e99;border-radius:2px;width:22px;height:10px}.arcade__boss-hp i.is-full{background:#ff5a6e;border-color:#ff5a6e;box-shadow:0 0 8px #ff5a6eb3}.arcade--boss .arcade__middle{padding-top:13vh}.arcade--boss .arcade__cue{padding:10px 22px}.arcade--boss .arcade__cue strong{font-size:clamp(24px,3.2vw,44px)}.arcade__progress.has-runner{height:6px;margin:26px 30px 0 6px;position:relative;overflow:visible}.arcade__runner{color:var(--success);transition:left .2s linear;position:absolute;bottom:4px;translate:-50%}.arcade__flag{background:repeating-conic-gradient(var(--text) 0 25%, #0c0d16 0 50%) 0 0 / 7px 7px;width:16px;height:14px;box-shadow:0 0 0 1px var(--line-strong);border-radius:2px;position:absolute;bottom:-2px;right:-22px}.arcade__figure{z-index:6;border-radius:var(--radius-m);border:2px solid var(--error);min-width:164px;color:var(--text);background:#080910db;justify-items:center;gap:4px;padding:10px 14px 14px;display:grid;position:absolute;bottom:20px;right:20px}.arcade__figure strong{max-width:180px;font-family:var(--font-display);text-align:center;font-size:15px;line-height:1.15}.arcade__figure-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:800}.arcade__figure[data-state=soon]{border-color:var(--warn);color:var(--warn)}.arcade__figure[data-state=hit]{border-color:var(--success);color:var(--success);box-shadow:0 0 0 4px var(--success-soft), 0 0 32px #5ee8a873}@media (max-width:800px){.arcade__figure{min-width:104px;padding:8px 10px 10px;bottom:10px;right:10px}.arcade__figure svg{width:64px;height:64px}.arcade__figure strong{font-size:14px}}.arcade__bottom{justify-items:center;gap:10px;display:grid}.arcade__toast{border-radius:var(--radius-m);border:1px solid var(--tone,var(--line));color:var(--text);text-align:center;background:#080910db;padding:10px 18px;font-size:clamp(16px,1.6vw,20px);font-weight:800}.arcade__meter{border-radius:var(--radius-m);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:#080910cc;grid-template-columns:auto minmax(160px,320px);align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:800;display:grid}.arcade__meter-track{background:#ffffff1a;border-radius:999px;height:10px;position:relative;overflow:hidden}.arcade__meter-track div{transform-origin:0;background:var(--success);border-radius:999px;height:100%;transition:transform .12s linear}.arcade__meter.is-danger .arcade__meter-track div{background:var(--error)}.arcade__meter.is-danger{color:var(--error)}.arcade__meter-track i{background:var(--text);width:2px;position:absolute;top:-2px;bottom:-2px}.arcade__intro,.arcade__results{z-index:6;background:radial-gradient(120% 90%,#080910e6,#080910bd)}.arcade__badge-icon,.arcade__side-icon{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:18px;place-items:center;display:grid}.arcade__badge-icon{width:72px;height:72px}.arcade__wait{color:var(--accent);margin-top:6px;font-weight:800;animation:1.4s ease-in-out infinite arcade-pulse}@keyframes arcade-pulse{50%{opacity:.45}}.arcade__countdown{z-index:7;pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.arcade__headline{color:var(--accent)}.arcade__caption{color:var(--text-2);font-weight:700}.arcade__record-line{color:var(--text-3);font-weight:700}.arcade__lines{color:var(--text);gap:6px;margin:8px 0 4px;padding:0;font-size:16px;list-style:none;display:grid}.arcade__actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.arcade__side{border-radius:var(--radius-l);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:18px;min-height:0;padding:22px;display:flex;overflow-y:auto}.arcade__side-head{align-items:center;gap:14px;display:flex}.arcade__side-icon{flex:none;width:52px;height:52px}.arcade__title{font-family:var(--font-display);font-size:24px;line-height:1.1}.arcade__rules{color:var(--text-2);gap:12px;margin:0;padding:0;font-size:15px;line-height:1.45;list-style:none;display:grid}.arcade__rules li{grid-template-columns:26px 1fr;align-items:start;gap:10px;display:grid}.arcade__rules li span{background:color-mix(in srgb, var(--accent) 16%, transparent);width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.arcade__record{border-top:1px solid var(--line);color:var(--text-2);margin-top:auto;padding-top:14px;font-size:14px}.arcade__record strong{color:var(--accent);font-family:var(--font-display)}.arcade__exit{align-self:flex-start}.arcade__intro-rules{display:none}@media (max-width:900px),(max-height:500px){.arcade{height:calc(100dvh - var(--topbar-h));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;padding:0 8px 8px}.arcade__side{display:none}.arcade__stage{border-radius:var(--radius-m);place-self:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.arcade__camera{width:min(calc(100vw - 16px), calc((100dvh - var(--topbar-h) - 8px) * var(--video-aspect,1.3333)));aspect-ratio:var(--video-aspect,4 / 3);position:relative;inset:auto}.arcade__hud{padding:10px}.arcade__stat,.arcade__right{padding:6px 10px}.arcade__stat strong{font-size:24px}.arcade__counter{font-size:18px}.arcade__middle{padding-top:2vh}.arcade__cue{border-radius:var(--radius-m);padding:8px 16px}.arcade__cue strong{font-size:clamp(22px,7vw,34px)}.arcade__cue span{font-size:13px}.arcade__toast{padding:8px 12px;font-size:14px}.arcade__meter{grid-template-columns:auto minmax(100px,1fr);padding:6px 10px;font-size:11px}.arcade__progress.has-runner{margin:20px 26px 0 6px}.arcade__boss{gap:4px;padding:4px 8px;font-size:10px;top:10px}.arcade--boss .arcade__middle{padding-top:7vh}.arcade__boss-hp i{width:16px;height:8px}.arcade__intro-rules{text-align:left;max-width:34ch;color:var(--text-2);gap:6px;margin:4px 0 0;padding:0;font-size:13px;line-height:1.4;list-style:none;display:grid}.arcade__intro .t-headline{font-size:24px}.arcade__intro .overlay__message{font-size:14px}.arcade__badge-icon{width:52px;height:52px}.arcade__results{justify-content:flex-start;overflow-y:auto}}@media (orientation:landscape) and (max-height:500px){.arcade__cue strong{font-size:clamp(20px,6.5vh,30px)}.arcade__intro-rules,.arcade__intro .overlay__message{display:none}}.notice{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:560px;display:flex}.notice__icon{background:var(--cyan-soft);width:96px;height:96px;color:var(--cyan);border:1px solid #2ee6ff66;border-radius:28px;place-items:center;margin-bottom:8px;display:grid;position:relative}.notice__icon--error{background:var(--error-soft);color:var(--error);border-color:#ff5a3d80}.notice__badge{background:var(--error);color:#1a0500;border:3px solid var(--bg);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:-8px;right:-8px}.notice__eyebrow{color:var(--error)}.notice__text{color:var(--text-2);max-width:46ch;font-size:17px}.notice__wait{align-items:center;gap:10px;margin-top:8px;display:inline-flex}.notice__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.notice__fixes{text-align:left;border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);color:var(--text-2);gap:6px;margin:0;padding:16px 20px 16px 40px;display:grid;overflow:hidden}.setup{padding:4px var(--gutter) var(--gutter);grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:clamp(16px,2vw,28px);min-height:0;display:grid}.setup__viewport{height:100%;min-height:320px}.setup__panel{flex-direction:column;gap:18px;min-height:0;padding:8px 2px;display:flex;overflow-y:auto}.setup__title{margin-top:-6px}.setup__instruction{color:var(--text);min-height:2.8em;font-size:18px;font-weight:600;line-height:1.4}.setup__ready{align-items:center;gap:16px;display:flex}.setup__tip{color:var(--text-2);font-size:14px}.checklist{border-top:1px solid var(--line);gap:2px;margin:0;padding:0;list-style:none;display:grid}.checklist__item{border-bottom:1px solid var(--line);color:var(--text-2);grid-template-columns:20px 1fr auto 24px;align-items:center;gap:12px;padding:11px 2px;display:grid}.checklist__label{color:var(--text);font-weight:700}.checklist__detail{font-size:13px;font-family:var(--font-ui)}.checklist__state{width:24px;height:24px;font-family:var(--font-ui);color:var(--text-3);border-radius:50%;place-items:center;display:grid}.checklist__item.is-ok .checklist__state{background:var(--success-soft);color:var(--success)}.checklist__item.is-bad{color:var(--error)}.checklist__item.is-bad .checklist__state{background:var(--error-soft);color:var(--error)}.checklist__item.is-warn .checklist__state{background:var(--warn-soft);color:var(--warn)}.calib-silhouette{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:8% 0 0}.calib-silhouette svg{fill:none;stroke:#f2f5ff47;stroke-width:1.2px;stroke-dasharray:3 3;height:92%;transition:stroke .4s}.calib-silhouette.is-done svg{stroke:var(--success)}.calib-ring{place-items:center;padding:12px 0;display:grid}.calib-ring .t-hud{font-size:30px}.calib-issue{text-align:center;color:var(--text-2);font-size:17px;font-weight:700}.calib-issue.is-warn{color:var(--warn)}.calib-result{text-align:center;gap:4px;display:grid}.calib-result__title{font-family:var(--font-display);color:var(--success);font-size:20px;font-weight:700}.calib-result__mode{color:var(--text-2)}.tutorial__main{grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0;display:grid}.tutorial__panel{gap:16px}.tutorial__steps{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.tutorial__steps li{border-radius:var(--radius-s);border:1px solid var(--line);color:var(--text-3);flex-direction:column;gap:6px;padding:8px;font-size:12px;font-weight:700;display:flex}.tutorial__steps li.is-current{color:var(--text);border-color:#2ee6ff80}.tutorial__steps li.is-done{color:var(--success);border-color:#3dffb066}.tutorial__step-icon{background:var(--surface-2);border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.tutorial__card{gap:6px;display:grid}.tutorial__figure{border-radius:var(--radius-m);background:radial-gradient(circle at 50% 45%, #8b5cff24, transparent 65%), var(--surface);border:1px solid var(--line);width:100%;height:clamp(150px,24vh,240px);margin-bottom:8px}.tutorial__title{text-transform:uppercase}.tutorial__cue{font-size:18px;font-weight:700}.tutorial__action{color:var(--cyan)}.tutorial__hold{color:var(--text-2);align-items:center;gap:14px;font-weight:600;display:flex}.tutorial__skip{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:auto;display:flex}.tutorial__steps li{min-width:0}@media (max-width:900px){.setup{grid-template-columns:minmax(0,1fr)}.setup__viewport{height:auto;min-height:0;aspect-ratio:var(--video-aspect,4 / 3);max-height:62vh}.tutorial__main{grid-template-rows:auto auto}.setup__panel{overflow:visible}}@media (orientation:landscape) and (max-height:500px){.app--check,.app--calibration,.app--tutorial{height:100dvh;overflow:hidden}.setup{height:calc(100dvh - var(--topbar-h));grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;padding:0 10px 8px}.setup__viewport{aspect-ratio:auto;height:100%;min-height:0;max-height:none}.tutorial__main{grid-template-rows:minmax(0,1fr) auto;gap:8px}.setup__panel{gap:10px;overflow-y:auto}.tutorial__figure{display:none}}.results{width:100%;max-width:1280px;padding:8px var(--gutter) 48px;flex-direction:column;gap:18px;margin:0 auto;display:flex}.results__hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:8px;display:flex}.results__headline .t-label{color:var(--cyan)}.results__score{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(64px,10vw,132px);font-weight:800;line-height:.95}.results__score-caption{color:var(--text-2);align-items:center;gap:12px;font-weight:600;display:flex}.results__verdict{max-width:36ch;color:var(--text);margin-top:10px;font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.4}.results__actions{align-items:center;gap:16px;display:flex}.results__buttons{justify-items:start;gap:10px;display:grid}.results__links{flex-wrap:wrap;gap:8px;display:flex}.global-submit{gap:8px;margin-top:8px;display:grid}.duel-verdict{border-radius:var(--radius-m);background:#ff5ad114;border:1px solid #ff5ad180;gap:4px;margin-top:14px;padding:12px 16px;display:grid}.duel-verdict__title{font-family:var(--font-display);font-size:26px;line-height:1.1}.duel-verdict--win .duel-verdict__title{color:var(--success)}.duel-verdict--lose .duel-verdict__title{color:var(--error)}.duel-verdict__scores{color:var(--text-2);font-size:14px}.results__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tile{border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);align-content:start;gap:6px;padding:18px 20px;display:grid}.tile__value{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.1}.tile--hero{background:radial-gradient(120% 100% at 0% 0%, #4fdcef1a, transparent 60%), radial-gradient(90% 80% at 100% 100%, #ffb48c14, transparent 60%), var(--surface);grid-row:span 2;align-content:center}.tile__hero-value{letter-spacing:-.04em;font-size:clamp(56px,6vw,84px);font-weight:800;line-height:1}.tile__sub{color:var(--text-2);font-size:14px}.tile__meter{background:var(--chart-track);border-radius:999px;height:8px;margin-top:6px;display:block;overflow:hidden}.tile__meter span{background:var(--chart-series);border-radius:0 4px 4px 0;height:100%;display:block}.results__row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;display:grid}.panel{border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);flex-direction:column;gap:14px;min-width:0;padding:22px;display:flex}.verdicts{border-top:1px solid var(--line);color:var(--text-2);gap:8px;margin:auto 0 0;padding:14px 0 0;font-size:13px;list-style:none;display:grid}.verdicts li{grid-template-columns:auto 1fr;align-items:baseline;gap:10px;display:grid}.verdicts b{letter-spacing:.08em;text-transform:uppercase;color:var(--tone);background:color-mix(in srgb, var(--tone) 14%, transparent);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.verdicts [data-tone=correct]{--tone:var(--success)}.verdicts [data-tone=near]{--tone:var(--warn)}.verdicts [data-tone=wrong],.verdicts [data-tone=other]{--tone:var(--error)}.panel__title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:-6px;font-size:22px;font-weight:700}.panel__lead{color:var(--text-2)}.panel__lead strong{color:var(--text)}.panel__empty{color:var(--success);font-weight:700}.move-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.move-card{border-radius:var(--radius-m);border:1px solid var(--line);gap:4px;padding:16px;display:grid}.move-card--good{background:var(--success-soft);border-color:#3dffb059}.move-card--work{background:var(--warn-soft);border-color:#ffc14d59}.move-card__name{font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.move-card__detail{color:var(--text-2);font-size:13px}.move-card__tip{font-size:13px;font-weight:700}.mistakes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mistakes li{border-radius:var(--radius-s);border-left:3px solid var(--error);background:#ff5a3d12;grid-template-columns:44px 1fr;align-items:start;gap:10px;padding:12px 14px;font-weight:600;display:grid}.mistakes__count{font-family:var(--font-ui);color:var(--text-2)}.chart{min-width:0;margin:0;position:relative}.chart__title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.chart__legend{color:var(--text-2);font-size:12px;font-weight:500}.chart__key--miss{color:var(--error);margin-right:4px}.chart svg{display:block;overflow:visible}.chart svg:focus-visible{outline-offset:6px}.chart__grid{stroke:#ffffff12;stroke-width:1px}.chart__tick{fill:var(--text-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.chart__line{fill:none;stroke:var(--chart-series);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart__area{fill:var(--chart-series);opacity:.1}.chart__dot{fill:var(--chart-series);stroke:var(--surface-solid);stroke-width:2px}.chart__end{fill:var(--text);font-size:13px;font-weight:700}.chart__miss{fill:var(--error);font-size:11px;font-weight:700}.chart__cross{stroke:#ffffff4d;stroke-width:1px}.chart__tooltip{pointer-events:none;background:var(--surface-solid);border:1px solid var(--line-strong);white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:13px;display:grid;position:absolute;box-shadow:0 8px 24px #0006}.chart__tooltip-time{font-family:var(--font-ui);color:var(--text-2);font-size:11px}.bars{gap:10px;margin:0;padding:0;list-style:none;display:grid}.bars__row{grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.bars__label{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.bars__dot{background:var(--text-2);border-radius:50%;width:8px;height:8px;margin:0 3px}.bars__track{background:var(--chart-track);border-radius:0 4px 4px 0;height:12px}.bars__fill{background:var(--chart-series);border-radius:0 4px 4px 0;height:100%;display:block}.bars__value{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.bars__value strong{color:var(--text)}.bars__meta{color:var(--text-3)}.board{gap:4px;margin:0;padding:0;list-style:none;display:grid}.board li{font-variant-numeric:tabular-nums;border-radius:8px;grid-template-columns:28px 1fr auto auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.board li.is-current{background:var(--cyan-soft);outline:1px solid #2ee6ff66}.board__rank{font-family:var(--font-ui);color:var(--text-3)}.board__score{font-weight:800}.board__meta,.board__date{color:var(--text-2);font-size:12px}.board__note{color:var(--text-3);font-size:12px}@media (max-width:1000px){.results__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile--hero{grid-area:auto/1/auto/-1}.results__row{grid-template-columns:1fr}}@media (max-width:560px){.results__actions{flex-direction:column;align-items:stretch;width:100%}.results__actions .viewport--pip{width:100%;max-height:200px}.move-cards{grid-template-columns:1fr}.bars__row{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.bars__label{grid-row:1}.bars__value{grid-area:1/2}.bars__track{grid-area:2/1/auto/-1}}.dance{padding:0 var(--gutter) var(--gutter);height:calc(100dvh - var(--topbar-h));grid-template-columns:minmax(0,1fr) 320px;gap:16px;min-height:520px;display:grid}.dance__stage{border-radius:var(--radius-l);border:1px solid var(--line);background:radial-gradient(90% 60% at 50% 100%,#ff5ad129,#0000 70%),linear-gradient(#07060f,#0b0718);position:relative;overflow:hidden;container-type:size}.dance__canvas{width:100%;height:100%;position:absolute;inset:0}.dance__hud{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.dance__top{padding:calc(min(24vh,150px) + 12px) 18px 0;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding-top:calc(min(24cqh,150px) + 12px);display:grid}.dance__score{background:#080710b8;border-radius:14px;grid-row:1;justify-self:start;gap:2px;padding:6px 12px 8px;display:grid}.dance__score--p1{grid-column:1}.dance__score--p2{text-align:right;grid-column:3;justify-self:end}.dance__score .t-label{color:var(--pc)}.dance__score strong{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);line-height:1}.dance__combo{font-family:var(--font-ui);color:var(--pc);font-size:13px;font-weight:800}.dance__section{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#ff8fd8;background:#080710c7;border:1px solid #ff5ad166;border-radius:14px;grid-area:1/2;justify-items:center;gap:2px;padding:6px 14px;font-size:clamp(12px,1.2vw,15px);font-weight:700;display:grid}.dance__section span{font-family:var(--font-ui);letter-spacing:.04em;text-transform:none;color:var(--text-3);font-size:11px}.dance--p1 .dance__section{grid-column:3;justify-self:end}.dance__progress{top:min(24vh,150px);left:0;right:0;background:#ffffff14;height:3px;position:absolute;top:min(24cqh,150px)}.dance__progress-fill{transform-origin:0;background:linear-gradient(90deg,#8b5cff,#ff5ad1);height:100%;transform:scaleX(0)}.dance__hints{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto;padding:16px;display:flex}.dance__hint{border-radius:var(--radius-m);border:1px solid color-mix(in srgb, var(--pc) 60%, transparent);background:#0c0d16eb;padding:12px 20px;font-size:clamp(18px,2vw,26px);font-weight:800}.dance__who{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dance__who-chip{border:2px solid color-mix(in srgb, var(--pc) 35%, transparent);color:var(--text-2);border-radius:999px;padding:8px 16px;font-size:17px;font-weight:800}.dance__who-chip.is-on{border-color:var(--pc);color:var(--text);background:color-mix(in srgb, var(--pc) 14%, transparent)}.dance__who-loading{color:var(--text-2);font-size:17px;font-weight:700}.dance__hint.is-ok{color:#3dffb0;border-color:#3dffb0b3}.dance__overlay,.dance__results{text-align:center}.dance__overlay{background:radial-gradient(120% 90%,#080910e0,#080910b3)}.dance__countdown{color:#ff5ad1;position:absolute;top:55%;left:50%;translate:-50% -50%}.dance__results{background:#05060be6;gap:14px;overflow-y:auto}.dance__winner{font-size:clamp(40px,7vw,80px)}.dance__cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.dance__card{border-radius:var(--radius-m);border:1px solid color-mix(in srgb, var(--pc) 60%, transparent);background:var(--surface);text-align:left;min-width:240px;color:var(--text-2);gap:4px;padding:16px 18px;font-size:14px;display:grid}.dance__card .t-label{color:var(--pc)}.dance__card-score{font-family:var(--font-display);color:var(--text);font-size:30px}.dance__weak{color:#ffc14d}.dance__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.dance__side{flex-direction:column;gap:12px;display:flex}.dance__cam-wrap{position:relative}.dance__cam-label{font-family:var(--font-ui);background:#080a12d9;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:10px}.dance__cam-label--p1{color:#2ee6ff;left:12px}.dance__cam-label--p2{color:#ffc14d;right:12px}.dance__camera{width:100%;aspect-ratio:var(--video-aspect,4 / 3);flex:none}.dance__next{border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);gap:10px;padding:14px;display:grid}.dance__next ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dance__next li{border-radius:var(--radius-s);color:var(--text-2);background:#ffffff08;align-items:center;gap:12px;padding:6px 12px 6px 6px;font-size:14px;font-weight:700;display:flex}.dance__next li svg{color:var(--violet);flex:none}.dance__next li.is-now{color:var(--text);background:#ff5ad11f;box-shadow:inset 0 0 0 1px #ff5ad173}.dance__next li.is-now svg{color:#ff5ad1}.dance__next-tag{letter-spacing:.08em;text-transform:uppercase;color:#ff5ad1;margin-left:auto;font-size:11px;font-weight:800}.dance__tip{color:var(--text-2);font-size:14px}@media (max-width:900px),(max-height:500px){.dance{height:calc(100dvh - var(--topbar-h));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding:0 8px 8px}.dance__stage{border-radius:var(--radius-m)}.dance--p1 .dance__side,.dance__next,.dance__tip{display:none}.dance--p2{grid-template-rows:minmax(0,1fr) auto}.dance--p2 .dance__camera{width:auto;height:24dvh;margin:0 auto}.dance__top{gap:8px;padding-left:8px;padding-right:8px}.dance__score{padding:4px 8px 6px}.dance__score strong{font-size:24px}.dance__section{padding:4px 10px;font-size:11px}.dance__hints{gap:6px;padding:8px}.dance__hint{padding:8px 12px;font-size:15px}.dance__who-chip,.dance__who-loading{font-size:14px}}@media (orientation:landscape) and (max-height:500px){.dance--p2{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto}.dance--p2 .dance__camera{width:auto;height:auto;max-height:calc(100dvh - var(--topbar-h) - 16px);max-width:36vw}.dance__score strong{font-size:20px}.dance__hint{padding:6px 10px;font-size:13px}}.lobby{padding:8px var(--gutter) var(--gutter);grid-template-columns:280px minmax(0,1fr);gap:clamp(16px,3vw,40px);width:100%;max-width:1100px;margin:0 auto;display:grid}.lobby__side{flex-direction:column;gap:14px;display:flex}.lobby__side .viewport--pip{width:100%}.lobby__main{flex-direction:column;gap:12px;display:flex}.lobby__card{border-radius:var(--radius-l);border:1px solid var(--line);background:var(--surface);flex-direction:column;align-items:flex-start;gap:16px;max-width:560px;padding:24px;display:flex}.lobby__code{font-family:var(--font-display);letter-spacing:.12em;color:#ff5ad1;font-size:clamp(56px,9vw,96px);font-weight:800;line-height:1}.lobby__players{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.lobby__players li{border-radius:var(--radius-s);border:1px solid var(--line);grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.lobby__players li.is-ready{background:var(--success-soft);border-color:#3dffb080}.lobby__dot{background:var(--text-3);border-radius:50%;width:10px;height:10px}.lobby__players li.is-ready .lobby__dot{background:var(--success)}.lobby__name{font-weight:700}.lobby__state{color:var(--text-2);font-size:13px}.lobby__actions{gap:10px;display:grid}.lobby__hint{color:var(--text-2);font-size:14px}.lobby__searching{font-family:var(--font-display);color:#ff5ad1;font-size:24px;font-weight:800;animation:1.2s ease-in-out infinite lobby-pulse}@keyframes lobby-pulse{50%{opacity:.45}}.lobby__error{color:var(--error);font-weight:700}.lobby__join{gap:8px;width:100%;display:flex}.lobby__code-input{max-width:140px;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;font-size:20px}@media (max-width:800px){.lobby{grid-template-columns:minmax(0,1fr)}}.hint{--tone:var(--cyan);--tone-soft:var(--cyan-soft);border-radius:var(--radius-m);border:1px solid var(--line);border-left:3px solid var(--tone);background:#080a12ed;gap:12px;min-height:118px;padding:16px 18px;transition:border-color .25s,background .25s;display:grid;position:relative}.hint[data-verdict=correct]{--tone:var(--success);--tone-soft:var(--success-soft)}.hint[data-verdict=near]{--tone:var(--warn);--tone-soft:var(--warn-soft)}.hint[data-verdict=wrong],.hint[data-verdict=other]{--tone:var(--error);--tone-soft:var(--error-soft);background:#1e0a08d9}.hint[data-verdict=none]{--tone:var(--line-strong)}.hint__body{gap:6px;display:grid}.hint__label{background:var(--tone-soft);color:var(--tone);font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;border-radius:6px;justify-self:start;padding:3px 9px;font-size:11px;font-weight:600}.hint__message{letter-spacing:-.01em;align-items:flex-start;gap:10px;font-size:clamp(17px,1.6vw,21px);font-weight:700;line-height:1.3;display:flex}.hint__arrow{color:var(--tone);flex:none;margin-top:2px}.hint__meter{gap:6px;display:grid}.hint--full[data-verdict=none]{align-content:center}.hint--full[data-verdict=none] .hint__meter{display:none}.hint__idle{color:var(--text-2);font-size:15px;line-height:1.45}.hint__meter[aria-hidden=true]{opacity:.35}.hint__meter-head{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);justify-content:space-between;font-size:11px;display:flex}.hint__meter-value{font-variant-numeric:tabular-nums;color:var(--text)}.hint__track{background:#ffffff14;border-radius:999px;height:8px;position:relative;overflow:hidden}.hint__fill{transform-origin:0;background:var(--tone);border-radius:999px;transition:transform 80ms linear;position:absolute;inset:0;transform:scaleX(0)}.hint__target{background:var(--text);width:2px;position:absolute;top:0;bottom:0;right:0}.hint--compact{gap:8px;width:min(640px,100%);min-height:0;padding:12px 14px}.hint--compact[data-verdict=none]:not([data-headline]){display:none}.hint__headline{color:var(--tone);align-items:center;gap:12px;display:flex}.hint__title{font-family:var(--font-display);text-transform:uppercase;color:var(--text);font-size:clamp(22px,2.5vw,34px);line-height:1.05}.hint__headline .hint__label{margin-left:auto}.hint--compact[data-headline] .hint__message{color:var(--text);font-size:clamp(16px,1.6vw,21px)}.hint--compact[data-headline][data-verdict=none] .hint__meter{display:none}.hint--compact .hint__message{font-size:clamp(18px,1.9vw,24px)}@media (max-width:900px),(max-height:500px){.hint--compact{gap:6px;padding:8px 12px}.hint--compact .hint__title{font-size:clamp(18px,5.4vw,26px)}.hint--compact .hint__label,.hint--compact .hint__meter-head{display:none}.hint--compact .hint__message{font-size:14px}.hint--compact .hint__track{height:5px}}@media (max-height:500px){.hint--compact .hint__title{font-size:clamp(16px,5.6vh,24px)}.hint--compact .hint__message{font-size:13px}}.xray{border-radius:var(--radius-m);background:repeating-linear-gradient(0deg,#4fdcef09 0 1px,#0000 1px 4px),#060c14eb;border:1px solid #4fdcef59;gap:12px;padding:14px;font-size:13px;display:grid}.xray__title{color:var(--cyan)}.xray__facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.xray__facts dt{color:var(--text-3);font-weight:600}.xray__facts dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.xray__bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value""track track";align-items:center;gap:4px 8px;display:grid}.xray__bar-label{color:var(--text-2);grid-area:label;font-weight:700}.xray__value{font-family:var(--font-mono);color:var(--text-3);grid-area:value;font-size:12px}.xray__track{background:#ffffff14;border-radius:999px;grid-area:track;height:10px;position:relative;overflow:hidden}.xray__fill{transform-origin:0;background:var(--cyan);border-radius:999px;transition:transform .1s linear;position:absolute;inset:0;transform:scaleX(0)}.xray__mark{background:var(--text);opacity:.8;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.xray__dot{background:var(--cyan);width:12px;height:12px;box-shadow:0 0 10px var(--cyan);border-radius:50%;margin:-6px 0 0 -6px;transition:left .1s linear;position:absolute;top:50%;left:50%}.xray__bar[data-on=true] .xray__fill,.xray__bar[data-on=true] .xray__dot{background:var(--success);box-shadow:0 0 10px var(--success)}.xray__bar[data-on=true] .xray__bar-label{color:var(--success)}.xray__rule{font-family:var(--font-mono);font-size:12px}.xray__rule[data-verdict=correct]{color:var(--success)}.xray__rule[data-verdict=near]{color:var(--warn)}.xray__rule[data-verdict=wrong],.xray__rule[data-verdict=other]{color:var(--error)}.xray__message{min-height:1.4em;color:var(--text-2);font-style:italic}.xray-toggle{color:var(--cyan);font:inherit;cursor:pointer;background:#4fdcef14;border:1px solid #4fdcef66;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.xray-toggle[aria-pressed=true]{background:var(--cyan);color:#06121a}.xray-toggle kbd{font-family:var(--font-mono);opacity:.8;border:1px solid;border-radius:5px;padding:1px 6px;font-size:11px}.game{padding:0 var(--gutter) var(--gutter);grid-template-columns:minmax(0,1fr) clamp(260px,30vw,420px);gap:14px;min-height:0;display:grid}.game__stage{border-radius:var(--radius-l);border:1px solid var(--line);background:var(--bg);min-height:0;position:relative;overflow:hidden}.game__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.game__side{flex-direction:column;gap:10px;min-height:0;display:flex}.game__camera{width:100%;aspect-ratio:var(--video-aspect,4 / 3);flex:none}.legend{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.legend li{border-radius:var(--radius-s);border:1px solid var(--line);color:var(--text-2);grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:10px 12px;transition:border-color .2s,background .2s,color .2s;display:grid}.legend li.is-next{color:var(--text);border-color:#2ee6ff8c}.legend li.is-active{background:var(--success-soft);color:var(--success);border-color:#3dffb0b3}.legend__name{font-size:13px;font-weight:800}.legend__action{color:var(--text-3);grid-column:2;font-size:12px}.game__warning{border-radius:var(--radius-s);background:var(--error-soft);border:1px solid #ff5a3d80;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:absolute;inset:0}.hud__top{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.hud__score{grid-template-columns:auto auto;align-items:baseline;column-gap:10px;display:grid}.hud__score .t-label{grid-column:1/-1}.hud__score-value{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(28px,3.4vw,46px);font-weight:800;line-height:1}.hud__multi{font-family:var(--font-display);color:var(--cyan);font-size:18px;font-weight:700}.hud__progress{justify-self:center;justify-items:center;gap:6px;width:100%;max-width:420px;padding-top:8px;display:grid}.hud__progress-track{background:#ffffff1a;border-radius:999px;width:100%;height:4px;overflow:hidden}.hud__progress-fill{background:linear-gradient(90deg, var(--violet), var(--cyan));transform-origin:0;height:100%;transform:scaleX(0)}.hud__energy{gap:5px;padding-top:10px;display:flex}.hud__cell{border:1.5px solid #ffffff40;border-radius:3px;width:12px;height:22px;transition:background .3s,border-color .3s}.hud__cell.is-full{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px #2ee6ff73}.hud__multi.is-boost{color:#ffc14d}.hud__right{justify-items:end;gap:6px;display:grid}.hud__practice{color:var(--text-2);padding-top:12px}.hud__powers{gap:6px;display:flex}.hud__power{font-family:var(--font-ui);letter-spacing:.06em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.hud__power--shield{color:#3dffb0;background:#3dffb01f;border:1px solid #3dffb099}.hud__power--boost{color:#ffc14d;background:#ffc14d1f;border:1px solid #ffc14d99}.hud__power--magnet{color:#ff8fd8;background:#ff5ad11f;border:1px solid #ff5ad199}.hud__power--slow{color:#c9bcff;background:#9b85ff24;border:1px solid #9b85ff99}.duel-panel{border-radius:var(--radius-s);background:#080a12e6;border:1px solid #ff5ad180;gap:4px;min-width:170px;padding:10px 12px;display:grid;position:absolute;top:64px;right:16px}.duel-panel .t-label{color:#ff5ad1}.duel-panel__score{font-family:var(--font-display);font-size:22px;line-height:1}.duel-panel__track{background:#ffffff1a;border-radius:999px;height:3px;overflow:hidden}.duel-panel__fill{transform-origin:0;background:#ff5ad1;height:100%;transition:transform .2s linear}.duel-panel__lead{font-size:12px;font-weight:600}.duel-panel__lead.is-ahead{color:#3dffb0}.duel-panel__lead.is-behind{color:#ffc14d}.hud__miss{border-radius:var(--radius-s);text-align:center;background:#1e0a08e0;border:1px solid #ff6b578c;gap:2px;width:min(460px,100% - 32px);padding:10px 14px;font-size:clamp(15px,1.4vw,18px);font-weight:700;line-height:1.3;display:grid;position:absolute;top:76px;left:50%;translate:-50%}.hud__miss .t-label{color:var(--error)}.hud__combo{justify-items:end;display:grid;position:absolute;top:88px;right:22px}.hud__combo .t-hud{color:var(--cyan);font-size:40px;line-height:1}.hud__bottom{justify-items:center;gap:10px;display:grid}.hud__cue{color:var(--cyan);animation:cue-in .3s var(--ease-out);background:#0c0d16eb;border:2px solid #4fdcef73;border-radius:999px;align-items:center;gap:12px;padding:10px 24px 10px 18px;display:inline-flex}.hud__cue .t-label{color:var(--text-2)}.hud__cue strong{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;color:var(--text);font-size:clamp(20px,2.3vw,32px)}.hud__cue-text{color:var(--text-2);font-size:clamp(14px,1.3vw,17px);font-weight:600}@keyframes cue-in{0%{opacity:0;transform:translateY(6px)}}.overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.overlay--countdown{background:radial-gradient(circle,#05060b33,#05060b99)}.countdown{font-family:var(--font-display);color:var(--text);text-shadow:0 0 2px #4fdcefe6,0 0 40px #4fdcef80;font-size:clamp(120px,22vw,260px);font-weight:800;line-height:1}.overlay__message{color:var(--text);max-width:36ch;font-size:18px;font-weight:700}.overlay--paused{background:#05060be0}.overlay--paused .t-label{color:var(--error)}.overlay--ended{background:radial-gradient(circle,#05060b59,#05060bd9)}.overlay__end-title{text-transform:uppercase;font-size:clamp(40px,7vw,96px)}@media (max-width:900px),(max-height:500px){.game{height:calc(100dvh - var(--topbar-h));grid-template-rows:minmax(0,2.3fr) minmax(0,1fr);grid-template-columns:1fr;gap:8px;padding:0 8px 8px}.game__stage{border-radius:var(--radius-m)}.game__side{gap:6px}.game__camera{aspect-ratio:auto;flex:1;min-height:0}.legend,.xray-toggle,.game__warning{display:none}.hud{padding:10px}.hud__top{gap:10px}.hud__score-value{font-size:28px}.hud__progress{padding-top:4px}.hud__cell{width:9px;height:16px}.hud__energy{gap:3px;padding-top:4px}.hud__power{padding:2px 6px;font-size:10px}.hud__miss{padding:7px 10px;font-size:14px;top:54px}.hud__cue-text{display:none}.hud__cue{padding:6px 12px}.hud__bottom{gap:6px}.hud__combo{top:58px;right:12px}.hud__combo .t-hud{font-size:28px}.duel-panel{min-width:0;padding:6px 8px;top:52px;right:8px}}@media (orientation:landscape) and (max-height:500px){.game{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.hud__miss{width:min(420px,100% - 20px);top:46px}}.board-screen{width:100%;max-width:1100px;padding:8px var(--gutter) 48px;flex-direction:column;gap:18px;margin:0 auto;display:flex}.board-screen__head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.board-screen__tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{--accent:var(--cyan);border:1px solid var(--line-strong);color:var(--text-2);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.tab.is-active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 14%, transparent)}.board-screen__grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;display:grid}.board-screen__panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented{border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.segmented button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.segmented button.is-active{background:var(--surface-2);color:var(--text)}.board-screen__empty{color:var(--text-2);padding:12px 0}.board--global .board__score{flex-direction:column;line-height:1.2;display:flex}.board--global .board__score small{color:var(--cyan);font-size:13px;font-weight:700}@media (max-width:820px){.board-screen__grid{grid-template-columns:minmax(0,1fr)}}.menu{isolation:isolate;grid-template-columns:minmax(270px,340px) minmax(0,640px) minmax(0,1fr);gap:clamp(24px,3.4vw,60px);min-height:100dvh;padding:clamp(22px,5vh,56px) clamp(20px,4vw,64px) clamp(36px,6vh,64px);display:grid;position:relative;overflow:clip}.menu__scene{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.menu__shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06060cf0 0%,#06060ccc 30%,#06060c4d 62%,#06060c0d 100%),linear-gradient(#0000 70%,#06060c8c);position:absolute;inset:0}.menu__mute{z-index:2;background:#0a0b14b3;margin:0;position:absolute;top:clamp(16px,3vh,28px);right:clamp(16px,3vw,36px)}.menu__left{flex-direction:column;justify-content:space-between;gap:clamp(18px,4vh,40px);min-height:0;display:flex;container-type:inline-size}.menu__logo{font-family:var(--font-display);font-size:clamp(26px,2.5vw,42px);font-weight:800;letter-spacing:.01em;color:#fff;text-shadow:0 0 4px #4fdceff2,0 0 22px #4fdcef8c,0 0 56px #9b85ff73;font-size:min(46px,10.2cqi);line-height:1;animation:7s infinite neon-flicker}.menu__logo span{color:#ff5ad1;text-shadow:0 0 4px #ff5ad1f2,0 0 22px #ff5ad199}@keyframes neon-flicker{0%,41%,43%,45%,to{opacity:1}42%,44%{opacity:.55}}.menu__tagline{letter-spacing:.04em;color:var(--text-2);margin-top:10px;font-size:14px}.menu__nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.menu__gap{margin-top:clamp(8px,2vh,18px)}.menu__item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#f4f1ec80;transition:color .15s, transform .15s var(--ease-out), text-shadow .15s;background:0 0;border:0;align-items:center;gap:14px;padding:clamp(5px,.9vh,9px) 8px clamp(5px,.9vh,9px) 0;font-size:clamp(17px,1.7vw,24px);font-weight:700;line-height:1.15;display:flex}.menu__item:hover{color:#f4f1ecd9}.menu__item.is-active{color:#fff;text-shadow:0 0 16px #4fdcef8c;transform:translate(6px)}.menu__item:focus-visible{outline-offset:2px}.menu__sq{border:1.5px solid #f4f1ec52;border-radius:2px;flex:none;width:11px;height:11px;transition:background .15s,border-color .15s,box-shadow .15s}.menu__item.is-active .menu__sq{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 8px var(--cyan), 0 0 22px #4fdcef80}.menu__count{border:1px solid var(--line-strong);font-family:var(--font-mono);letter-spacing:0;color:var(--text-3);border-radius:6px;padding:1px 7px;font-size:12px}.menu__item.is-active .menu__count{color:var(--cyan);border-color:#4fdcef73}.menu__profile{gap:8px;max-width:320px;display:grid}.menu__best{color:var(--text-3);font-size:13px}.menu__best strong{color:var(--text);font-family:var(--font-display)}.menu__panel{background:linear-gradient(#10111ee6,#090a12f0);border:1px solid #4fdcef38;border-radius:22px;flex-direction:column;align-self:center;gap:16px;height:min(700px,100dvh - clamp(22px,5vh,56px) - clamp(36px,6vh,64px));padding:clamp(18px,2.6vh,24px) clamp(18px,2vw,26px);display:flex;overflow-y:auto;box-shadow:0 30px 80px -30px #000000e6,0 0 46px -12px #4fdcef4d,inset 0 1px #ffffff0d}.menu__panel-head{align-items:center;gap:12px;display:flex}.menu__panel-title{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(22px,2.1vw,30px);font-weight:800;line-height:1.1}.menu__back{border:1px solid var(--line-strong);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:none}.menu__tiles{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px;display:grid}.menu__tile{aspect-ratio:1;cursor:pointer;transition:transform .15s var(--ease-out), border-color .15s, box-shadow .2s;background:#0f1020;border:1.5px solid #ffffff1a;border-radius:14px;flex-direction:column;justify-content:flex-end;padding:0;display:flex;position:relative;overflow:hidden}.menu__tile img{object-fit:cover;object-position:50% 40%;opacity:.45;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}.menu__tile:after{content:"";background:linear-gradient(#0000 32%,#06060cf0);position:absolute;inset:0}.menu__tile-icon{z-index:1;width:30px;height:30px;color:var(--accent);background:#06060ca6;border-radius:8px;place-items:center;display:grid;position:absolute;top:8px;left:8px}.menu__tile-title{z-index:1;font-family:var(--font-display);text-align:left;color:var(--text);padding:0 9px 9px;font-size:12px;font-weight:700;line-height:1.15;position:relative}.menu__tile:hover{border-color:#ffffff4d;transform:translateY(-2px)}.menu__tile.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 26px -6px var(--accent)}.menu__tile.is-selected img{opacity:.9}.menu__detail{border:1px solid var(--line);border-left:3px solid var(--accent);background:#ffffff08;border-radius:14px;gap:6px;padding:14px 16px;display:grid}.menu__detail-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.menu__detail h3{font-family:var(--font-display);margin:0;font-size:clamp(20px,1.9vw,26px);line-height:1.1}.menu__badge{letter-spacing:.08em;color:var(--accent);border:1px solid;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.menu__tagline-mode{color:var(--text-2);font-size:15px;line-height:1.45}.menu__meta{color:var(--text-3);font-size:13px}.menu__meta strong{color:var(--text-2)}.menu__online{gap:10px;margin-top:6px;display:grid}.menu__invite{color:var(--warm);font-weight:700}.menu__online-hint{color:var(--warn);font-size:14px;font-weight:700}.menu__online-nick{display:none}@media (max-height:820px) and (min-width:761px){.menu__panel{gap:12px}.menu__tiles{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.menu__tile-title{font-size:11px}.menu__detail{padding:10px 14px}.menu__tagline-mode{font-size:14px}.menu__level{padding:8px 4px}.menu__play{min-height:50px;font-size:17px}}.menu__difficulty{gap:8px;display:grid}.menu__levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.menu__level{--lvl:var(--cyan);border:1px solid var(--line-strong);color:var(--text-2);cursor:pointer;background:#ffffff08;border-radius:12px;justify-items:center;gap:7px;padding:10px 4px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s,color .15s;display:grid}.menu__level[data-level="1"]{--lvl:var(--success)}.menu__level[data-level="3"]{--lvl:var(--warn)}.menu__level[data-level="4"]{--lvl:#ff5a6e}.menu__level:hover{color:var(--text);border-color:#ffffff4d}.menu__level.is-on{color:#fff;border-color:var(--lvl);box-shadow:0 0 18px -6px var(--lvl);background:#ffffff0f}.menu__bars{gap:3px;display:flex}.menu__bars i{border:1px solid #ffffff38;border-radius:2px;width:8px;height:8px}.menu__bars i.is-lit{background:var(--lvl);border-color:var(--lvl)}.menu__level.is-on .menu__bars i.is-lit{box-shadow:0 0 6px var(--lvl)}.menu__level-hint{color:var(--text-3);font-size:13px}.menu__start{justify-items:start;gap:8px;margin-top:auto;display:grid}.menu__play{cursor:pointer;min-height:58px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#07141c;background:linear-gradient(135deg, #6ee6f4, var(--cyan) 45%, #7fb8ff);border:0;border-radius:14px;justify-content:center;align-items:center;gap:14px;padding:0 30px;font-size:19px;font-weight:800;transition:transform .12s,box-shadow .2s;display:inline-flex;box-shadow:0 0 0 1px #4fdcef80,0 10px 30px -10px #4fdcefcc,0 0 40px -8px #4fdcef99}.menu__play:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 0 1px #4fdcefb3,0 14px 36px -10px #4fdcefe6,0 0 60px -6px #4fdcefb3}.menu__play:active:not(:disabled){transform:scale(.98)}.menu__play:disabled{opacity:.4;cursor:not-allowed}.menu__keys{color:var(--text-3);font-size:12px}.menu__blocked{color:var(--warn);font-weight:700}.menu__info{color:var(--text-2);flex-direction:column;flex:1;align-items:flex-start;gap:16px;display:flex}.menu__info>.menu__play{margin-top:auto}.menu__moves,.menu__how,.menu__stats{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.menu__moves{grid-template-columns:repeat(2,minmax(0,1fr))}.menu__moves li{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;column-gap:10px;padding:10px 12px;transition:border-color .2s,background .2s;display:grid}.menu__moves li span:last-child{color:var(--text-3);grid-column:2;font-size:13px}.menu__moves li.is-active{background:var(--cyan-soft);border-color:#4fdcef8c}.menu__move-icon{color:var(--cyan);grid-row:span 2}.menu__how li{grid-template-columns:auto 1fr;column-gap:12px;display:grid}.menu__how li span:last-child{color:var(--text-3);grid-column:2;font-size:14px}.menu__how-num{width:28px;height:28px;color:var(--warm);border:1px solid #ffb48c80;border-radius:8px;grid-row:span 2;place-items:center;font-weight:800;display:grid}.menu__stats{grid-template-columns:repeat(4,minmax(0,1fr))}.menu__stats li{border:1px solid var(--line);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.menu__stats strong{font-family:var(--font-display);color:var(--text);font-size:24px;line-height:1}.menu__stats span{color:var(--text-3);font-size:12px}.menu__achv{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.menu__achv li{aspect-ratio:1;border:1px solid var(--line);color:var(--text-3);background:#ffffff08;border-radius:14px;align-content:start;gap:6px;padding:14px;font-size:13px;line-height:1.35;display:grid}.menu__achv strong{font-family:var(--font-display);color:var(--text-3);font-size:15px;line-height:1.15}.menu__achv em{letter-spacing:.1em;text-transform:uppercase;margin-top:auto;font-size:11px;font-style:normal;font-weight:800}.menu__achv-sq{border:1.5px solid;border-radius:3px;width:14px;height:14px}.menu__achv li.is-on{border-color:var(--warn);box-shadow:0 0 22px -8px var(--warn);color:var(--text-2);background:#ffc76b14}.menu__achv li.is-on strong{color:#fff}.menu__achv li.is-on em{color:var(--warn)}.menu__achv li.is-on .menu__achv-sq{border-color:var(--warn);background:var(--warn);box-shadow:0 0 10px var(--warn)}.menu__hero{pointer-events:none;place-self:end center;place-items:end center;width:100%;height:min(60vh,560px);display:grid}.menu__figure{width:100%;height:100%}.menu__cam{pointer-events:auto;gap:8px;width:min(300px,100%);display:grid}.menu__camera{width:100%;aspect-ratio:var(--video-aspect,4 / 3)}.menu__privacy{color:var(--text-3);align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;bottom:14px;right:clamp(16px,3vw,36px)}.menu__warning{background:#1e0a08e6;border:1px solid #ff6b5780;border-radius:12px;max-width:min(560px,100% - 32px);padding:10px 14px;font-weight:700;position:absolute;bottom:40px;left:50%;translate:-50%}@media (max-width:1180px){.menu{grid-template-columns:minmax(250px,320px) minmax(0,1fr)}.menu__hero{display:none}}@media (max-width:760px),(max-height:500px){.menu{grid-template-columns:minmax(0,1fr);min-height:100dvh;padding:20px 16px 44px}.menu__shade{background:linear-gradient(#06060ce0 0%,#06060cb8 55%,#06060c80 100%)}.menu__left{justify-content:flex-start;gap:22px}.menu__brand{padding-right:52px}.menu__logo{font-size:clamp(22px,7.2vw,34px)}.menu__item{padding:11px 0;font-size:clamp(19px,5.6vw,23px)}.menu__item.is-active{transform:none}.menu__panel{background:#090a14db;border-radius:18px;height:auto;max-height:none;padding:14px;display:none;overflow:visible}.menu__online-nick{display:block}.menu__online-hint,.menu.has-sheet .menu__left{display:none}.menu.has-sheet .menu__panel{min-height:calc(100dvh - 64px);display:flex}.menu__back{display:grid}.menu__tiles{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:104px;grid-auto-flow:column;padding:2px 2px 6px;overflow-x:auto}.menu__tile{scroll-snap-align:start}.menu__levels{gap:5px}.menu__level{padding:10px 2px;font-size:12px}.menu__start{padding:14px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#090a14f5 26%);justify-items:stretch;margin-top:auto;position:sticky;bottom:0}.menu__play{width:100%}.menu__stats,.menu__moves,.menu__achv{grid-template-columns:repeat(2,minmax(0,1fr))}.menu__achv li{aspect-ratio:auto;min-height:120px}.menu__privacy{bottom:12px;left:16px;right:16px}}.versus{padding:0 var(--gutter) var(--gutter);height:calc(100dvh - var(--topbar-h));min-height:520px;position:relative}.versus__stages{grid-template-columns:1fr 1fr;gap:12px;height:100%;display:grid}.versus__stage{border-radius:var(--radius-l);border:2px solid color-mix(in srgb, var(--pc) 45%, transparent);min-height:0;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.versus__hud{pointer-events:none;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.versus__top{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.versus__tag{font-family:var(--font-display);color:#0c0d16;background:var(--pc);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800}.versus__score{font-family:var(--font-display);font-size:clamp(30px,4vw,48px);line-height:1}.versus__combo{color:var(--pc);font-size:15px;font-weight:800}.versus__miss,.versus__lost,.versus__done{border-radius:var(--radius-m);text-align:center;background:#0c0d16eb;max-width:92%;padding:10px 14px;font-size:clamp(15px,1.6vw,19px);font-weight:700}.versus__miss{border:1px solid #ff6b5799}.versus__lost{color:var(--warn);border:1px solid #ffc76b99}.versus__bottom{justify-items:center;gap:8px;width:100%;margin-top:auto;display:grid}.versus__cue{border:2px solid color-mix(in srgb, var(--pc) 60%, transparent);color:var(--pc);background:#0c0d16eb;border-radius:999px;align-items:center;gap:12px;padding:10px 22px;display:inline-flex}.versus__cue strong{font-family:var(--font-display);color:var(--text);text-transform:uppercase;font-size:clamp(22px,2.8vw,34px)}.versus__hint{border-radius:var(--radius-m);text-align:center;background:#ffc76b24;border:1px solid #ffc76b80;max-width:92%;padding:8px 14px;font-size:clamp(15px,1.6vw,19px);font-weight:700}.versus__pip{left:50%;bottom:calc(var(--gutter) + 10px);z-index:3;border-radius:var(--radius-m);border:1px solid var(--line-strong);width:clamp(150px,15vw,220px);position:absolute;overflow:hidden;translate:-50%;box-shadow:0 16px 40px -12px #000c}.versus__pip .viewport--pip{width:100%}.versus__countdown{z-index:5;pointer-events:none;position:absolute;top:45%;left:50%;translate:-50% -50%}.versus__setup,.versus__end{text-align:center;background:#0c0d16f2;gap:16px;overflow-y:auto}.versus__cam{width:min(560px,92%);position:relative}.versus__camera{width:100%;aspect-ratio:var(--video-aspect,4 / 3)}.versus__cam-label{color:#0c0d16;z-index:2;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800;position:absolute;top:12px}.versus__cam-label--p1{background:var(--cyan);left:12px}.versus__cam-label--p2{background:var(--warn);right:12px}.versus__loading{color:var(--text-2);font-size:18px;font-weight:700;animation:1.2s ease-in-out infinite versus-pulse}@keyframes versus-pulse{50%{opacity:.45}}.versus__players{grid-template-columns:1fr 1fr;gap:12px;width:min(560px,92%);display:grid}.versus__player{border-radius:var(--radius-m);border:2px solid color-mix(in srgb, var(--pc) 35%, transparent);background:var(--surface);text-align:left;gap:6px;padding:14px 16px;transition:border-color .3s,background .3s;display:grid}.versus__player.is-ready{border-color:var(--pc);background:color-mix(in srgb, var(--pc) 12%, transparent)}.versus__player-name{font-family:var(--font-display);color:var(--pc);font-weight:800}.versus__player-status{font-size:17px;font-weight:700}.versus__bar{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.versus__bar span{background:var(--pc);height:100%;transition:width .2s;display:block}.versus__winner{font-size:clamp(40px,7vw,88px)}.versus__results{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.versus__results .is-winner{box-shadow:0 0 0 2px var(--pc)}.versus__rematch{color:var(--text-2);font-size:18px;font-weight:700}@media (max-width:900px),(max-height:500px){.versus{height:calc(100dvh - var(--topbar-h));min-height:0;padding:0 8px 8px}.versus__stages{gap:8px}.versus__stage{border-radius:var(--radius-m)}.versus__hud{gap:6px;padding:8px}.versus__players{grid-template-columns:1fr}}@media (orientation:portrait) and (max-width:900px){.versus__stages{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0d16;--bg-raised:#13141f;--surface:#ffffff0b;--surface-2:#ffffff13;--surface-solid:#151726;--line:#ffffff17;--line-strong:#ffffff2e;--text:#f4f1ec;--text-2:#b6b5c6;--text-3:#7f8199;--cyan:#4fdcef;--cyan-soft:#4fdcef21;--violet:#9b85ff;--violet-soft:#9b85ff26;--warm:#ffb48c;--warm-soft:#ffb48c21;--success:#5ee8a8;--success-soft:#5ee8a81f;--warn:#ffc76b;--warn-soft:#ffc76b1f;--error:#ff6b57;--error-soft:#ff6b5721;--chart-series:#0f9fc2;--chart-track:#0f9fc229;--font-display:"Unbounded", "Manrope", system-ui, sans-serif;--font-ui:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--radius-s:12px;--radius-m:18px;--radius-l:28px;--shadow-soft:0 22px 50px -28px #000000d9;--glow-cyan:0 0 24px #4fdcef47;--topbar-h:64px;--gutter:clamp(16px, 2.6vw, 36px);--ease-out:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1100px 600px at 75% -12%, #9b85ff1c, transparent 62%), radial-gradient(900px 520px at -8% 108%, #ffb48c12, transparent 60%), radial-gradient(700px 400px at 105% 90%, #4fdcef0d, transparent 60%), var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.t-display{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(50px,8.6vw,136px);font-weight:800;line-height:.92}.t-headline{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.05}.t-hud{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.t-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:12px;font-weight:700;line-height:1.3}.t-lead{letter-spacing:-.01em;font-size:clamp(18px,1.9vw,24px);font-weight:700;line-height:1.3}.t-micro{font-family:var(--font-ui);letter-spacing:.04em;color:var(--text-3);font-size:11px}.app{grid-template-rows:var(--topbar-h) 1fr;min-height:100dvh;display:grid}.app__screens{min-height:0;display:grid}.app__screen{flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex}.screen{flex:1;min-height:0}.center-screen{padding:var(--gutter);place-items:center;display:grid}@media (min-width:900px) and (min-height:560px){.app--check,.app--calibration,.app--tutorial,.app--game{height:100dvh;overflow:hidden}}.app--game{touch-action:none;-webkit-user-select:none;user-select:none}.app--menu{grid-template-rows:1fr}@media (min-width:761px) and (min-height:560px){.app--menu{height:100dvh;overflow:hidden}}.topbar{padding:0 var(--gutter);z-index:10;align-items:center;gap:16px;display:flex;position:relative}.brand{cursor:pointer;font-family:var(--font-display);letter-spacing:.06em;background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;font-size:14px;font-weight:700;display:inline-flex}.brand__mark{background:linear-gradient(135deg, var(--cyan), var(--violet));border-radius:50%;width:12px;height:12px;box-shadow:0 0 12px #4fdcef73}.brand__slash{color:var(--violet)}.steps{gap:6px;margin:0 auto;padding:0;list-style:none;display:flex}.steps li{color:var(--text-3);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:flex}.steps__num{border:1px solid var(--line-strong);width:22px;height:22px;font-family:var(--font-ui);border-radius:50%;place-items:center;font-size:11px;display:grid}.steps li.is-current{color:var(--text);background:var(--surface-2)}.steps li.is-current .steps__num{background:var(--cyan);border-color:var(--cyan);color:#07141c;box-shadow:var(--glow-cyan)}.steps li.is-done{color:var(--text-2)}.steps li.is-done .steps__num{border-color:var(--success);color:var(--success)}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--text-2);border-radius:12px;place-items:center;margin-left:auto;transition:color .2s,border-color .2s;display:grid}.steps+.icon-btn{margin-left:0}.icon-btn:hover{color:var(--text);border-color:var(--line-strong)}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 24px;font-size:15px;font-weight:700;transition:background .2s,border-color .2s,color .2s,box-shadow .25s,transform .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg, #6ee6f4, var(--cyan) 45%, #7fb8ff);color:#07141c;box-shadow:0 10px 28px -12px #4fdcefb3}.btn--primary:hover:not(:disabled){box-shadow:0 12px 32px -10px #4fdcefbf,0 0 0 4px #4fdcef1f}.btn--ghost{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.btn--ghost:hover{border-color:var(--text-2);background:var(--surface-2)}.btn--small{min-height:40px;padding:0 16px;font-size:14px}.btn--link{min-height:0;color:var(--text-2);text-underline-offset:3px;background:0 0;border:0;padding:8px 0;font-weight:600;text-decoration:underline}.btn--link:hover{color:var(--text)}@media (max-width:720px){:root{--topbar-h:52px}.steps__label{display:none}.steps li{padding:4px}}@media (max-width:520px){.steps{display:none}.steps+.icon-btn{margin-left:auto}}@media (max-width:900px),(max-height:500px){:root{--topbar-h:46px}.brand{font-size:12px}.icon-btn{width:36px;height:36px}.app--game,.app--dance,.app--arcade,.app--versus{height:100dvh;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.ring{flex:none;position:relative}.ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.ring__bg{fill:none;stroke:var(--line-strong);stroke-width:5px}.ring__fg{fill:none;stroke:var(--cyan);stroke-width:5px;stroke-linecap:round}.ring--success .ring__fg{stroke:var(--success)}.ring--warn .ring__fg{stroke:var(--warn)}.ring__content{color:var(--text);place-items:center;display:grid;position:absolute;inset:0}.hold{background:var(--success-soft);cursor:pointer;text-align:left;border:1px solid #3dffb059;border-radius:999px;align-items:center;gap:14px;padding:8px 20px 8px 8px;transition:border-color .2s;display:flex}.hold:hover{border-color:var(--success)}.hold__text{flex-direction:column;display:flex}.hold__label{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:700}.hold__hint{color:var(--text-2);font-size:13px}.badge{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge--success{color:var(--success);background:var(--success-soft);border-color:#5ee8a880}.gesture-badge{color:var(--success);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:#08241ceb;border:1px solid #3dffb08c;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.spinner{border:2px solid var(--line-strong);border-top-color:var(--cyan);vertical-align:-1px;border-radius:50%;width:12px;height:12px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.debug-panel{z-index:100;opacity:.9;border:1px solid var(--line-strong);color:#b8ffe6;max-width:min(540px,100vw - 24px);font-family:var(--font-mono);white-space:pre-wrap;pointer-events:none;background:#000000d1;border-radius:10px;margin:0;padding:10px 12px;font-size:11px;line-height:1.5;position:fixed;bottom:12px;right:12px}.nick{gap:6px;display:grid}.nick__row{gap:8px;display:flex}.nick__input{border-radius:var(--radius-s);border:1px solid var(--line-strong);background:var(--surface);min-width:0;min-height:40px;color:var(--text);font:inherit;flex:1;padding:0 12px;font-weight:600}.nick__input:focus{border-color:var(--cyan);outline:none}.achv-toast{z-index:60;border:1px solid var(--warn);max-width:calc(100% - 32px);box-shadow:0 0 34px -8px var(--warn);pointer-events:none;background:#0a0b14f2;border-radius:16px;gap:6px;padding:12px 18px;display:grid;position:fixed;top:14px;left:50%;translate:-50%}.achv-toast__label{letter-spacing:.12em;text-transform:uppercase;color:var(--warn);font-size:11px;font-weight:800}.achv-toast p{color:var(--text-2);align-items:center;gap:8px;font-size:14px;display:flex}.achv-toast strong{font-family:var(--font-display);color:#fff;font-size:15px}.achv-toast__sq{background:var(--warn);width:12px;height:12px;box-shadow:0 0 10px var(--warn);border-radius:3px;flex:none}