:root{--dvd-ink:#ece6d8;--dvd-ink-dim:#ece6d86b;--dvd-ink-mid:#ece6d8b8;--dvd-hi:#f0c674;--dvd-hi-deep:#b98c2f;--dvd-rule:#ece6d83d;--disc-colour:#1b3a5c}.dvd-root{color:var(--dvd-ink);--font-pixel:var(--font-display);--font-terminal:var(--font-body);font-family:var(--font-terminal), "Courier New", monospace;z-index:80;background:#000;position:fixed;inset:0;overflow:hidden}.dvd-root.is-idle,.dvd-root.is-idle *{cursor:none}.dvd-stage{transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:0;left:0;overflow:hidden}.dvd-bg{background:radial-gradient(120% 90% at 50% 0%, var(--disc-colour) 0%, #05070a 100%);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--disc-colour) 78%, #fff) 0%, var(--disc-colour) 42%, color-mix(in srgb, var(--disc-colour) 55%, #000) 78%, #05070a 100%);position:absolute;inset:0}.dvd-bg:before{content:"";background:radial-gradient(38% 42% at 50% 46%, color-mix(in srgb, var(--disc-colour) 40%, #fff) 0%, transparent 68%);opacity:.5;animation:38s ease-in-out infinite alternate dvd-drift;position:absolute;inset:-25%}.dvd-bg:after{content:"";background:radial-gradient(84% 84% at 50% 46%,#0000 46%,#0000008c 100%);position:absolute;inset:0}@keyframes dvd-drift{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(3%,3%)scale(1.12)}}.dvd-grain{pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.dvd-scanlines{pointer-events:none;opacity:.35;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.dvd-display{font-family:var(--font-pixel), Georgia, serif;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px #0000008c,0 6px 28px #000000b3;font-weight:900;line-height:1}.dvd-label{font-family:var(--font-terminal), Arial, sans-serif;text-transform:uppercase;letter-spacing:.26em;font-weight:400}.dvd-rule{background:linear-gradient(to bottom, var(--dvd-rule) 0px, var(--dvd-rule) 1px, transparent 1px, transparent 2px, #ece6d81a 2px, #ece6d81a 3px);height:3px}.dvd-option{font-family:var(--font-pixel), Georgia, serif;text-transform:uppercase;letter-spacing:.16em;color:var(--dvd-ink-mid);text-shadow:0 2px #00000080;font-weight:700;transition:color .18s,letter-spacing .22s,text-shadow .18s;display:block;position:relative}.dvd-option.is-active{color:var(--dvd-hi);letter-spacing:.2em;text-shadow:0 2px #0000008c,0 0 30px #f0c67473;animation:2.4s ease-in-out infinite dvd-glow}.dvd-option.is-disabled{color:#ece6d838;text-shadow:none}@keyframes dvd-glow{0%,to{text-shadow:0 2px #0000008c,0 0 26px #f0c67452}50%{text-shadow:0 2px #0000008c,0 0 44px #f0c6749e}}.dvd-marker{color:var(--dvd-hi);filter:drop-shadow(0 0 12px #f0c6748c);justify-content:flex-end;align-items:center;transition:transform .2s cubic-bezier(.32,.72,.3,1);animation:1.6s ease-in-out infinite dvd-marker-pulse;display:flex;position:absolute;left:0}@keyframes dvd-marker-pulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.55;transform:translate(-5px)}}.dvd-tile{background:#0a0d12;transition:box-shadow .18s,transform .22s cubic-bezier(.32,.72,.3,1);position:relative;box-shadow:inset 0 0 0 2px #0000008c,inset 0 2px 0 3px #ffffff0f,0 8px 24px #00000080}.dvd-tile.is-active{box-shadow:inset 0 0 0 5px var(--dvd-hi), 0 0 0 7px #f0c67438, 0 0 34px #f0c67466, 0 14px 40px #0009;animation:2.4s ease-in-out infinite dvd-tile-pulse;transform:scale(1.045)}@keyframes dvd-tile-pulse{0%,to{box-shadow:inset 0 0 0 5px var(--dvd-hi), 0 0 0 6px #f0c6742e, 0 0 26px #f0c6744d, 0 14px 40px #0009}50%{box-shadow:inset 0 0 0 5px var(--dvd-hi), 0 0 0 11px #f0c6744d, 0 0 44px #f0c67485, 0 14px 40px #0009}}.dvd-tile-caption{color:var(--dvd-ink-mid);transition:color .18s}.dvd-tile-caption.is-active{color:var(--dvd-hi)}.dvd-screen{animation:.32s ease-out both dvd-screen-in}@keyframes dvd-screen-in{0%{opacity:0;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}.dvd-player-video{-o-object-fit:contain;object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.dvd-osd{animation:4s ease-out forwards dvd-osd}@keyframes dvd-osd{0%{opacity:0;transform:translateY(-12px)}8%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.dvd-spinner{animation:1.1s linear infinite dvd-spin}@keyframes dvd-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dvd-bg:before,.dvd-option.is-active,.dvd-marker,.dvd-tile.is-active,.dvd-screen{animation:none}.dvd-marker{opacity:1}}.dvd-poster{box-shadow:inset 0 0 0 2px #0000008c,0 14px 44px #0000008c}[data-skin=recess]{--rc-blue:#3da9e0;--rc-cream:#f0ebe0;--rc-cream-2:#e2e2dc;--rc-ink:#0a0a0a;--rc-ink-soft:#3f3d38;--rc-red:#e73715;--rc-yellow:#fdc717;--dvd-ink:var(--rc-ink);--dvd-ink-mid:var(--rc-ink-soft);--dvd-ink-dim:#6f6b64;--dvd-hi:var(--rc-red);--dvd-rule:var(--rc-ink);font-family:var(--font-terminal), "Courier New", monospace}[data-skin=recess] .dvd-bg{background:var(--rc-blue)}[data-skin=recess] .dvd-bg:before{opacity:1;background-image:linear-gradient(#0a0a0a0e 1px,#0000 1px),linear-gradient(90deg,#0a0a0a0e 1px,#0000 1px);background-size:40px 40px;animation:none;inset:0}[data-skin=recess] .dvd-bg:after,[data-skin=recess] .dvd-grain,[data-skin=recess] .dvd-scanlines{display:none}[data-skin=recess] .dvd-screen{isolation:isolate}[data-skin=recess] .dvd-screen:before{content:"";z-index:-1;background:var(--rc-cream);border:3px solid var(--rc-ink);box-shadow:12px 12px 0 var(--rc-ink);position:absolute;inset:44px}[data-skin=recess] .dvd-display{font-family:var(--font-pixel), "Courier New", monospace;letter-spacing:.02em;text-shadow:none;font-weight:400}[data-skin=recess] .dvd-label{font-family:var(--font-terminal), "Courier New", monospace;letter-spacing:.08em}[data-skin=recess] .dvd-menu-brand{font-size:28px!important}[data-skin=recess] .dvd-menu-year{font-size:74px!important}[data-skin=recess] .dvd-menu-title{font-size:24px!important}[data-skin=recess] .dvd-menu-stats{font-size:27px!important}[data-skin=recess] .dvd-menu-watermark{color:#0a0a0a0f!important;font-size:210px!important}[data-skin=recess] .dvd-heading{font-size:32px!important}[data-skin=recess] .dvd-page{font-size:26px!important}[data-skin=recess] .dvd-tile-num{font-size:14px!important}[data-skin=recess] .dvd-tile-time{font-size:22px!important}[data-skin=recess] .dvd-key,[data-skin=recess] .dvd-key-label{font-size:20px!important}[data-skin=recess] .dvd-rule{background:var(--rc-ink);height:3px}[data-skin=recess] .dvd-option{font-family:var(--font-pixel), "Courier New", monospace;color:var(--rc-ink);text-shadow:none;border:3px solid #0000;padding:12px 20px;font-weight:400;transition:none;letter-spacing:.04em!important;font-size:30px!important;animation:none!important}[data-skin=recess] .dvd-option.is-active{color:var(--rc-cream);background:var(--rc-red);border-color:var(--rc-ink);box-shadow:7px 7px 0 var(--rc-ink)}[data-skin=recess] .dvd-option.is-disabled{color:#0a0a0a47;background:0 0}[data-skin=recess] .dvd-marker{color:var(--rc-ink);filter:none;animation:none;font-size:26px!important}[data-skin=recess] .dvd-tile{background:var(--rc-cream-2);border:3px solid var(--rc-ink);box-shadow:7px 7px 0 var(--rc-ink);transition:none}[data-skin=recess] .dvd-tile.is-active{border-color:var(--rc-red);box-shadow:7px 7px 0 var(--rc-red);animation:none;transform:none}[data-skin=recess] .dvd-tile-caption{color:var(--rc-ink);letter-spacing:.04em!important;font-size:26px!important}[data-skin=recess] .dvd-tile-caption.is-active{color:var(--rc-red)}[data-skin=recess] .dvd-key{background:var(--rc-cream);border:2px solid var(--rc-ink)!important;color:var(--rc-ink)!important}[data-skin=recess] .dvd-key-label{color:var(--rc-ink-soft)!important}[data-skin=recess] .dvd-osd{border:3px solid var(--rc-ink);box-shadow:7px 7px 0 var(--rc-ink);background:var(--rc-red)!important;border-left:3px solid var(--rc-ink)!important}[data-skin=recess] .dvd-osd p{font-family:var(--font-pixel), monospace;color:var(--rc-cream)!important;letter-spacing:.04em!important;font-size:15px!important}[data-skin=recess] .dvd-poster{border:3px solid var(--rc-ink);box-shadow:12px 12px 0 var(--rc-ink)}.dvd-rotate{z-index:80;background-color:#3da9e0;background-image:linear-gradient(#0a0a0a0e 1px,#0000 1px),linear-gradient(90deg,#0a0a0a0e 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:40px 40px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;display:flex;position:fixed;inset:0}.dvd-rotate-card{text-align:center;background:#f0ebe0;border:3px solid #0a0a0a;flex-direction:column;align-items:center;gap:18px;padding:36px 28px;display:flex;box-shadow:8px 8px #0a0a0a}.dvd-rotate-phone{border:3px solid #0a0a0a;width:34px;height:58px;animation:2.2s ease-in-out infinite dvd-rotate-hint}@keyframes dvd-rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.dvd-rotate-phone{animation:none;transform:rotate(90deg)}}