/* Base theme: personal Commodore 1702-inspired illustrated terminal. */
.landing{position:relative;gap:10px}.console-layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);align-items:center;gap:35px;width:min(1120px,calc(100% - 65px));margin:0 auto 8px}.services-side{min-width:0;display:flex;flex-direction:column;gap:23px}.services-side .availability{width:100%}.services-side .availability th{padding-left:9px}.services-side .availability td{padding-right:2px}.services-side .lamp{margin-right:10px}.services-side .vpn-access{padding:0 5px}.services-side .primary-button{width:100%;min-width:0}.filter-definitions{position:absolute;pointer-events:none}
.bubble-headline{font-family:var(--headline);font-size:clamp(30px,3.5vw,48px);font-weight:900;text-transform:none;letter-spacing:-1.8px;color:#49240e;-webkit-text-stroke:1.3px #49240e;text-shadow:0 3px #e6a327,0 6px #e6a327,0 9px #e77c14,0 12px #b54e18;line-height:1.2;margin-bottom:12px;padding:0 12px}
.monitor{width:100%;aspect-ratio:1.23;position:relative;border:2px solid #8f7c66;border-radius:9px 9px 4px 4px;background:linear-gradient(110deg,#cabc9f,#a6937b 48%,#d0bea3);box-shadow:0 9px 9px -7px #321508aa,inset 0 3px 2px #eee0bd,inset -3px 0 3px #746251;color:#e6decb}.monitor-upper{position:absolute;inset:2% 1.7% 19%;padding:1.5%;background:linear-gradient(145deg,#6c5a49,#b9a48c 45%,#605144);border:1px solid #d3c1a5;border-radius:4px}.monitor-bezel{width:100%;height:100%;padding:4.4% 5%;background:linear-gradient(145deg,#1f1b18,#504237 52%,#241d16);border:3px solid #1a1612;box-shadow:inset 0 0 0 2px #80705b,inset 0 0 16px #090806;border-radius:4px}.crt-glass{width:100%;height:100%;position:relative;border-radius:9% / 12%;overflow:hidden;background:radial-gradient(ellipse,#13170f,#080b08 78%);box-shadow:0 0 7px 4px #080806,inset 0 0 22px 4px #000;isolation:isolate}.crt-phosphor{position:absolute;inset:0;padding:7% 6%;filter:none;opacity:1;transform-origin:center}.monitor .terminal{margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;font-size:clamp(11px,1.1vw,15px);line-height:1.45}.monitor .terminal-bar{margin-bottom:13px;gap:6px;flex-wrap:wrap}.monitor .terminal-bar h2{font-size:.88em;letter-spacing:.7px}.monitor .terminal-rule{display:none}.monitor .skip{font-size:9px;padding:2px 4px}.monitor .announcement h3,.monitor #typed-announcement h3{font-size:1.13em;line-height:1.35;letter-spacing:0;margin:0 0 12px}.monitor .announcement p,.monitor #typed-announcement p{margin-bottom:12px}.monitor .terminal.typing #typed-announcement{left:0;right:0;top:32px}.monitor .cursor{margin-top:4px}.crt-reflection{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(145deg,#ffffff0d 0%,transparent 20%,transparent 80%,#ffffff04);box-shadow:inset 0 0 16px #0009;z-index:2}.crt-glass:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px);pointer-events:none;opacity:.45;z-index:3}.monitor-controls{position:absolute;left:3%;right:3%;top:82%;height:7%;display:flex;align-items:center;gap:7px;border-bottom:2px solid #685744;color:#eee6d5}.commodore-badge{margin-left:30%;height:88%;display:flex;align-items:center;gap:4px;background:#342c24;border:1px solid #706251;padding:2px 5px;font:bold clamp(8px,1vw,12px) Arial,sans-serif;white-space:nowrap}.commodore-symbol{font-size:1.3em}.rainbow-mark{display:block;width:25px;height:85%;min-height:12px;margin-left:3px;background:linear-gradient(#b84531 0 17%,#df802c 17% 34%,#ddbd35 34% 51%,#43814a 51% 68%,#2c8094 68% 84%,#555e9b 84%)}.power-indicator{width:5px;height:5px;border-radius:50%;background:#e4ab38;box-shadow:0 0 6px 2px #ffb52d;flex-shrink:0}.monitor-model{margin-left:auto;font:clamp(5px,.55vw,8px)/1.3 Arial,sans-serif;color:#342b22;background:#d9cbb4;padding:2px 3px;white-space:nowrap}.monitor-power{position:relative;width:28px;min-width:28px;height:25px;flex-shrink:0;background:linear-gradient(#e0c89d,#ab9167);color:#513d22;border:2px solid #655440;border-radius:2px;box-shadow:inset 0 1px #ffebc8,0 0 6px #ffc14a77;cursor:pointer;padding:0}.monitor-power span{font:17px Arial,sans-serif;color:#ffda83;text-shadow:0 0 5px #edaa32}.monitor-power:before{content:'';position:absolute;inset:-8px}.monitor-power:focus-visible{outline:3px solid #dc630c;outline-offset:5px}.monitor-base{position:absolute;left:3%;right:3%;top:90%;height:8%;display:flex;gap:12px;border-top:1px solid #e2cfaf}.control-flap{width:79%;border:1px solid #88735c;border-radius:1px 1px 5px 5px;box-shadow:inset 0 1px #d1bfa2}.av-sockets{display:flex;align-items:flex-start;justify-content:center;gap:12px;position:relative;padding-top:4px;flex:1}.av-sockets i{width:13px;height:13px;border-radius:50%;background:#17140f;box-shadow:0 0 0 2px #d2b272,inset 0 0 0 3px #8b7d65}.av-sockets i:first-child{box-shadow:0 0 0 2px #cbb03a,inset 0 0 0 3px #8b7d65}.av-sockets small{position:absolute;bottom:0;font:6px Arial,sans-serif;color:#44382b;white-space:nowrap}
.crt-collapse{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:4;background:#ffe3a1}.monitor[data-power=off] .crt-phosphor{opacity:0}.monitor[data-power=off] .power-indicator{background:#473d2b;box-shadow:none}.monitor[data-power=off] .monitor-power{background:linear-gradient(#a59780,#7c6d58);box-shadow:inset 0 1px #cabc9e}.monitor[data-power=off] .monitor-power span{color:#4d4438;text-shadow:none}.monitor[data-power=off] .crt-glass{background:#080a08}.monitor.power-down .crt-phosphor{animation:crt-shutoff .6s ease-in forwards}.monitor.power-down .crt-collapse{animation:crt-line .6s ease-in forwards}.monitor.power-up .crt-phosphor{animation:crt-warmup 2s ease-out both}.monitor.power-up .crt-glass{animation:none}
@keyframes crt-shutoff{0%{opacity:1;transform:scale(1);filter:none}25%{opacity:.7;transform:scale(1.012,.97);filter:blur(.6px)}55%{opacity:.9;transform:scale(1,.015)}80%{opacity:.6;transform:scale(.02,.008)}100%{opacity:0;transform:scale(0)}}
@keyframes crt-line{0%,30%{opacity:0;transform:scale(1,.008)}52%{opacity:.45;transform:scale(.96,.008)}82%{opacity:.4;transform:scale(.012,.012)}100%{opacity:0;transform:scale(0)}}
@keyframes crt-warmup{0%{opacity:0;filter:blur(1.2px)}35%{opacity:.25;filter:blur(.8px)}75%{opacity:.8;filter:blur(.2px)}100%{opacity:1;filter:none}}
.landing .footer{position:relative;padding:0 120px 10px}.landing .footer-stripes{margin-left:-120px;margin-right:-120px}.landing .build-number{position:absolute;right:18px;bottom:12px;font-size:9px}
@media(min-width:761px) and (max-height:850px){.landing{gap:7px}.console-layout{max-width:1000px;gap:28px}.bubble-headline{font-size:33px;margin-bottom:9px}.monitor .terminal{font-size:12px}.monitor .terminal-bar{margin-bottom:10px}.monitor .announcement h3,.monitor #typed-announcement h3{font-size:14px;margin-bottom:9px}.monitor .announcement p,.monitor #typed-announcement p{margin-bottom:8px}.monitor .terminal.typing #typed-announcement{top:28px}.services-side{gap:18px}.services-side .availability table{font-size:13px}.services-side .availability th,.services-side .availability td{padding-top:6px;padding-bottom:6px}.landing .footer{padding-bottom:7px}}
@media(min-width:761px) and (max-height:680px){.console-layout{max-width:900px;gap:26px}.bubble-headline{font-size:29px;margin-bottom:8px}.monitor .terminal{font-size:11px;line-height:1.4}.monitor .announcement h3,.monitor #typed-announcement h3{font-size:12px;margin-bottom:7px}.services-side .availability th,.services-side .availability td{padding-top:5px;padding-bottom:5px}.services-side .availability table{font-size:12px}.services-side .vpn-access small{font-size:10px}}
@media(max-width:1000px) and (min-width:761px){.console-layout{gap:20px;width:calc(100% - 40px)}.monitor .terminal{font-size:11px}.monitor .announcement h3,.monitor #typed-announcement h3{font-size:12px}.commodore-badge{margin-left:20%}.monitor-model{font-size:5px}.services-side .availability table{font-size:11px}.services-side .availability th,.services-side .availability td{padding-left:3px}.services-side .lamp{margin-right:5px}}
@media(max-width:760px){.console-layout{display:flex;flex-direction:column;gap:24px;width:calc(100% - 28px);margin-bottom:10px}.monitor{max-width:540px}.services-side{width:100%;gap:22px}.services-side .availability{width:100%}.bubble-headline{font-size:clamp(25px,7vw,37px);margin-bottom:6px;letter-spacing:-1.2px;text-shadow:0 2px #e6a327,0 4px #e6a327,0 6px #e77c14,0 8px #b54e18}.monitor .terminal{font-size:clamp(10px,2.8vw,14px);line-height:1.4}.monitor .announcement h3,.monitor #typed-announcement h3{font-size:1.08em;margin-bottom:8px}.monitor .announcement p,.monitor #typed-announcement p{margin-bottom:7px}.monitor .terminal-bar{margin-bottom:8px}.monitor .terminal-bar h2{font-size:9px}.monitor .skip{font-size:8px}.monitor .terminal.typing #typed-announcement{top:26px}.commodore-badge{font-size:8px;margin-left:22%}.monitor-model{font-size:5px}.monitor-power{width:24px;min-width:24px;height:21px}.rainbow-mark{width:19px}.av-sockets small{font-size:5px}.av-sockets i{width:9px;height:9px}.av-sockets{gap:9px;padding-top:3px}.landing .footer{padding:0 12px 25px}.landing .footer-stripes{margin-left:-12px;margin-right:-12px}.landing .build-number{right:12px;bottom:7px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.monitor.power-down .crt-phosphor,.monitor.power-down .crt-collapse,.monitor.power-up .crt-phosphor,.monitor.power-up .crt-glass{animation:none}.crt-collapse{display:none}}

/* Build 012: collapse the visible scene, never a replacement terminal frame. */
.shutdown-snapshot{position:absolute;inset:0;z-index:3;pointer-events:none;background:#080a08;transform-origin:center;overflow:hidden}
.monitor.power-down .shutdown-snapshot{animation:crt-shutoff .6s ease-in forwards}
.monitor.power-down .crt-glass>.crt-phosphor{visibility:hidden!important;animation:none}
@media(prefers-reduced-motion:reduce){.shutdown-snapshot{display:none}}