[data-theme=sfc]{--ink:#d6ffe0;--muted:#8fc39d;--accent:#7dffa0;--link:#a9f5bb;color-scheme:dark}[data-theme=sfc] body{background:radial-gradient(80% 60% at 50% 35%,#1a2421,#0000 70%),#07090b}.boot-hub{--phosphor:#c9ffd5;--phosphor-dim:#8fc39d;--glow:0 0 6px #7dffa08c, 0 0 18px #7dffa038;justify-items:center;gap:14px;padding:clamp(24px,6vw,64px) 16px 8px;display:grid}.crt{background:linear-gradient(160deg,#3a3b40,#1d1e22 55%,#121316);border-radius:clamp(18px,4vw,40px);width:min(100%,920px);padding:clamp(12px,3vw,28px);position:relative;box-shadow:inset 0 2px #55565c,inset 0 -3px #0b0c0e,0 30px 60px #0009}.crt-screen,.crt-glass{border-radius:clamp(14px,3vw,34px)/clamp(18px,4vw,44px)}.crt-screen{min-height:clamp(460px,62vw,620px);color:var(--phosphor);transform-origin:50%;background:radial-gradient(at 50% 45%,#0d1a12,#040705 75%);padding:clamp(20px,5vw,56px) clamp(18px,5vw,64px);display:grid;position:relative;overflow:hidden}.crt-glass{pointer-events:none;background:repeating-linear-gradient(#0000004d 0 1px,#0000 1px 3px),radial-gradient(#0000 58%,#000000b3),linear-gradient(125deg,#ffffff12,#0000 30%);animation:6s step-end infinite crt-flicker;position:absolute;inset:clamp(12px,3vw,28px);box-shadow:inset 0 0 40px #000c}.crt-brand{color:#6e7178;letter-spacing:.3em;font:700 .75rem/1 ui-monospace,monospace}.crt-brand span{color:#8a8d94}.boot-log,.hub-menu{grid-area:1/1}.boot-log{color:var(--phosphor-dim);font-family:var(--pixel);font-synthesis:none;text-shadow:var(--glow);white-space:pre;align-self:start;margin:0;padding:0;font-size:12px;line-height:2;list-style:none}.crt[data-state=booting] .boot-log li{opacity:0;animation:boot-line 10ms steps(1) var(--delay) forwards}.crt[data-state=booting] .hub-menu{opacity:0}.crt[data-state=ready] .boot-log{opacity:.45}.crt[data-state=ready] .hub-menu{animation:.5s steps(5,end) both menu-in}.crt[data-state=off]{--phosphor:transparent}.crt[data-state=off] .crt-screen{background:#000}.hub-menu{align-content:center;gap:clamp(20px,4vw,36px);padding-top:132px;display:grid}.hub-kicker{color:var(--phosphor-dim);font-family:var(--pixel);letter-spacing:.4em;text-shadow:var(--glow);font-size:12px}.hub-head h1{color:var(--phosphor);font-family:var(--pixel);font-synthesis:none;text-shadow:var(--glow);margin-top:8px;font-size:36px;font-weight:700;line-height:1.3}.hub-body{align-items:center;gap:24px;display:grid}.system-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.system{color:var(--phosphor);font-family:var(--pixel);font-synthesis:none;text-shadow:var(--glow);cursor:pointer;border:2px solid #0000;grid-template-columns:24px auto;align-items:baseline;column-gap:12px;padding:10px 12px;text-decoration:none;display:grid}.system:focus-visible{border-color:var(--phosphor);outline:none}.system-cursor{visibility:hidden;grid-row:span 2;font-size:24px}.system[data-active] .system-cursor{visibility:visible;animation:1s step-end infinite cursor-blink}.system[data-active]{background:#7dffa017}.system-name{font-size:24px;font-weight:700;line-height:1.5}.system-meta{color:var(--phosphor-dim);letter-spacing:.1em;grid-column:2;font-size:12px}.system.is-locked{color:#7a9a83;text-shadow:none;cursor:not-allowed}.system.is-locked .system-meta{color:#7a9a83}.system.is-refused{animation:.3s steps(2,end) 2 refuse}.system.is-chosen{animation:.18s step-end 3 chosen}.system-preview{border:2px dashed #8fc39d59;justify-items:center;gap:10px;margin:0;padding:16px;display:grid}.system-preview canvas{object-fit:contain;width:auto;max-width:100%;height:150px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #7dffa059);display:block}.system-preview.is-tuning canvas{animation:.35s steps(4,end) tune}.system-preview figcaption{color:var(--phosphor-dim);font-family:var(--pixel);letter-spacing:.2em;text-shadow:var(--glow);font-size:12px}.hub-hint{color:var(--phosphor-dim);font-family:var(--pixel);text-shadow:var(--glow);flex-wrap:wrap;gap:8px 24px;font-size:12px;display:flex}.hub-hint kbd{border:1px solid var(--phosphor-dim);min-width:24px;font:inherit;text-align:center;margin-right:4px;padding:2px 6px;display:inline-block}[data-theme=sfc] .page-footer{box-shadow:none;color:#9fb3a6;background:0 0;border-top:1px solid #23302a;margin-top:32px;font-size:.875rem}@media (width>=760px){.hub-body{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:40px}.hub-head h1{font-size:48px}.system-name,.system-cursor{font-size:36px}.system{grid-template-columns:36px auto}.system-preview canvas{height:200px}}@keyframes boot-line{to{opacity:1}}@keyframes menu-in{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes cursor-blink{50%{opacity:0}}@keyframes chosen{50%{background:var(--phosphor);color:#04140a;text-shadow:none}}@keyframes refuse{50%{transform:translate(6px)}}@keyframes tune{0%{opacity:.2;transform:skew(12deg)scaleY(.9)}50%{opacity:.8;transform:skew(-6deg)}to{opacity:1;transform:none}}@keyframes crt-flicker{0%,97%{opacity:1}98%{opacity:.86}}@media (prefers-reduced-motion:reduce){.crt-glass,.system[data-active] .system-cursor,.system-preview.is-tuning canvas,.crt[data-state=ready] .hub-menu{animation:none}}.guide-card{width:min(100% - 32px,920px);margin:8px auto 40px}.guide-card a{color:var(--ink);background:linear-gradient(160deg,#0d1a12,#07100b);border:2px solid #7dffa073;border-radius:12px;gap:6px;padding:18px 20px;text-decoration:none;display:grid;box-shadow:0 0 18px #7dffa01f}.guide-card a:hover,.guide-card a:focus-visible{border-color:var(--accent)}.guide-card a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.guide-card-kicker{color:var(--muted);letter-spacing:.3em;font:700 .75rem/1 ui-monospace,monospace}.guide-card-title{font-family:var(--pixel);color:var(--accent);font-size:24px}.guide-card-text{color:var(--ink);line-height:1.6}.guide-card-cta{font-family:var(--pixel);color:var(--link);font-size:12px}