retro-tv{--rtv-accent:var(--tape,#ffd23f);--rtv-ink:var(--ink,#130f00);--rtv-panel:var(--panel,#141417);--rtv-line:var(--line,#2b2b32);--rtv-text:var(--text,#f3f1eb);--rtv-mute:var(--mute,#aaa69e);--rtv-osd:#7dff9b;display:grid;gap:14px;color:var(--rtv-text)}@media(min-width:980px){retro-tv.rtv{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-areas:"stage guide" "bar guide";align-items:start}.rtv-stage{grid-area:stage}.rtv-bar{grid-area:bar}.rtv-guide{grid-area:guide}}retro-tv:not(.rtv) ol{margin:0;padding-left:20px}.rtv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rtv-stage{position:relative;width:100%;overflow:hidden;border-radius:14px;background:radial-gradient(70% 60% at 50% 45%,#22202a,#0b0b0d 75%);touch-action:pan-y}.rtv-gl{position:absolute;left:0;top:0;transform-origin:0 0;opacity:0;transition:opacity .6s;pointer-events:none}.rtv-gl canvas{display:block;width:100%!important;height:100%!important}.rtv--3d .rtv-gl{opacity:1}.rtv--3d .rtv-gl--interactive{pointer-events:auto}.rtv--3d .rtv-css{opacity:0;visibility:hidden}.rtv-loading{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rtv-mute);background:rgba(0,0,0,.5);padding:4px 10px;border-radius:999px}.rtv-css{position:absolute;inset:0;transition:opacity .5s}.rtv-cab{position:absolute;left:6%;right:6%;top:24%;bottom:8%;border-radius:4.5%/6%;background:linear-gradient(160deg,#6b3f22,#3a2112 55%,#24140b);box-shadow:inset 0 0 0 3px rgba(255,255,255,.06),inset 0 -14px 30px rgba(0,0,0,.45),0 24px 40px -18px rgba(0,0,0,.8)}.rtv-bezel{position:absolute;left:4.5%;top:7%;width:69%;height:84%;border-radius:7%/9%;background:linear-gradient(180deg,#2b2b2e,#151517);box-shadow:inset 0 0 0 3px #4a4a50,inset 0 0 22px rgba(0,0,0,.9)}.rtv-panel{position:absolute;right:4%;top:9%;width:18%;bottom:9%;border-radius:6%;background:linear-gradient(180deg,#d9cdb2,#b9ab8c);box-shadow:inset 0 0 0 2px rgba(0,0,0,.2)}.rtv-knob{position:absolute;left:50%;top:10%;width:62%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a4a4f,#121214 70%);box-shadow:0 3px 6px rgba(0,0,0,.5)}.rtv-knob::after{content:"";position:absolute;left:47%;top:8%;width:6%;height:34%;background:#ddd;border-radius:2px}.rtv-knob--s{top:40%;width:46%}.rtv-knob--p{top:63%;width:24%;background:radial-gradient(circle at 35% 30%,#8a2a22,#3a0d09 70%)}.rtv-knob--p::after{height:44%;top:6%}.rtv--on .rtv-knob--p{box-shadow:0 0 10px 2px rgba(255,80,60,.6)}.rtv-grille{position:absolute;left:14%;right:14%;bottom:6%;height:20%;background:repeating-linear-gradient(0deg,#3a2c1a 0 3px,transparent 3px 7px)}.rtv-brand{position:absolute;right:3.6%;bottom:2.5%;font:600 clamp(7px,1.25vw,12px)/1 system-ui,sans-serif;letter-spacing:.12em;color:var(--rtv-accent);text-shadow:0 1px 0 rgba(0,0,0,.6)}.rtv-ear{position:absolute;left:50%;bottom:76%;width:.9%;height:26%;background:linear-gradient(90deg,#9aa0a8,#e8ecf0,#8a9098);border-radius:3px;transform-origin:50% 100%}.rtv-ear::before{content:"";position:absolute;left:50%;top:-4%;width:320%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#d9dde2}.rtv-ear--l{transform:translateX(-50%) rotate(-28deg)}.rtv-ear--r{transform:translateX(-50%) rotate(26deg)}.rtv-ear-base{position:absolute;left:44%;width:12%;bottom:73.5%;height:4%;border-radius:50% 50% 8% 8%;background:linear-gradient(180deg,#3a3a40,#15151a)}.rtv-foot{position:absolute;bottom:4%;width:7%;height:5%;background:#1a100a;border-radius:0 0 30% 30%}.rtv-foot--l{left:14%}.rtv-foot--r{right:14%}.rtv-screen{position:absolute;overflow:hidden;background:#050607;z-index:2;transition:left .5s,top .5s,width .5s,height .5s}.rtv-glass,.rtv-noise,.rtv-tube{position:absolute;inset:0;width:100%;height:100%;border:0}.rtv-tube{container-type:size;background:#000}.rtv-frame{position:absolute;left:50%;top:50%;width:min(100cqw,177.78cqh);height:min(100cqh,56.25cqw);transform:translate(-50%,-50%);border:0}.rtv-tube{transform-origin:50% 50%}.rtv--off .rtv-tube{opacity:0}.rtv-tube--collapse{animation:rtv-off .42s ease-in forwards}@keyframes rtv-off{0%{transform:scale(1,1);filter:brightness(1)}55%{transform:scale(1,.012);filter:brightness(3)}100%{transform:scale(0,.012);filter:brightness(4)}}.rtv-noise{opacity:0;image-rendering:pixelated;pointer-events:none}.rtv-noise--on{opacity:.9}.rtv-glass{pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(120% 110% at 50% 50%,transparent 58%,rgba(0,0,0,.55) 100%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%);box-shadow:inset 0 0 28px rgba(0,0,0,.7)}.rtv--off .rtv-glass{background:radial-gradient(60% 50% at 35% 30%,rgba(255,255,255,.07),transparent 70%),radial-gradient(120% 110% at 50% 50%,#101214 40%,#030304 100%)}.rtv-osd--big{font-size:clamp(20px,5.5vw,46px)}.rtv-osd{position:absolute;right:6%;top:6%;z-index:3;font:400 clamp(12px,2.6vw,22px)/1 ui-monospace,Menlo,Consolas,monospace;color:var(--rtv-osd);text-shadow:0 0 6px rgba(125,255,155,.7);pointer-events:none}.rtv-msg{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);z-index:3;text-align:center;font-size:clamp(11px,1.8vw,15px);color:#e9e9e9;text-shadow:0 1px 3px #000;pointer-events:none}.rtv-msg:empty{display:none}.rtv-tap{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);z-index:4;min-height:36px;padding:6px 14px;white-space:nowrap;font-size:clamp(12px,1.6vw,15px);border:0;border-radius:999px;background:var(--rtv-accent);color:var(--rtv-ink);font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.5)}.rtv-hit{position:absolute;z-index:5;aspect-ratio:1;min-width:44px;transform:translate(-50%,-50%);border-radius:50%;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.rtv-hit--drag{cursor:grabbing}.rtv-hit:focus-visible{outline:3px solid var(--rtv-accent);outline-offset:3px}.rtv-hit-ring{position:absolute;inset:0;border-radius:50%;pointer-events:none}.rtv-hit--drag .rtv-hit-ring,.rtv-hit:focus-visible .rtv-hit-ring,.rtv-hit:hover .rtv-hit-ring{box-shadow:0 0 0 2px rgba(255,210,63,.65),0 0 18px rgba(255,210,63,.35)}.rtv-hit-ring::after{content:"";position:absolute;left:50%;top:-7px;width:0;height:0;margin-left:-5px;border:5px solid transparent;border-bottom-color:var(--rtv-accent);opacity:0}.rtv-hit--drag .rtv-hit-ring::after,.rtv-hit:focus-visible .rtv-hit-ring::after,.rtv-hit:hover .rtv-hit-ring::after{opacity:1}.rtv-knob{transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.rtv-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rtv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 14px;border-radius:8px;border:1px solid var(--rtv-line);background:var(--rtv-panel);color:var(--rtv-text);font:inherit;font-size:14px;font-weight:600;letter-spacing:.03em;cursor:pointer;text-decoration:none;touch-action:manipulation}.rtv-btn:hover:not(:disabled){border-color:var(--rtv-accent)}.rtv-btn:disabled{opacity:.45;cursor:default}.rtv-power[aria-pressed=true]{background:var(--rtv-accent);color:var(--rtv-ink);border-color:var(--rtv-accent)}.rtv-btn[aria-pressed=true]:not(.rtv-power){border-color:var(--rtv-accent)}.rtv-vol{display:inline-flex;align-items:center;flex:1 1 120px;min-width:110px;max-width:220px}.rtv-vol input{width:100%;accent-color:var(--rtv-accent);min-height:44px}.rtv-ytlink{margin-left:auto}.rtv-guide{border:1px solid var(--rtv-line);border-radius:14px;background:var(--rtv-panel);padding:16px}.rtv-gh{margin:0 0 10px;font-size:1.3rem}.rtv-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:340px;overflow:auto}.rtv-list li{display:flex;gap:6px}.rtv-ch{flex:1;display:flex;gap:10px;align-items:center;min-height:44px;padding:6px 10px;border-radius:8px;border:1px solid transparent;background:rgba(255,255,255,.03);color:inherit;font:inherit;font-size:15px;text-align:left;cursor:pointer}.rtv-ch:hover{border-color:var(--rtv-line)}.rtv-ch[aria-current=true]{border-color:var(--rtv-accent);background:rgba(255,210,63,.08)}.rtv-chn{font:600 13px/1 ui-monospace,Menlo,Consolas,monospace;color:var(--rtv-accent)}.rtv-x{min-width:44px;min-height:44px;border-radius:8px;border:1px solid var(--rtv-line);background:0 0;color:var(--rtv-mute);font-size:20px;cursor:pointer}.rtv-add{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.rtv-add input{flex:1 1 180px;min-height:44px;padding:8px 12px;border-radius:8px;border:1px solid var(--rtv-line);background:#0e0e11;color:var(--rtv-text);font:inherit;font-size:15px}.rtv-err{color:#ff8a80;font-size:14px;margin:8px 0 0}.rtv-err:empty{display:none}.rtv-note{font-size:13px;color:var(--rtv-mute);margin:10px 0 0}.rtv-note:empty{display:none}.rtv-credit{font-size:12px;color:var(--rtv-mute);margin:10px 0 0}.rtv-credit a{color:inherit}.rtv-cal{position:absolute;z-index:6;border:2px dashed #2ee6ff;background:rgba(46,230,255,.12);cursor:move;touch-action:none}.rtv-cal:focus-visible{outline:3px solid #fff}.rtv-cal-h{position:absolute;right:-9px;bottom:-9px;width:18px;height:18px;border-radius:4px;background:#2ee6ff;cursor:nwse-resize}.rtv-calp{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;padding:10px;border:1px dashed #2ee6ff;border-radius:10px}.rtv-calp select{min-height:40px;border-radius:6px;border:1px solid var(--rtv-line);background:#0e0e11;color:var(--rtv-text)}.rtv-calfound{flex-basis:100%;margin:0;font-size:13px;color:var(--rtv-mute)}.rtv-calout{resize:vertical;flex:1 1 260px;min-height:40px;padding:6px 10px;border-radius:6px;border:1px solid var(--rtv-line);background:#0e0e11;color:var(--rtv-text);font:13px ui-monospace,Menlo,monospace}@media(prefers-reduced-motion:reduce){.rtv-css,.rtv-gl,.rtv-knob,.rtv-screen{transition:none}.rtv-tube--collapse{animation:none;opacity:0}}