:root{--ink: #e8e8e8;--dim: #8c8c8c;--line: #5a5a5a;--black: #000;--mono: ui-monospace, Menlo, Consolas, "DejaVu Sans Mono", "Courier New", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--black);overflow:hidden;overscroll-behavior:none}body{display:flex;align-items:center;justify-content:center;color:var(--ink);font-family:var(--mono);user-select:none;-webkit-user-select:none}#stage{--gutter: max(16px, 5vmin);--side: min(calc(100vw - 2 * var(--gutter)), calc(100dvh - 2 * var(--gutter)), 760px);position:relative;width:var(--side);height:var(--side);container-type:inline-size;overflow:hidden;touch-action:manipulation;box-shadow:0 0 0 3px #000,0 0 0 4px #6a6a6a}#view{position:absolute;inset:0;width:100%;height:100%;display:block}#ui{position:absolute;inset:0;font-size:3.9cqw;line-height:1.28}#ui[inert]{pointer-events:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible{outline:.4cqw solid var(--ink);outline-offset:.3cqw}.status{position:absolute;top:1.6cqw;left:2.4cqw;right:2.4cqw;display:flex;justify-content:space-between;align-items:baseline;font-size:3.1cqw;color:#bdbdbd;text-shadow:0 0 1cqw #000,0 0 .4cqw #000;pointer-events:none}.status b{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.status .warn b{animation:blink .5s steps(2) infinite}.mute{position:absolute;top:6.4cqw;right:1cqw;width:16cqw;height:8cqw;font-size:2.6cqw;white-space:nowrap;color:var(--dim);text-align:right;padding-right:1.4cqw}@keyframes blink{50%{opacity:.25}}.sub{position:absolute;left:0;right:0;bottom:0;min-height:13cqw;padding:1.8cqw 3cqw 2.2cqw;background:linear-gradient(transparent,#000000eb 22%);pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end}.sub .who{font-size:3cqw;letter-spacing:.08em;color:var(--dim)}.sub .say{min-height:2.56em}.sub .say i{font-style:normal;opacity:.22}.spot{position:absolute;z-index:2;display:flex;align-items:flex-end;justify-content:flex-start}.spot.up{align-items:flex-start}.spot.right{justify-content:flex-end}.spot span{font-size:3.1cqw;line-height:1;padding:.9cqw 1.3cqw;background:#000000d1;border:.25cqw solid #9a9a9a;color:var(--ink);white-space:nowrap}.spot.done span{border-color:#3c3c3c;color:#7a7a7a}.spot.live span{background:var(--ink);color:#000;border-color:var(--ink)}.spot.call span{background:var(--ink);color:#000;border-color:var(--ink);font-weight:700;animation:pulse 1.1s linear infinite}@keyframes pulse{0%,49%{background:var(--ink);color:#000}50%,to{background:#000;color:var(--ink)}}.sheet{position:absolute;z-index:3;left:3cqw;right:3cqw;bottom:15cqw;padding:2.4cqw 3cqw 3cqw;background:#000000f0;border:.3cqw solid #bdbdbd}.sheet h2{margin:0 0 2cqw;font-size:3.7cqw;font-weight:700}.sheet p{margin:0 0 2cqw;color:#bdbdbd;font-size:3.2cqw}.choice{display:block;width:100%;min-height:9.4cqw;margin-top:1.2cqw;padding:1cqw 2.2cqw;font-size:3.3cqw;border:.25cqw solid #8a8a8a;text-align:left}.choice:active,.choice.on{background:var(--ink);color:#000;border-color:var(--ink)}.choice:disabled{opacity:.35;cursor:default}.title{position:absolute;left:0;right:0;bottom:2cqw;text-align:center}.title .go{min-width:44cqw;min-height:11cqw;padding:2cqw 4cqw;border:.3cqw solid #cfcfcf;background:#000000b3;font-size:4cqw}.title .go:active{background:var(--ink);color:#000}.title small{display:block;margin-top:2.4cqw;font-size:2.9cqw;color:var(--dim)}.end{position:absolute;left:6cqw;right:6cqw;bottom:5cqw}.end .tag{font-size:2.8cqw;letter-spacing:.08em;color:#a8a8a8;margin-bottom:1.6cqw}.end h2{font-size:5cqw;margin:0 0 2cqw;font-weight:700}.end p{margin:0 0 1.4cqw;font-size:3.5cqw;text-shadow:0 0 1cqw #000,0 0 .5cqw #000}.end .go{margin-top:2cqw;min-height:11cqw;padding:1.6cqw 4cqw;border:.25cqw solid #cfcfcf;background:#000000b3}.end .go:active{background:var(--ink);color:#000}.fade{animation:fadein .35s ease-out both}.end.fade{animation-duration:1.2s}@keyframes fadein{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.status .warn b,.spot.call span{animation:none}}.bar2{position:absolute;top:6cqw;left:2.4cqw;right:2.4cqw;display:flex;justify-content:space-between;align-items:center;font-size:2.8cqw;pointer-events:none;text-shadow:0 0 1cqw #000,0 0 .4cqw #000;z-index:2}.stats{display:flex;gap:2.6cqw;color:#bdbdbd}.stat{white-space:nowrap}.stat b{font-weight:400;color:var(--ink);margin-left:.8cqw;letter-spacing:.02em}.stat.hit{animation:hit .5s steps(2) 3}.stat.up b{animation:up 1s steps(3) 1}@keyframes hit{50%{background:var(--ink);color:#000}}@keyframes up{50%{color:#fff;text-shadow:0 0 2cqw #fff}}.tools{display:flex;gap:.4cqw;pointer-events:auto}.tools button{color:var(--dim);font-size:2.8cqw;min-height:8cqw;min-width:11cqw;padding:0 1cqw;text-align:right;white-space:nowrap}.stamp{position:absolute;z-index:7;left:8cqw;right:8cqw;top:15cqw;padding:1.4cqw 2.4cqw;text-align:center;background:var(--ink);color:#000;font-size:3.4cqw;font-weight:700;pointer-events:none;animation:stamp 3.4s steps(8) both}.stamp.bad{background:#000;color:var(--ink);border:.3cqw solid var(--ink)}@keyframes stamp{0%{opacity:0;transform:scale(1.04)}6%{opacity:1;transform:none}82%{opacity:1}to{opacity:0}}.tap{position:absolute;inset:0;z-index:1;background:none;cursor:default}#view.shake{animation:shake .45s steps(4) 1}@keyframes shake{25%{transform:translate(-.8%,.5%)}50%{transform:translate(.7%,-.6%)}75%{transform:translate(-.4%,.3%)}}.spot.exit span{font-weight:700}.card{position:absolute;z-index:3;inset:0;width:100%;display:flex;flex-direction:column;justify-content:center;padding:8cqw;background:#000000bd;cursor:default}.card .tag{font-size:2.9cqw;letter-spacing:.08em;color:#a8a8a8;margin-bottom:2.4cqw}.card h2{margin:0 0 2.6cqw;font-size:5.4cqw;font-weight:700;line-height:1.15}.card p{margin:0 0 1.7cqw;font-size:3.7cqw}.card small{position:absolute;bottom:3cqw;right:4cqw;color:var(--dim);font-size:2.8cqw}.sheet{max-height:78cqw;overflow-y:auto;scrollbar-width:none}.sheet::-webkit-scrollbar{display:none}.sheet.tall{bottom:3cqw;max-height:86cqw}.choice small{display:block;opacity:.6;font-size:2.7cqw;letter-spacing:.05em}.choice.memory{border-style:dashed;border-color:#e0e0e0}.timerbar{height:.7cqw;background:var(--ink);margin:0 0 1.6cqw;transform-origin:left}.end2{position:absolute;z-index:3;inset:0;padding:5cqw 6cqw 4cqw;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(#0003,#000000e0 34%)}.end2 .scroll{overflow-y:auto;scrollbar-width:none}.end2 .scroll::-webkit-scrollbar{display:none}.end2 .tag{font-size:2.8cqw;letter-spacing:.08em;color:#a8a8a8;margin-bottom:1.4cqw}.end2 h2{font-size:5cqw;line-height:1.15;margin:0 0 1.8cqw;font-weight:700}.end2 p{margin:0 0 1.2cqw;font-size:3.4cqw}.end2 h3{margin:2cqw 0 1cqw;font-size:2.8cqw;letter-spacing:.08em;color:#a8a8a8;font-weight:400}.end2 ul{list-style:none;margin:0;padding:0}.end2 li{font-size:3.2cqw;padding-left:3cqw;text-indent:-3cqw;margin-bottom:.9cqw;color:#d6d6d6}.end2 li:before{content:"> ";color:var(--dim)}.end2 .go{flex:none;align-self:flex-start;margin-top:2cqw;min-height:10.5cqw;padding:1.4cqw 4cqw;border:.25cqw solid #cfcfcf;background:#000000b3}.end2 .go:active{background:var(--ink);color:#000}.leap{position:absolute;z-index:3;left:4cqw;right:4cqw;bottom:3cqw}.leap h2{font-size:3.9cqw;margin:0 0 1cqw}.leap p{font-size:3.2cqw;color:#bdbdbd;margin:0 0 1cqw}.leap .list{max-height:46cqw;overflow-y:auto}.title .go{display:block;margin-left:auto;margin-right:auto}.title .go+.go{margin-top:1.4cqw}.title #ts{display:flex;justify-content:center;margin-top:1cqw}.title a.credit{display:inline-block;margin-top:.6cqw;padding:1cqw 2cqw;font-size:2.9cqw;color:#a8a8a8;text-decoration:none}.sheet.tall{padding:2cqw 2.6cqw 2.4cqw}.sheet.tall h2{margin-bottom:1cqw;font-size:3.5cqw}.sheet.tall .choice{min-height:7.8cqw;margin-top:.9cqw;padding:.7cqw 2cqw;font-size:3.1cqw;line-height:1.2}.playlayer{position:absolute;inset:0;z-index:3;touch-action:none;cursor:pointer}.sheet .actions{position:sticky;bottom:-2.4cqw;margin:.6cqw -2.6cqw -2.4cqw;padding:.4cqw 2.6cqw 2.4cqw;background:#000;box-shadow:0 -2cqw 2cqw #000}.stamp{left:auto;right:auto;width:fit-content;max-width:84cqw;inset-inline:0;margin-inline:auto;top:13.5cqw;padding:.9cqw 2.2cqw;font-size:3.1cqw;animation-duration:2.4s}.juke{position:absolute;z-index:2;inset:4cqw 4cqw 3cqw;display:flex;flex-direction:column}.juke h2{margin:0 0 .6cqw;font-size:5cqw}.juke p{margin:0 0 1.2cqw;font-size:3.1cqw;color:#bdbdbd}.juke .list{flex:1;overflow-y:auto;scrollbar-width:none;margin-bottom:1.2cqw}.juke .list::-webkit-scrollbar{display:none}.juke .choice{background:#000000b8}.jhead{position:absolute;z-index:2;top:2cqw;left:3cqw;right:3cqw;display:flex;flex-direction:column;font-size:3.2cqw;pointer-events:none;text-shadow:0 0 1cqw #000,0 0 .5cqw #000}.jhead span{font-size:2.7cqw;color:#bdbdbd}.moment{position:absolute;z-index:2;left:5cqw;right:5cqw;bottom:21cqw;text-align:center;font-size:3.5cqw;line-height:1.32;pointer-events:none;text-shadow:0 0 1.2cqw #000,0 0 .6cqw #000,0 0 2cqw #000}.moment p{margin:0}.fade-slow{animation:fadein 1.6s ease-out both}.jfoot{position:absolute;z-index:2;left:2.4cqw;right:2.4cqw;bottom:1.6cqw}.seek{height:6cqw;display:flex;align-items:center;cursor:pointer;position:relative}.seek:before{content:"";position:absolute;left:0;right:0;top:50%;height:.25cqw;background:#555}.seek-fill{position:relative;height:.7cqw;width:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}.jrow{display:flex;justify-content:space-between}.jb{min-height:10cqw;min-width:11cqw;padding:0 1cqw;font-size:3cqw;color:#d0d0d0;text-shadow:0 0 1cqw #000}.jb:active{color:#000;background:var(--ink)}.title .menu{display:flex;justify-content:center;gap:1.6cqw;padding:0 4cqw}.title .menu .go{flex:1;max-width:30cqw;min-width:0;min-height:10.8cqw;margin:0;padding:.8cqw 1cqw;font-size:3.5cqw;white-space:nowrap;background:#0000008c;border-width:.22cqw}.title .menu .go+.go{margin-top:0}.title small{margin-top:1.5cqw}.title a.credit{margin-top:.2cqw}
