:root{--ink: #1c1410;--paper: #f3e6c8;--dust: #c4a574;--ember: #c23a2b;--clay: #8a4b32;--ok: #d7a13a;--good: #d9c7a1;--ease: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}body{font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Syne,sans-serif;color:var(--paper);background:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:0}.stage{position:relative;overflow:hidden;width:100%;height:100%;height:100dvh;min-height:100dvh;background:radial-gradient(ellipse 80% 50% at 18% 8%,rgba(243,230,200,.16),transparent 55%),radial-gradient(ellipse 40% 30% at 88% 20%,rgba(194,58,43,.12),transparent 50%),linear-gradient(180deg,#241910,#1c1410 42%,#16110e);-webkit-user-select:none;user-select:none;touch-action:manipulation}.grain{pointer-events:none;position:fixed;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.stage.play .window{display:none}.window{pointer-events:none;position:absolute;top:8%;right:7%;width:min(28vw,220px);height:min(36vh,280px);background:linear-gradient(180deg,#f3e6c82e,#f3e6c805);clip-path:polygon(12% 0,100% 8%,88% 100%,0 86%);filter:blur(.2px)}.floor{pointer-events:none;position:absolute;left:-10%;right:-10%;bottom:-8%;height:38%;background:radial-gradient(ellipse at 50% 0%,rgba(243,230,200,calc(.08 + var(--pulse, 0) * .12)),transparent 55%),linear-gradient(180deg,transparent,rgba(196,165,116,.22) 30%,#2a2118 100%);transform:perspective(600px) rotateX(58deg);transform-origin:center top}.top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:baseline;padding:calc(18px + env(safe-area-inset-top)) 28px 0}.mark,.meter{margin:0;letter-spacing:.18em;font-size:13px;font-weight:600}.meter{opacity:.55}.gate,.end{position:relative;z-index:3;max-width:40rem;max-height:calc(100dvh - 64px);padding:8vh 28px 24px;overflow:auto}.kicker{margin:0 0 12px;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--dust)}h1,h2{margin:0;font-family:Newsreader,serif;font-weight:400;font-size:clamp(2.6rem,8vw,5.2rem);line-height:.88;letter-spacing:-.03em}h1 em{font-style:italic;color:var(--ember)}.lede{max-width:28rem;margin:16px 0 20px;font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--paper) 72%,transparent)}.tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;max-width:40rem;margin:0 0 28px}.track{min-height:92px;padding:14px 14px 12px;border-radius:14px;text-align:left;background:color-mix(in srgb,var(--paper) 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 14%,transparent)}.track b{display:block;font-family:Newsreader,serif;font-size:1.25rem;font-weight:400}.track span,.track em,.track cite{display:block;margin-top:6px;font-size:11px;letter-spacing:.08em;font-style:normal;opacity:.5}.track.on{background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--ink);box-shadow:none}.track.on span,.track.on em,.track.on cite{opacity:.62}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary,.ghost{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 8px 0 22px;border-radius:999px;transition:transform .48s var(--ease)}.primary{background:var(--paper);color:var(--ink)}.primary i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);font-style:normal;font-size:14px}.ghost{padding:0 22px;background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 22%,transparent)}.primary:active,.ghost:active{transform:scale(.98)}.cast{position:absolute;inset:10% 28px 14%;z-index:2;display:grid;place-items:center;pointer-events:none}.cast.duo{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:stretch}.rig{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0}.cast.duo .rig{grid-template-rows:auto 1fr}.dancer{width:min(92vw,72vh);height:min(78%,72vh);overflow:visible}.cast.duo .dancer{width:auto;height:100%;max-width:100%}.cast-tag{margin:0 0 10px;justify-self:start;font-size:13px;letter-spacing:.12em;opacity:.55}.dancer path,.dancer circle,.dancer ellipse{fill:none;stroke:var(--paper);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.dancer .tee{fill:color-mix(in srgb,var(--clay) 55%,#2a1810);stroke:var(--paper)}.dancer .tee-fold,.dancer .brow,.dancer .mouth{stroke-width:2}.dancer .face{fill:#e8c8a4}.dancer .hair{fill:#2a1c14}.dancer .eye,.dancer .hand{fill:var(--ink);stroke:none}.dancer .foot{fill:#e8c8a4;stroke-width:2}.dancer .shadow{fill:#00000047;stroke:none}.count,.grade{position:absolute;font-family:Newsreader,serif;pointer-events:none}.count{top:6%;font-size:clamp(5rem,18vw,9rem);opacity:.88}.grade{bottom:8%;font-size:clamp(2.4rem,8vw,4rem);font-style:italic}.g-perfect{color:var(--ember)}.g-good{color:var(--ok)}.g-ok{color:var(--good)}.g-miss{opacity:.4}.hud{position:absolute;left:28px;right:28px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:3}.bar{height:2px;background:color-mix(in srgb,var(--paper) 16%,transparent)}.bar i{display:block;height:100%;background:var(--ember)}.hint{margin:12px 0 0;font-size:13px;letter-spacing:.04em;opacity:.6}.end{padding-top:16vh}.end h2{font-size:clamp(2.6rem,8vw,4.6rem)}.end ul{display:flex;gap:28px;margin:36px 0 12px;padding:0;list-style:none}.end li{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.end b{display:block;margin-bottom:6px;font-family:Newsreader,serif;font-size:2.4rem;font-weight:400;letter-spacing:0;color:var(--paper);opacity:1}.tiny{margin:0 0 36px;font-size:12px;opacity:.45}.flash-perfect .floor{background:radial-gradient(ellipse at 50% 0%,rgba(194,58,43,.28),transparent 55%),linear-gradient(180deg,transparent,rgba(196,165,116,.22) 30%,#2a2118 100%)}.self{position:relative;z-index:4;display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;min-height:0;pointer-events:auto}.self-frame{position:relative;overflow:hidden;min-height:240px;height:100%;border-radius:16px;background:#0c0a08;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 12%,transparent)}.self.hot .self-frame{box-shadow:0 0 0 2px var(--ember),0 16px 40px #00000059}.self.warm .self-frame{box-shadow:0 0 0 2px var(--ok),0 16px 40px #00000059}.self-video,.self-bones{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:transparent}.self-video{z-index:0;transform:scaleX(-1);background:#111;min-width:100%;min-height:100%}.self-bones{z-index:1;pointer-events:none;transform:scaleX(-1)}.self-cap,.cam-pick{margin:8px 0 0;font-size:13px;letter-spacing:.02em;opacity:.85}.cam-pick{width:100%;max-width:100%;min-height:36px;padding:6px 10px;border:0;border-radius:8px;color:var(--paper);background:color-mix(in srgb,var(--paper) 10%,#1c1410);font:inherit}.cam-error{max-width:22rem;margin:18px 0 0;font-size:13px;line-height:1.5;color:var(--ember)}button:disabled{opacity:.5;cursor:wait}@media(max-width:720px){.gate,.end{padding-top:6vh}.tracks{grid-template-columns:1fr}.dancer{width:min(96vw,70vh)}.cast{inset:12% 14px 18%}.cast.duo{gap:10px}.self{width:100%}}