.boot-overlay{z-index:40;color:#fff;cursor:pointer;background:#0026b0;font-family:VCR OSD Mono,Courier New,monospace;position:fixed;inset:0;overflow:hidden}.boot-overlay[data-phase=out]{opacity:0;transition:opacity .55s linear}.boot-noise{opacity:.72;pointer-events:none;mix-blend-mode:screen;width:108%;height:108%;transition:opacity .4s linear;position:absolute;inset:-4%}.boot-overlay[data-phase=lock] .boot-noise{opacity:.28}.boot-overlay[data-phase=title] .boot-noise,.boot-overlay[data-phase=out] .boot-noise{opacity:.14}.boot-bars{z-index:2;pointer-events:none;animation:.45s linear .75s forwards boot-bars-out;display:flex;position:absolute;inset:0}.boot-bars span{flex:1}.boot-bars span:first-child{background:#016}.boot-bars span:nth-child(2){background:#f4f7ff}.boot-bars span:nth-child(3){background:#03c}.boot-bars span:nth-child(4){background:#9bb6ff}.boot-bars span:nth-child(5){background:#001a66}.boot-roll{z-index:3;pointer-events:none;background:linear-gradient(#0000,#ffffff29,#0000);height:22%;animation:.14s steps(2,end) infinite boot-roll;position:absolute;top:18%;left:0;right:0}.boot-overlay[data-phase=title] .boot-roll,.boot-overlay[data-phase=out] .boot-roll,.boot-overlay[data-phase=lock] .boot-roll{opacity:0;animation:none}.boot-scan{z-index:4;pointer-events:none;background:repeating-linear-gradient(#0000002e 0 1px,#0000 2px 4px);position:absolute;inset:0}.boot-vignette{z-index:5;pointer-events:none;background:radial-gradient(#0000 42%,#0000148c 100%);position:absolute;inset:0;box-shadow:inset 0 0 90px #000a3c73}.boot-osd{z-index:6;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:24px 20px 88px;display:flex;position:relative}.boot-play{color:#ffe14a;letter-spacing:.22em;align-items:center;gap:10px;margin:0;font-size:14px;display:flex;position:absolute;top:22px;left:22px}.boot-play-mark{font-size:12px}.boot-sp{color:#fff;letter-spacing:.14em;opacity:.8}.boot-tracking{letter-spacing:.42em;opacity:0;margin:0;font-size:clamp(18px,4vw,28px)}.boot-tracking.is-on{opacity:1;animation:.18s steps(2,end) infinite boot-blink}.boot-title-block{opacity:0;transform:translate(0)}.boot-overlay[data-phase=title] .boot-title-block,.boot-overlay[data-phase=out] .boot-title-block{opacity:1;animation:.35s steps(3,end) boot-hit}.boot-title{letter-spacing:.08em;text-shadow:3px 0 #ff2850bf,-3px 0 #50ffffb3;margin:0;font-size:clamp(40px,8vw,84px);font-weight:400;line-height:.95}.boot-deck{letter-spacing:.46em;color:#ffe14a;margin:14px 0 0;font-size:14px}.boot-tc{letter-spacing:.18em;color:#ffe14a;margin:0;font-size:16px;position:absolute;bottom:22px;left:22px}.boot-skip{z-index:7;color:#ffe14a;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:#000000b8;border:1px solid #ffe14a;min-height:44px;padding:12px 16px;font-family:inherit;font-size:13px;position:absolute;bottom:18px;right:18px}.boot-skip:hover{color:#016;background:#ffe14a}.boot-skip:focus-visible{outline-offset:3px;outline:2px solid #fff}.tape-section{z-index:10;width:100%;margin:8px 0 12px;position:relative}.tape-heading{text-align:center;letter-spacing:.28em;text-transform:uppercase;margin:18px 0 0;font-size:16px;font-weight:400}.tape-hint{text-align:center;color:#ffffff9e;letter-spacing:.18em;text-transform:uppercase;margin:8px 0 0;font-size:11px}.tape-shelf,.tape-shelf:focus-visible{outline:none}.tape-row{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;justify-content:safe center;gap:18px;margin:0;padding:42px max(18px,5vw) 16px;scroll-padding-inline:24px;list-style:none;display:flex;overflow:auto hidden}.tape-row::-webkit-scrollbar{height:8px}.tape-row::-webkit-scrollbar-thumb{background:#ffffff59}.tape-row>li{scroll-snap-align:center;flex:none}.tape{--tilt:0deg;--band:#ffe14a;color:#141414;width:138px;height:214px;transform:rotate(var(--tilt));text-decoration:none;transition:transform .18s,filter .18s;display:block;position:relative}.tape:hover,.tape:focus-visible,.tape.is-active{z-index:2;filter:drop-shadow(0 16px 12px #00000073);transform:translateY(-18px)rotate(0)}.tape:focus-visible,.tape.is-active{outline-offset:5px;outline:2px solid #ffe14a}.tape:focus:not(:focus-visible){outline:none}.tape:active{transform:translateY(-8px)rotate(0)}.tape-shell{background:linear-gradient(#2a2a2a 0%,#0e0e0e 100%);border:1px solid #ffffff47;border-radius:8px;flex-direction:column;height:100%;padding:8px;display:flex;box-shadow:inset 0 1px #ffffff40,0 8px #050505}.tape-window{background:#070b18;border-radius:4px;justify-content:space-evenly;align-items:center;height:42px;margin-bottom:8px;display:flex;box-shadow:inset 0 0 0 2px #3a3a3a}.tape-reel{background:radial-gradient(circle,#0000 28%,#d7dde8 29% 34%,#0000 35%),radial-gradient(circle,#111 42%,#2c3344 43%);border:3px solid #8d97a8;border-radius:50%;width:22px;height:22px}.tape:hover .tape-reel,.tape:focus-visible .tape-reel,.tape.is-active .tape-reel{animation:.8s linear infinite boot-spin}.tape-sticker{background:#f3efe2;border-radius:2px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tape-band{background:var(--band);flex:none;height:8px}.tape-logo-slot{flex:1;justify-content:center;align-items:center;min-height:64px;padding:8px 8px 0;display:flex}.tape-logo{object-fit:contain;max-width:108px;width:auto!important;height:40px!important}.tape-initials{letter-spacing:.12em;color:#1a1a1a;font-size:22px}.tape-name{text-align:center;letter-spacing:.06em;padding:6px 8px 10px;font-size:13px;line-height:1.25;display:block}.tape-sp{color:#ffffff73;letter-spacing:.14em;font-size:9px;position:absolute;top:12px;right:12px}.tape-deck{background:linear-gradient(#161616,#050505);height:16px;margin:0 max(18px,5vw);box-shadow:0 10px 18px #00000059}.tape-ghost{background:#ffffff14;border:1px solid #ffffff29;animation:1s steps(2,end) infinite boot-blink;display:block}.tape-state{text-align:center;letter-spacing:.16em;text-transform:uppercase;padding:48px 16px 32px;font-size:14px}.tape-state-note{color:#ffffffa6;font-size:12px}.tape-retry{margin-top:16px;position:static}.vhs-click-toggle{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff73;border-radius:2px;min-height:44px;padding:8px 12px;font-family:VCR OSD Mono,Courier New,monospace;font-size:12px}.vhs-click-toggle:hover{color:#fff;background:#ffffff52;border-color:#ffffffbf}.vhs-click-toggle:active{background:#0006;border-color:#fff}.vhs-click-toggle.is-on,.vhs-click-toggle.is-on:hover{color:#161300;background:#ffe14a;border-color:#ffe14a}.vhs-click-toggle.is-on:active{color:#161300;background:#e6c200;border-color:#e6c200}.vhs-click-toggle:focus-visible{outline-offset:3px;outline:2px solid #ffe14a}.vhs-click-toggle.is-on:focus-visible{outline-color:#fff}.home-live .vhs-header,.home-hold .vhs-header{transform:none}.home-hold{opacity:0}.home-live{opacity:1;transition:opacity .35s linear}@keyframes boot-bars-out{to{opacity:0;transform:translate(-105%)}}@keyframes boot-roll{0%{top:8%}50%{top:62%}to{top:28%}}@keyframes boot-blink{50%{opacity:.15}}@keyframes boot-hit{0%{transform:translate(-6px)}40%{transform:translate(4px,-1px)}70%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes boot-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.tape{width:116px;height:184px}.boot-play,.boot-tc{font-size:12px}.tape-row{justify-content:flex-start;gap:12px;padding-inline:16px}}@media (prefers-reduced-motion:reduce){.boot-bars,.boot-roll,.boot-tracking.is-on,.boot-overlay[data-phase=title] .boot-title-block,.tape:hover .tape-reel,.tape:focus-visible .tape-reel,.tape.is-active .tape-reel,.tape-ghost{animation:none}.boot-overlay[data-phase=out],.boot-noise,.tape,.home-live{transition:none}.tape:hover,.tape:focus-visible,.tape.is-active,.tape:active{filter:none;transform:none}}
