.crt-wrap{--crt-accent:#d3fc72;--crt-glass:#0a0a09;--crt-ar:1.62;--crt-h:clamp(340px, calc(100dvh - 262px), 1080px);flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.crt-body{width:min(100%, 1880px, calc(var(--crt-h) * var(--crt-ar)));background:linear-gradient(168deg,#322e2a 0%,#221f1c 40%,#171513 100%);border-radius:clamp(16px,1.6vw,26px);min-width:0;padding:clamp(10px,1.05vw,17px);position:relative;box-shadow:inset 0 1px #ffffff21,inset 0 -2px #0009,0 40px 90px #000000ad,0 0 0 1px #ffffff0d}.crt-body:before{content:"";border-radius:inherit;opacity:.26;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.crt-screw{background:radial-gradient(circle at 35% 30%,#5b564f,#201d1a 70%);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:inset 0 -1px 1px #000c,0 1px #ffffff12}.crt-screw.tl{top:10px;left:10px}.crt-screw.tr{top:10px;right:10px}.crt-screw.bl{bottom:10px;left:10px}.crt-screw.br{bottom:10px;right:10px}.crt-bezel{background:linear-gradient(160deg,#0f0e0c,#060605 60%,#0c0b0a);border-radius:clamp(12px,1.2vw,18px);padding:clamp(6px,.66vw,10px);position:relative;box-shadow:inset 0 2px 5px #000000e6,inset 0 0 0 1px #ffffff0b,0 1px #ffffff12}.crt-screen{aspect-ratio:var(--crt-ar);background:var(--crt-glass);border-radius:4%/6%;width:100%;position:relative;overflow:hidden;transform:translateZ(0)}.crt-canvas{justify-content:center;align-items:center;gap:clamp(3px,.35vw,7px);padding:clamp(6px,.6vw,10px);display:flex;position:absolute;inset:0}.crt-page{height:100%;aspect-ratio:var(--crt-page-ratio,1080 / 1350);background:#efece3;flex:none;position:relative;overflow:hidden}.crt-page img{object-fit:contain;width:100%;height:100%;display:block}.crt-page.left:after,.crt-page.right:after{content:"";pointer-events:none;width:5%;position:absolute;top:0;bottom:0}.crt-page.left:after{background:linear-gradient(270deg,#00000029,#0000);right:0}.crt-page.right:after{background:linear-gradient(90deg,#00000029,#0000);left:0}.crt-endcard{height:100%;aspect-ratio:var(--crt-page-ratio,1080 / 1350);text-align:center;color:#d3fc72bf;background:radial-gradient(circle at 50% 45%,#d3fc720d,#0000 70%);border:1px dashed #d3fc722e;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:12px;display:flex}.crt-endcard .big{letter-spacing:.34em;text-transform:uppercase;font-size:clamp(11px,1.05vw,15px)}.crt-endcard .small{letter-spacing:.22em;color:#f0ede659;text-transform:uppercase;font-size:9px}.crt-fx{pointer-events:none;position:absolute;inset:0}.crt-fx.scan{opacity:.28;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 4px)}.crt-fx.vignette{background:radial-gradient(104% 104%,#0000 74%,#00000057 100%)}.crt-fx.glare{mix-blend-mode:screen;background:linear-gradient(122deg,#ffffff0d 0%,#0000 34%)}.crt-canvas.is-switching{animation:.22s ease-out both crtSwitch}@keyframes crtSwitch{0%{opacity:.25;filter:brightness(1.5);transform:scale(.996)}to{opacity:1;filter:brightness();transform:scale(1)}}.crt-screen.is-booting .crt-canvas{animation:.7s cubic-bezier(.2,.9,.25,1) both crtPowerOn}@keyframes crtPowerOn{0%{filter:brightness(7);opacity:1;transform:scaleY(.004)scaleX(.55)}45%{filter:brightness(4);transform:scaleY(.05)scaleX(1)}75%{filter:brightness(1.9);transform:scaleY(1)scaleX(1)}to{filter:brightness();transform:scaleY(1)scaleX(1)}}.crt-screen.is-off .crt-canvas,.crt-screen.is-off .crt-fx.scan,.crt-screen.is-off .crt-fx.glare{animation:.42s ease-in both crtPowerOff}@keyframes crtPowerOff{0%{filter:brightness();opacity:1;transform:scaleY(1)scaleX(1)}45%{filter:brightness(3.4);opacity:1;transform:scaleY(.02)scaleX(1)}80%{filter:brightness(5);opacity:1;transform:scaleY(.006)scaleX(.32)}to{opacity:0;transform:scaleY(.004)scaleX(0)}}.crt-standby{z-index:4;opacity:0;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.5s .38s both crtStandbyIn;display:flex;position:absolute;inset:0}@keyframes crtStandbyIn{0%{opacity:0}to{opacity:1}}.crt-standby-art{justify-content:center;align-items:center;width:min(78%,620px);display:flex;position:relative;container-type:inline-size}.crt-standby-art .z3l{text-shadow:0 0 14px #d3fc7259}.crt-standby-caret{background:var(--crt-accent);width:2cqw;height:5.4cqw;animation:1.05s step-end infinite crtCaret;position:absolute;bottom:4.2cqw;right:3.5cqw;box-shadow:0 0 12px #d3fc7273}@keyframes crtCaret{0%,49%{opacity:1}50%,to{opacity:0}}.crt-standby-sub{letter-spacing:.34em;text-transform:uppercase;color:#f0ede647;font-family:JetBrains Mono,monospace;font-size:clamp(8px,.8vw,10px)}.crt-wrap.is-spread .crt-page.left:after,.crt-wrap.is-spread .crt-page.right:after{display:none}.crt-wrap.is-spread .crt-page{aspect-ratio:auto;background:0 0;width:100%;height:100%}.crt-wrap.is-spread{--crt-ar:1.5}.crt-console{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:clamp(8px,.75vw,12px) clamp(4px,.5vw,10px) 2px;display:grid}.crt-brand{letter-spacing:.3em;text-transform:uppercase;color:#f0ede652;white-space:nowrap;align-items:center;gap:9px;font-size:9px;display:flex}.crt-led{background:var(--crt-accent);border-radius:50%;flex:none;width:7px;height:7px;transition:background .3s,box-shadow .3s;box-shadow:0 0 10px #d3fc72d9,0 0 22px #d3fc7273}.crt-led.is-off{background:#7a2b2b;box-shadow:0 0 8px #dc3c3c80}.crt-dials{align-items:center;gap:clamp(14px,1.8vw,30px);display:flex}.crt-knob{cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 34% 28%,#4a4642 0%,#2b2825 45%,#141311 100%);border:1px solid #ffffff17;border-radius:50%;flex:none;place-items:center;width:clamp(48px,4.2vw,62px);height:clamp(48px,4.2vw,62px);transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s,opacity .2s;display:grid;position:relative;box-shadow:inset 0 2px 3px #ffffff26,inset 0 -5px 10px #000c,0 8px 18px #00000080}.crt-knob:after{content:"";pointer-events:none;background:repeating-conic-gradient(#ffffff0d 0deg 3deg,#0000002e 3deg 6deg);border-radius:50%;position:absolute;inset:5px;-webkit-mask-image:radial-gradient(circle,#0000 56%,#000 58% 100%);mask-image:radial-gradient(circle,#0000 56%,#000 58% 100%)}.crt-knob:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 2px 3px #fff3,inset 0 -5px 10px #000c,0 12px 26px #0000008c,0 0 0 1px #d3fc7252,0 0 22px #d3fc7229}.crt-knob:active:not(:disabled){transform:translateY(1px)scale(.97)}.crt-knob:disabled{opacity:.3;cursor:not-allowed}.crt-knob-glyph{z-index:1;color:var(--crt-accent);filter:drop-shadow(0 0 7px #d3fc7280);font-size:clamp(13px,1.2vw,17px);line-height:1;transition:transform .18s;position:relative}.crt-knob:hover:not(:disabled) .crt-knob-glyph{transform:scale(1.14)}.crt-knob.power{width:clamp(54px,4.8vw,70px);height:clamp(54px,4.8vw,70px)}.crt-knob.power .crt-knob-glyph{color:#e8e4da;filter:drop-shadow(0 0 6px #ffffff4d);font-size:clamp(15px,1.4vw,20px)}.crt-knob.power.is-off .crt-knob-glyph{color:#ff6b6b;filter:drop-shadow(0 0 9px #ff5a5a99)}.crt-knob.power:hover .crt-knob-glyph{color:var(--crt-accent)}.crt-knob-label{letter-spacing:.22em;text-transform:uppercase;color:#f0ede657;white-space:nowrap;pointer-events:none;font-size:7.5px;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.crt-counter{color:var(--crt-accent);letter-spacing:.2em;text-shadow:0 0 9px #d3fc7299;white-space:nowrap;background:#0a0c08;border-radius:4px;justify-self:end;align-items:center;gap:9px;padding:5px 12px;font-size:10px;transition:color .3s,text-shadow .3s;display:flex;box-shadow:inset 0 2px 6px #000000e6,0 1px #ffffff0f}.crt-counter .dim{color:#d3fc7261;text-shadow:none}.crt-counter.is-off{color:#f0ede64d;text-shadow:none}.crt-progress{background:#0000008c;border-radius:2px;height:3px;margin:14px clamp(4px,.5vw,10px) 0;overflow:hidden;box-shadow:inset 0 1px 2px #000c}.crt-progress i{background:var(--crt-accent);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:block;box-shadow:0 0 10px #d3fc728c}.crt-progress i.is-off{opacity:.12}.crt-hint{letter-spacing:.22em;text-transform:uppercase;color:#f0ede642;text-align:center;font-size:8px}.crt-hint kbd{font:inherit;color:#f0ede680;border:1px solid #ffffff21;border-radius:3px;margin:0 2px;padding:2px 6px}@media (max-width:860px){.crt-wrap{--crt-ar:.84;--crt-h:clamp(300px, calc(100dvh - 258px), 860px);gap:10px}.crt-wrap.is-spread{--crt-ar:1.42;--crt-h:clamp(190px, calc(100dvh - 300px), 620px)}.crt-wrap:not(.is-spread) .crt-page:nth-of-type(2),.crt-page.left:after,.crt-page.right:after{display:none}.crt-console{grid-template-columns:1fr;justify-items:center;gap:12px;padding-top:12px}.crt-brand{display:none}.crt-counter{order:-1;justify-self:center}.crt-dials{gap:30px;padding-bottom:12px}.crt-knob{width:56px;height:56px}.crt-knob.power{width:62px;height:62px}.crt-hint{display:none}.crt-standby-sub{letter-spacing:.18em;text-align:center;padding:0 14px;font-size:7.5px}}@media (prefers-reduced-motion:reduce){.crt-canvas.is-switching,.crt-screen.is-booting .crt-canvas,.crt-screen.is-off .crt-canvas,.crt-standby,.crt-standby-caret{animation:none}.crt-screen.is-off .crt-canvas{opacity:0}.crt-standby{opacity:1}}