*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#08080a;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}body{font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;touch-action:manipulation}:root{--ink: #f0e7d4;--ink-dim: #a89f8d;--accent: #e0483a;--display: "Bebas Neue", "Haettenschweiler", Impact, sans-serif;--mono: "DM Mono", ui-monospace, Menlo, monospace;--f-tamil: "Noto Sans Tamil", "Latha", sans-serif;--f-malayalam: "Noto Sans Malayalam", "Nirmala UI", sans-serif;--f-telugu: "Noto Sans Telugu", "Gautami", sans-serif;--f-kannada: "Noto Sans Kannada", "Tunga", sans-serif;--f-devanagari: "Noto Sans Devanagari", "Nirmala UI", sans-serif;--glass: rgba(18, 17, 15, .62);--glass-line: rgba(240, 231, 212, .14);--shadow-lift: 0 10px 30px rgba(0, 0, 0, .45)}#app{position:fixed;inset:0;isolation:isolate}#prelude{position:fixed;inset:0;z-index:2;overflow-y:auto;padding:clamp(2rem,7vw,5rem) 1.25rem;background:#08080a;color:var(--ink-dim);font-size:15px;line-height:1.7}#prelude article{max-width:40rem;margin:0 auto}#prelude h1{margin:0 0 .6rem;font-family:var(--display);font-size:clamp(2.6rem,9vw,4rem);font-weight:400;letter-spacing:.04em;color:var(--ink)}#prelude h2{margin:2.4rem 0 .7rem;font-size:.85rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}#prelude .lede{color:var(--ink);font-size:1.05rem}#prelude .prelude-routes{margin:0;padding:0;list-style:none}#prelude .prelude-routes li{padding:.55rem 0;border-bottom:1px solid rgba(240,231,212,.09)}#prelude a{color:var(--ink);text-underline-offset:.25em}#prelude b{font-weight:500;color:var(--accent)}#prelude kbd,#prelude code{padding:.1em .4em;border:1px solid rgba(240,231,212,.16);border-radius:4px;font-family:var(--mono);font-size:.85em;color:var(--ink)}#prelude .note{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid rgba(240,231,212,.09);font-size:.85rem}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}::selection{background:var(--accent);color:#fff}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.05ms!important}}.stage{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;overflow:hidden;background:#0a0a0c}.plates{position:absolute;top:0;left:0;right:0;height:var(--scene-h, 100%);opacity:0;transition:opacity .9s ease}body.plates-ready .plates{opacity:1}.plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus-x, 50%) center;opacity:0;user-select:none;-webkit-user-drag:none;pointer-events:none;transition:opacity 4s linear}.stage:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--scene-h, 100%);z-index:3;pointer-events:none;background:radial-gradient(80% 74% at 50% 50%,#0000 44%,#0000004d 78%,#0000009e)}.stage:after{content:"";position:absolute;left:0;right:0;top:calc(var(--scene-h, 100%) - 5rem);height:5rem;z-index:3;pointer-events:none;background:linear-gradient(180deg,#0a0a0c00,#0a0a0c 92%);opacity:0}body.portrait-scene .stage:after{opacity:1;top:calc(var(--scene-h, 100%) - 8rem);height:8rem}.title{position:absolute;z-index:4;display:grid;place-items:center;pointer-events:none;margin:0;font-size:inherit;font-weight:inherit}.title span{font-family:var(--display);font-size:3.1em;line-height:1;letter-spacing:.22em;text-indent:.22em;color:#f3e6cd;opacity:.82;text-shadow:0 .08em .3em rgba(0,0,0,.75),0 0 1em rgba(255,196,120,.35)}.plate-fx{position:absolute;top:0;left:0;right:0;height:var(--scene-h, 100%);z-index:1;pointer-events:none;opacity:0;transition:opacity .9s ease}body.plates-ready .plate-fx{opacity:1}.deck{position:absolute;z-index:5;pointer-events:auto;display:flex;flex-direction:column;gap:.55em;padding:1.05em 1.25em .95em;border-radius:1.7em;color:#f6f2ea;isolation:isolate;background:linear-gradient(158deg,#ffffff13,#fff0 38%),linear-gradient(180deg,#161413cc,#0a0a0ae6);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(26px) saturate(1.3);-webkit-backdrop-filter:blur(26px) saturate(1.3);box-shadow:0 2.2em 4em -1.2em #000000a8,0 .4em 1em #0000004d,inset 0 1px #ffffff24}.deck-glow{position:absolute;inset:-60% -6% auto;height:170%;z-index:-1;border-radius:50%;background:radial-gradient(45% 50% at 50% 50%,var(--accent, #e0483a),transparent 72%);opacity:.14;filter:blur(3em);transition:opacity .7s ease}.deck.playing .deck-glow{opacity:.26}.deck-top{display:flex;align-items:center;gap:1.3em;flex:1;min-height:0}.deck-art{position:relative;height:100%;aspect-ratio:16 / 9;flex:none;border-radius:.85em;overflow:hidden;background:#0a0b0d;box-shadow:0 .7em 1.6em -.5em #000000bf}.deck-art>iframe,.deck-art>#yt-deck{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.deck-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .45s ease;pointer-events:none}.deck.has-thumb .deck-thumb{opacity:1}.deck.show-video .deck-thumb{opacity:0;pointer-events:none}.deck-art-ring{position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff21}.deck-art-empty{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:linear-gradient(155deg,#1c1a18bd,#0c0c0bd6)}.deck-art-empty:before{content:"♪";font-size:2.6em;line-height:1;color:#f6f2ea29}.deck.empty .deck-art-empty{display:flex}.deck-main{flex:1;min-width:0}.deck-title{overflow:hidden;white-space:nowrap;font-size:1.55em;font-weight:500;line-height:1.25;letter-spacing:-.015em;color:#fdfaf5;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,#000 86%,transparent 100%)}.deck-title-inner{display:inline-block;will-change:transform}.deck-title.scrolling .deck-title-inner{animation:deck-marquee var(--dur, 12s) ease-in-out infinite alternate}@keyframes deck-marquee{0%,14%{transform:translate(0)}86%,to{transform:translate(var(--shift, 0px))}}.deck-artist{margin-top:.15em;font-size:1.05em;line-height:1.35;color:#f6f2ea7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-transport{display:flex;align-items:center;gap:1.1em;flex:none}.dbtn{display:grid;place-items:center;width:2.9em;height:2.9em;border-radius:50%;color:#f6f2eaad;transition:color .15s,transform .13s cubic-bezier(.3,1.4,.5,1),background .15s}.dbtn .glyph{display:grid;font-size:1.55em}.dbtn:hover{color:#fff;background:#ffffff1a}.dbtn:active{transform:scale(.9)}.dbtn.play{width:4.1em;height:4.1em;color:#171310;background:linear-gradient(180deg,#fffdf9,#eae2d5);box-shadow:0 .7em 1.6em -.4em #0009,inset 0 -.12em .3em #0000001f}.dbtn.play .glyph{font-size:1.95em}.dbtn.play:hover{background:#fff;transform:scale(1.05)}.deck.playing .dbtn.play{box-shadow:0 .7em 1.6em -.4em #0009,0 0 1.8em -.2em color-mix(in srgb,var(--accent, #e0483a) 80%,transparent)}.deck.idle .dbtn.play,.deck.needs-tap .dbtn.play{animation:needs-tap 1.8s ease-out infinite}@keyframes needs-tap{0%{box-shadow:0 .7em 1.6em -.4em #0009,0 0 #ffffff73}70%,to{box-shadow:0 .7em 1.6em -.4em #0009,0 0 0 1.2em #fff0}}.deck-progress{display:flex;align-items:center;gap:.9em;flex:none}.seek-time{font-size:.88em;line-height:1;letter-spacing:.02em;color:#f6f2ea66;font-variant-numeric:tabular-nums;flex:none;min-width:3em}.seek-time:last-of-type{text-align:right}.seek{position:relative;flex:1;height:1.3em;display:flex;align-items:center;cursor:pointer;touch-action:none}.seek-track,.seek-fill{position:absolute;left:0;height:.3em;border-radius:.2em;transition:height .14s ease}.seek-track{right:0;background:#f6f2ea24}.seek-fill{width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent, #e0483a) 60%,#fff),var(--accent, #e0483a));transition:width .22s linear,height .14s ease}.seek:hover .seek-track,.seek:hover .seek-fill,.seek:focus-visible .seek-track,.seek:focus-visible .seek-fill{height:.48em}.seek-knob{position:absolute;left:0;width:.95em;height:.95em;margin-left:-.47em;border-radius:50%;background:#fff;box-shadow:0 .1em .35em #00000080;opacity:0;transform:scale(.5);transition:opacity .15s,transform .15s,left .22s linear}.seek:hover .seek-knob,.seek:focus-visible .seek-knob{opacity:1;transform:scale(1)}.deck-note{position:absolute;top:100%;left:0;right:0;margin-top:.6em;font-size:.85em;line-height:1.15;text-align:center;color:#f6f2ea6b;text-shadow:0 1px 4px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.deck.faulted .deck-note{color:#ff9b7f}.deck.idle .deck-progress{opacity:.35;pointer-events:none}.sound{position:fixed;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:6;display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem .5rem .75rem;border-radius:999px;font-size:13px;color:#f6f2ead9;background:#0c0b0a80;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);transition:color .16s,background .16s,border-color .16s}.sound:hover{background:#1412109e;border-color:#ffffff2e}.sound-icon{display:grid;width:1.25em;height:1.25em}.sound-icon svg{width:100%;height:100%}.sound-label{font-weight:600;letter-spacing:.01em;white-space:nowrap}.sound-switch{position:relative;width:2.2rem;height:1.25rem;flex:none;border-radius:999px;background:var(--accent, #e0483a);transition:background .2s ease}.sound-switch i{position:absolute;top:.15rem;left:1.1rem;width:.95rem;height:.95rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transition:left .2s cubic-bezier(.3,1.3,.5,1)}.sound.off{color:#f6f2ea73}.sound.off .sound-switch{background:#f6f2ea38}.sound.off .sound-switch i{left:.15rem}.bottom-stack{position:fixed;left:0;right:0;bottom:max(1.15rem,env(safe-area-inset-bottom));z-index:6;display:flex;flex-direction:column;align-items:center;gap:1.6rem;pointer-events:none}.bottom-stack>*{pointer-events:auto}.routes{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;font-size:14px;max-width:min(94vw,62rem)}.route{flex:none;padding:.5em 1.05em .56em;border-radius:999px;font-size:1em;font-weight:700;line-height:1.15;white-space:nowrap;color:#2b2419;background:#f0e9db;box-shadow:0 .25rem .7rem #00000073,inset 0 -1px #0000001f;transition:color .15s,background .15s,transform .14s cubic-bezier(.3,1.3,.5,1),box-shadow .16s}.route:hover{background:#fffdf7;transform:translateY(-2px);box-shadow:0 .45rem 1rem #00000080}.route.unwired{color:#8b8375}.route.on{color:var(--chip-ink, #fff);background:var(--accent);box-shadow:0 .4rem 1.1rem -.1rem color-mix(in srgb,var(--accent) 95%,transparent),inset 0 1px #ffffff73}.route.on.unwired{opacity:.82}@media (max-width: 760px),(max-height: 540px){.deck{position:relative!important;inset:auto!important;width:min(94vw,28rem)!important;height:auto!important;font-size:10px!important;border-radius:1.5em;padding:.9em 1em .75em;gap:.45em}.deck-note{position:static;margin-top:.4em}.deck-top{flex-wrap:wrap;gap:.9em}.deck-main{min-width:7rem}.deck-transport{flex:1 0 100%;justify-content:center;margin-top:.2em}.deck-art{height:5em}.deck-title{font-size:1.5em}.deck-artist{font-size:1.1em}.dbtn{width:3.5em;height:3.5em}.dbtn.play{width:4.6em;height:4.6em}.seek{height:2em}.seek-track,.seek-fill{height:.4em}.deck-note{font-size:.9em}.bottom-stack{top:var(--scene-h, 0px);bottom:max(.9rem,env(safe-area-inset-bottom));justify-content:space-between;padding-top:1.35rem;gap:1.3rem}.routes{font-size:13px;gap:.35rem;max-width:94vw}.route{padding:.55em .9em .6em}.sound{font-size:12px;gap:.45rem;padding:.45rem .5rem .45rem .6rem}.sound-label{display:none}}@media (max-width: 420px){.deck{font-size:9px!important}.routes{font-size:12px}}.board{position:absolute;z-index:4;pointer-events:none;overflow:hidden;border-radius:.12em}.board-plate{position:absolute;inset:0;display:flex;align-items:center;padding:0 .25em;overflow:hidden;background:linear-gradient(180deg,#14110e6b,#0807069e);box-shadow:inset 0 0 .7em #000000a6}.board-plate:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.4) 0 1px,transparent 1px 2px);opacity:.32}.board-run{display:flex;white-space:nowrap;will-change:transform;animation:board-scroll var(--dur, 14s) linear infinite}.board-seg{display:inline-flex;align-items:baseline;gap:.4em;padding-right:1.8em}.board-seg b{font-size:1.5em;font-weight:700;line-height:1;color:#ffb545;text-shadow:0 0 .4em rgba(255,160,40,.8),0 0 1.2em rgba(255,130,20,.4)}.board-seg i{font-style:normal;font-size:1.05em;color:#ffd08a;opacity:.8}.board-seg em{font-style:normal;font-size:.72em;letter-spacing:.2em;color:#ffb54573}@keyframes board-scroll{to{transform:translate(calc(var(--run, 300px) * -1))}}.board.strike .board-plate{animation:board-strike .9s steps(1)}@keyframes board-strike{0%,12%{filter:brightness(.12)}16%{filter:brightness(1.5)}22%{filter:brightness(.3)}30%{filter:brightness(1.25)}38%,to{filter:brightness(1)}}