:root{--bg:#06070a;--ink:#ece6d8;--dim:#ece6d88c;--amber:#ff9a2e;--mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--serif:"Songti SC", "Noto Serif SC", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink)}body{font-family:var(--serif);-webkit-font-smoothing:antialiased}.page{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:32px 16px;display:flex}.head,.foot{width:min(100%,1280px);font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--dim);justify-content:space-between;gap:16px;font-size:12px;display:flex}.head b{color:var(--amber);font-weight:400}.stage{aspect-ratio:16/9;background:#000;width:min(100%,1280px,177.778vh - 320px);position:relative;box-shadow:0 0 0 1px #ece6d814,0 30px 80px #0009}.player{position:absolute;inset:0}:-webkit-any(.player:fullscreen,.player:-webkit-full-screen){background:#000}:is(.player:fullscreen,.player:fullscreen){background:#000}.deck{z-index:4;background:linear-gradient(0deg,#050608f5 0 58%,#050608b8 78%,#0000);padding:18px 16px 12px;transition:opacity .35s,transform .35s;position:absolute;bottom:0;left:0;right:0}.deck.idle{opacity:0;pointer-events:none;transform:translateY(10px)}.deck-seek{cursor:pointer;touch-action:none;align-items:center;height:18px;display:flex}.deck-seek:focus-visible{outline:none}.deck-seek:focus-visible .deck-track{box-shadow:0 0 0 1px #ff9a2eb3}.deck-track{background:#62e6d252;width:100%;height:2px;position:relative}.deck-fill{background:var(--amber);position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #ff9a2ed9}.deck-mark{background:#ece6d866;width:1px;height:8px;position:absolute;top:-3px}.deck-needle{width:2px;height:14px;box-shadow:0 0 8px var(--amber);background:#ffe1c2;position:absolute;top:-6px;transform:translate(-1px)}.deck-row{align-items:center;gap:12px;min-height:42px;display:flex}.deck-key{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #ff9a2eb3;flex:none;place-items:center;display:grid}.deck-key svg{width:16px;height:16px}.deck-key path{fill:currentColor}.deck-key path.line{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:square;stroke-linejoin:miter}.deck-key:hover,.deck-key:focus-visible{background:var(--amber);color:#000;outline:none}.deck-time{min-width:78px;font-family:var(--mono);letter-spacing:.12em;font-variant-numeric:tabular-nums;flex-direction:column;font-size:12px;display:flex}.deck-time b{color:var(--ink);white-space:nowrap;font-weight:400}.deck-time small{color:var(--dim);margin-left:1px;font-size:10px}.deck-time span,.deck-chapter,.deck-kicker{color:var(--dim)}.deck-chapter{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);letter-spacing:.22em;text-align:center;flex:1;font-size:12px;overflow:hidden}.deck-meter{flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.deck-kicker{font-family:var(--mono);letter-spacing:.28em;font-size:9px}.tubes{align-items:flex-end;gap:3px;display:flex}.tube{color:#ffd7b0;width:16px;height:24px;font-family:var(--mono);text-shadow:0 0 6px #ff6a00;background:radial-gradient(circle at 50% 35%,#3a1c0c,#070605 72%);border:1px solid #ff782873;border-radius:2px;place-items:center;font-size:14px;font-style:normal;line-height:1;display:grid;box-shadow:inset 0 0 8px #ff460073,0 0 8px #ff5a0047}.tube.dot{width:8px;box-shadow:none;background:0 0;border-color:#0000;align-items:end;padding-bottom:2px}.tubes.spinning .tube{color:#ffb46eb3}.gain{appearance:none;cursor:pointer;background:linear-gradient(#ece6d847,#ece6d847) 50%/100% 2px no-repeat;flex:none;width:72px;height:16px}.gain::-webkit-slider-thumb{appearance:none;background:var(--amber);width:10px;height:10px;box-shadow:0 0 8px var(--amber);border:0;border-radius:50%}.gate{z-index:2;background:radial-gradient(at 50% 60%,#ff781e1f,#0000 60%),#000;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.gate h1{letter-spacing:.08em;font-size:clamp(32px,6vw,84px);font-weight:700}.gate h1 i{color:var(--amber);font-style:normal}.gate p{font-family:var(--mono);letter-spacing:.4em;color:var(--dim);font-size:12px}.bar{background:#ece6d81f;width:min(60%,420px);height:2px}.bar span{background:var(--amber);height:100%;box-shadow:0 0 10px var(--amber);transition:width .2s linear;display:block}.start{font-family:var(--mono);letter-spacing:.4em;color:var(--ink);border:1px solid var(--amber);cursor:pointer;background:0 0;padding:14px 30px;font-size:14px;transition:background .2s,color .2s}.start:hover,.start:focus-visible{background:var(--amber);color:#000;outline:none}.modes{gap:8px;display:flex}.mode{font-family:var(--mono);letter-spacing:.22em;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #ece6d847;padding:8px 14px;font-size:12px;text-decoration:none;display:inline-block}.noscript{text-align:center;font-family:var(--mono);letter-spacing:.18em;padding:24px}.noscript a{color:var(--amber);margin:0 12px}.mode small{letter-spacing:.16em;color:var(--dim);margin-top:6px;font-size:10px;display:block}.mode.on,.mode:hover,.mode:focus-visible{background:var(--amber);border-color:var(--amber);color:#000;outline:none}.mode.on small,.mode:hover small,.mode:focus-visible small{color:inherit}.gate-modes{gap:14px}.gate-modes .mode{letter-spacing:.32em;min-width:148px;padding:16px 22px;font-size:14px}@media (width<=640px){.page{justify-content:flex-start;padding-top:24px}.head{flex-wrap:wrap;justify-content:center;row-gap:12px}.head span:last-child,.foot span:last-child{display:none}.stage:not(.playing){aspect-ratio:auto}.stage:not(.playing) .gate{padding:32px 12px 40px;position:relative;inset:auto}.gate-modes{flex-direction:column;width:min(100%,280px)}.deck{padding:12px 10px 8px}.deck-chapter,.deck-kicker,.gain,.deck-time span,.deck-time small{display:none}.deck-time{min-width:0}.tube{width:12px;height:18px;font-size:11px}}