/* The existing UI is one display surface; its DOM is never replaced. */
.crt-display{position:relative;display:flex;flex-direction:column;width:100%;height:100%;flex:1;min-height:0;transform-origin:center}
.crt-dark-glass{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 70% 30%,#202f29 0,#101b17 45%,#060d0a 100%);box-shadow:inset 0 0 35px #000b;border-radius:5px}
.crt-dark-glass:before{content:'';position:absolute;inset:0;opacity:.5;background:linear-gradient(112deg,transparent 12%,#9da9a90f 30%,#dbe2d017 31%,transparent 55%),repeating-linear-gradient(0deg,#fff01 0 1px,transparent 1px 3px);border-radius:inherit}
.crt-dark-glass:after{content:'';position:absolute;left:8%;right:8%;top:50%;height:2px;background:#eef3d4;box-shadow:0 0 7px #d6e1ba;opacity:0;transform:scaleX(.94)}
.screen[data-power="shutting-down"] .crt-display{animation:crt-collapse .42s ease-in both}
.screen[data-power="shutting-down"] .crt-dark-glass,.screen[data-power="off"] .crt-dark-glass,.screen[data-power="starting-up"] .crt-dark-glass{opacity:1}
.screen[data-power="shutting-down"] .crt-dark-glass{animation:crt-glass-darken .42s both}
.screen[data-power="shutting-down"] .crt-dark-glass:after{animation:crt-line-off .42s both}
.screen[data-power="off"] .crt-display{visibility:hidden;pointer-events:none}
.screen[data-power="starting-up"] .crt-display{animation:crt-expand .5s ease-out both;z-index:1}
.screen[data-power="starting-up"] .crt-dark-glass:after{animation:crt-line-on .5s both}
.screen[data-power="shutting-down"] dialog,.screen[data-power="off"] dialog,.screen[data-power="starting-up"] dialog{display:none!important}
@keyframes crt-collapse{0%{transform:scaleY(1);filter:none}62%{transform:scaleY(.008);filter:brightness(2)}75%,100%{transform:scaleY(0);opacity:0}}
@keyframes crt-glass-darken{0%,45%{opacity:0}65%,100%{opacity:1}}
@keyframes crt-line-off{0%,55%{opacity:0}65%,77%{opacity:1}100%{opacity:0;transform:scaleX(.08)}}
@keyframes crt-expand{0%,22%{opacity:0;transform:scaleY(0)}35%{opacity:.8;transform:scaleY(.008);filter:brightness(1.5)}100%{opacity:1;transform:scaleY(1);filter:none}}
@keyframes crt-line-on{0%,15%{opacity:0}24%,38%{opacity:1}60%,100%{opacity:0}}
.scene .crt-power{left:74.7%;top:69%;width:2%;height:2.7%;border-radius:2px}
.scene .crt-power:hover{transform:none;background:#eee6d212;box-shadow:inset 0 0 3px #cfc9b333;border-color:transparent}
.crt-led-off{position:absolute;pointer-events:none;left:76.45%;top:68.65%;width:2.15%;height:2.5%;border-radius:6px;opacity:0;background:linear-gradient(110deg,#695948,#645445);box-shadow:0 0 3px 2px #685849}
.crt-led-off:after{content:'';position:absolute;left:27%;top:25%;width:42%;height:47%;background:linear-gradient(145deg,#364335,#1e2921);border:1px solid #777766;border-radius:3px;box-shadow:1px 1px 1px #c0baa666}
.crt-is-off .crt-led-off{opacity:1}.lamp-dimmed .crt-led-off{background:linear-gradient(110deg,#665b4c,#615648);box-shadow:0 0 3px 2px #63594b}
@media(max-width:1200px){.scene .crt-power{top:46vw;height:1.8vw}.crt-led-off{top:45.766667vw;height:1.666667vw}}
@media(max-width:768px){.scene .crt-power,.crt-led-off{display:none}}
@media(prefers-reduced-motion:reduce){.screen[data-power] .crt-display,.screen[data-power] .crt-dark-glass,.screen[data-power] .crt-dark-glass:after{animation:none}}
.motion-paused .screen[data-power] .crt-display,.motion-paused .screen[data-power] .crt-dark-glass,.motion-paused .screen[data-power] .crt-dark-glass:after{animation:none}