/* No Mice Here Arcade TV: a retro set that plays game runs and reels */
.tv-hero{padding:28px 0 6px}
.tv-hero .display{font-size:clamp(40px,7vw,72px)}
.tv-hero .lede{margin-top:14px}
.tv-wrap{display:grid;gap:22px;align-items:start;justify-items:center;padding:18px 0 40px}
@media (min-width:900px){.tv-wrap{grid-template-columns:auto minmax(280px,420px);justify-content:center;gap:48px;align-items:center}}
.tv{--lime:#D4FF3A;position:relative;width:min(100%,440px);padding-top:34px}
.tv-ant{position:absolute;left:50%;top:0;width:120px;height:40px;transform:translateX(-50%);pointer-events:none}
.tv-ant i{position:absolute;bottom:4px;width:3px;height:46px;background:#1E2B24;border-radius:3px;transform-origin:bottom center}
.tv-ant i:first-child{left:42px;transform:rotate(-32deg)}.tv-ant i:nth-child(2){right:42px;transform:rotate(32deg)}
.tv-ant i::after{content:"";position:absolute;top:-6px;left:-3.5px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(212,255,58,.8)}
.tv-ant b{position:absolute;left:50%;bottom:0;width:38px;height:12px;transform:translateX(-50%);background:#1E2B24;border-radius:12px 12px 4px 4px}
.tv-set{background:linear-gradient(180deg,#2B3A31,#1E2B24 60%,#16201B);border-radius:30px;padding:16px 16px 14px;box-shadow:0 24px 50px -24px rgba(30,43,36,.6),inset 0 2px 0 rgba(255,255,255,.08)}
.tv-screen{position:relative;width:100%;max-height:58svh;aspect-ratio:9/16;margin-inline:auto;border-radius:22px;overflow:hidden;background:#0C0D0B;box-shadow:0 0 0 3px #0C0D0B,0 0 0 5px rgba(212,255,58,.35),0 0 30px rgba(212,255,58,.18)}
@supports (max-height:58svh){.tv-screen{width:min(100%,calc(58svh * 9 / 16))}}
.tv-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0C0D0B}
.tv-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;border-radius:inherit;box-shadow:inset 0 0 60px rgba(0,0,0,.45)}
.tv-static{position:absolute;inset:0;pointer-events:none;opacity:0;background:#888 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}
.tv.is-switching .tv-static{animation:tvstatic .45s steps(6) both}
@keyframes tvstatic{0%{opacity:1;background-position:0 0}50%{opacity:.95;background-position:40px 70px}100%{opacity:0;background-position:90px 20px}}
.tv-chip{position:absolute;top:12px;left:12px;z-index:2;font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#0C0D0B;background:var(--lime);padding:7px 10px;border-radius:999px}
.tv-count{position:absolute;top:12px;right:12px;z-index:2;font:600 12px/1 var(--sans);color:#F4EEE3;background:rgba(12,13,11,.6);padding:7px 10px;border-radius:999px}
.tv-sound{position:absolute;left:50%;bottom:16px;z-index:3;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:700 15px/1 var(--sans);color:#0C0D0B;background:var(--lime);padding:12px 16px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.tv-sound svg{width:18px;height:18px}
.tv.is-sound .tv-sound{left:auto;right:12px;bottom:12px;transform:none;padding:9px 12px;font-size:13px;background:rgba(12,13,11,.6);color:#F4EEE3;box-shadow:none}
.tv-play{position:absolute;inset:0;z-index:2;display:none;place-items:center;border:0;background:rgba(12,13,11,.35);cursor:pointer}
.tv-play span{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 8px rgba(212,255,58,.25)}
.tv-play svg{width:30px;height:30px;margin-left:4px}
.tv.is-paused .tv-play{display:grid}
.tv-knobs{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}
.tv-k{display:inline-grid;place-items:center;min-width:48px;height:48px;border:0;border-radius:50%;background:#0C0D0B;color:#F4EEE3;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(255,255,255,.08),0 0 0 2px rgba(212,255,58,.25)}
.tv-k svg{width:22px;height:22px}
.tv-k:active{transform:translateY(1px)}
.tv-chs{display:flex;gap:6px;flex:1;justify-content:center;flex-wrap:wrap}
.tv-ch{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;font:600 13px/1 var(--sans);color:#F4EEE3;background:#0C0D0B;padding:7px 10px 7px 7px;border-radius:999px;min-height:40px}
.tv-ch b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#3C4A42;color:#F4EEE3;font-size:12px}
.tv-ch[aria-pressed="true"]{background:var(--lime);color:#0C0D0B}.tv-ch[aria-pressed="true"] b{background:#0C0D0B;color:var(--lime)}
.tv-row2{display:flex;justify-content:center;gap:10px;margin-top:10px}
.tv-small{border:0;cursor:pointer;font:600 13px/1 var(--sans);color:#F4EEE3;background:transparent;padding:8px 10px;border-radius:999px;opacity:.85}
.tv-small:hover{opacity:1;background:rgba(255,255,255,.06)}
.tv-feet{display:flex;justify-content:space-between;width:62%;margin:0 auto}.tv-feet i{width:34px;height:12px;background:#1E2B24;border-radius:0 0 10px 10px}
.tv-info{width:min(100%,440px)}
.tv-info .eyebrow{display:flex;gap:8px;align-items:center}
.tv-info h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.2vw,36px);line-height:1.08;letter-spacing:-.015em;margin:10px 0 0}
.tv-info p.tv-line{color:var(--ink-2);margin:10px 0 0}
.tv-info .btn{margin-top:16px}
.tv-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px}
.tv-list button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:8px;cursor:pointer;font:500 15px/1.25 var(--sans);color:var(--ink)}
.tv-list img{width:40px;height:64px;object-fit:cover;border-radius:8px;background:#0C0D0B;flex:none}
.tv-list small{display:block;font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:5px}
.tv-list button[aria-current="true"]{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.tv-back{margin-top:18px;font-size:15px}
.tv.is-big .tv-screen{max-height:none;width:auto;height:100%;border-radius:0}
.tv-screen:fullscreen{width:100%;height:100%;max-height:none;border-radius:0;aspect-ratio:auto}
.tv-screen:fullscreen video{object-fit:contain}
@media (prefers-reduced-motion:reduce){.tv.is-switching .tv-static{animation:none}}
.tv-sub{margin-top:28px}
.tv-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 4px 10px}
.tv-top .tv-chip,.tv-top .tv-count{position:static;margin:0}
.tv-top .tv-count{background:#0C0D0B}
.tv-mid{display:flex;gap:4px;justify-content:center;flex:1}
.tv-chs{margin-top:12px;flex-wrap:nowrap}
@media (max-width:380px){.tv-ch{font-size:12px;padding:6px 9px 6px 6px}.tv-ch b{width:20px;height:20px}}