:root{color-scheme:dark;--green:#82ff9c;--muted:#4b9e60;--line:#20492b;font-family:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;background:#000;color:var(--green)}
*{box-sizing:border-box}
body{margin:0;background:#000;font-size:14px;line-height:1.7;min-height:100svh}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.09) 3px,rgba(0,0,0,.09) 4px)}
.terminal{max-width:1120px;margin:auto;padding:42px 48px 28px;text-shadow:0 0 5px #82ff9c20}
.system-line{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px}
h1{font-size:clamp(28px,5.4vw,62px);line-height:1.1;font-weight:600;letter-spacing:-.055em;margin:44px 0 10px}
.build{font-size:12px;letter-spacing:.06em;margin:0 0 35px;color:var(--muted)}
#boot{margin-bottom:26px}#boot p{margin:0}.boot-name{margin-left:18px}
.entry{margin:0 0 25px;overflow-wrap:anywhere}.entry p{margin:0;white-space:pre-wrap}.echo{color:var(--muted);margin-bottom:7px!important}.arrival{margin:26px 0!important;letter-spacing:.05em}.command-list{display:grid;grid-template-columns:110px 1fr;gap:3px 20px;margin:8px 0}.command-list dt,.command-list dd{margin:0}.command-list dd{color:var(--muted)}
a{color:var(--green);text-underline-offset:4px;overflow-wrap:anywhere}a:hover{color:#c7ffd2}a:focus-visible,button:focus-visible,input:focus-visible{outline:1px solid var(--green);outline-offset:4px}
#command-form{display:flex;align-items:baseline;gap:12px;margin:22px 0 40px}#command-form[hidden]{display:none}#prompt{white-space:nowrap}.input-wrap{display:flex;flex:1;min-width:0;align-items:baseline}input{font:inherit;color:inherit;background:#000;border:0;border-radius:0;min-width:1ch;width:1ch;max-width:calc(100% - 1ch);padding:0;caret-color:var(--green)}input:focus{outline:none}.cursor{animation:blink 1.15s step-end infinite}input:not(:placeholder-shown){caret-color:var(--green)}button{font:inherit;color:inherit;background:transparent;border:0;border-radius:0;cursor:pointer;padding:0}#command-form button{padding:0 8px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:15px;font-size:10px;letter-spacing:.04em;color:var(--muted)}footer button{text-decoration:underline;text-underline-offset:3px}
.glitch{animation:glitch .16s steps(2) 1}@keyframes blink{50%{opacity:0}}@keyframes glitch{25%{transform:translateX(1px)}75%{transform:translateX(-1px)}}
@media(max-width:600px){.terminal{padding:23px 19px}.system-line{font-size:9px;letter-spacing:0;gap:8px}.online{white-space:nowrap}h1{margin-top:38px}body{font-size:13px}footer{flex-direction:column;gap:5px}#command-form{gap:8px}.command-list{grid-template-columns:85px 1fr;gap:5px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

/* QCM atmosphere v3 — CSS only; command logic is untouched. */
.terminal{position:relative;z-index:2;text-shadow:0 0 5px #82ff9c35}
h1{text-shadow:0 0 2px #aaffbf99,0 0 11px #82ff9c66,0 0 29px #82ff9c25;animation:phosphor-drift 19s ease-in-out infinite}
#prompt,.cursor{text-shadow:0 0 3px #82ff9c88,0 0 13px #82ff9c55}
.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0;color:var(--green)}
/* Continuous, narrow edge columns: the centre remains pure black. */
.code-rain{position:absolute;top:-30%;width:12vw;max-width:150px;overflow:hidden;font-size:12px;line-height:2.7;letter-spacing:.95em;white-space:pre;opacity:.22;animation:sediment-fall 113s linear infinite;mask-image:linear-gradient(to right,#000,transparent)}
.rain-left{left:0;animation-delay:-39s}
.rain-right{right:0;opacity:.18;animation-duration:151s;animation-delay:-87s;mask-image:linear-gradient(to left,#000,transparent)}
.code-fragment{position:absolute;font-size:9px;letter-spacing:.08em;writing-mode:vertical-rl;line-height:2.1;opacity:.17}
.fragment-left{left:5%;top:53%}.fragment-right{right:5%;top:14%}
.residue{position:absolute;font-size:9px;letter-spacing:.08em;opacity:.17;animation:residue-return 53s linear infinite}
.residue-a{left:14px;top:32%;writing-mode:vertical-rl;animation-delay:-13s}
.residue-b{right:14px;top:21%;writing-mode:vertical-rl;animation-duration:71s;animation-delay:-41s}
.residue-c{left:8%;bottom:5%;animation-duration:97s;animation-delay:-32s}
.signal{position:absolute;font-size:10px;letter-spacing:.11em;opacity:0;animation:signal-return 89s linear infinite;text-shadow:0 0 8px #82ff9c77;background:#000;padding:2px 5px}
.signal-a{right:5%;bottom:16%;animation-delay:5s}
.signal-b{left:6%;bottom:10%;animation-duration:113s;animation-delay:24s}
.signal-c{right:4%;bottom:22%;animation-duration:139s;animation-delay:47s}
.signal-d{left:5%;bottom:19%;animation-duration:163s;animation-delay:72s}
.signal-e{right:7%;bottom:7%;animation-duration:191s;animation-delay:98s}
.edge-tear{position:absolute;height:2px;width:11vw;opacity:0;background:#82ff9c;box-shadow:3px -2px #00ffff,-4px 2px #ff00b7;animation:edge-fault 79s steps(1) infinite}
.edge-left{left:0;top:37%;animation-delay:12s}
.edge-right{right:0;bottom:21%;animation-duration:127s;animation-delay:43s}
/* Local green-tinted grain: no assets or external requests. */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 .12 0 0 0 0 .5 0 0 0 0 .2 0 0 0 .65 0'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;mask-image:linear-gradient(to right,#000,rgba(0,0,0,.12) 30%,rgba(0,0,0,.12) 70%,#000)}
body::after{background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.24) 2px,rgba(0,0,0,.24) 3px);box-shadow:inset 0 0 90px 25px #0008,inset 0 0 12px 3px #000}
@keyframes sediment-fall{from{transform:translateY(-33.333%)}to{transform:translateY(0)}}
@keyframes phosphor-drift{0%,100%{translate:0 0}47%{translate:0 .3px}53%{translate:0 -.2px}}
@keyframes residue-return{0%,100%{opacity:.16}17%,26%{opacity:.35}47%,64%{opacity:.09}}
/* Readable for approximately 6–13 seconds, with long dark intervals. */
@keyframes signal-return{0%,8%,100%{opacity:0}1%,6%{opacity:.67}}
@keyframes edge-fault{0%,.8%,100%{opacity:0;translate:0 0}.04%{opacity:.42;translate:6px 0}.18%{opacity:.15;translate:-3px 3px}.34%{opacity:0}.48%{opacity:.28;translate:2px -1px}}
@media(max-width:600px){.code-rain{font-size:10px;width:28px;line-height:2.8;letter-spacing:.7em;opacity:.21}.rain-right{opacity:.17}.fragment-left{left:2px;top:59%}.fragment-right{right:2px;top:28%}.code-fragment{font-size:7px;opacity:.14}.residue-a{left:2px;top:31%}.residue-b{right:2px;top:50%}.residue{font-size:7px}.residue-c{bottom:3%}.signal{font-size:8px;max-width:85vw}.signal-a,.signal-c{right:4%;bottom:14%}body::after{box-shadow:inset 0 0 35px 8px #0006}h1{text-shadow:0 0 3px #82ff9c88,0 0 13px #82ff9c55,0 0 23px #82ff9c22}}
@media(prefers-reduced-motion:reduce){.code-rain{animation:none!important;opacity:.14}.residue{animation:none!important;opacity:.2}.signal,.edge-tear{display:none}h1{animation:none!important}}

/* Central Giga Chad composition — layout only, parser unchanged. */
.terminal{max-width:1180px}
.terminal>header h1{text-align:center;font-size:clamp(32px,6.4vw,76px);margin:36px 0 10px}
.terminal>header .build{text-align:center;margin-bottom:0}
.chad-visual{margin:18px auto 24px;width:min(100%,660px);position:relative;isolation:isolate;background:#000;pointer-events:none}
.chad-video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#000;border:0}
/* The approved video's lower fade meets pure black; no visible frame. */
.chad-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 78%,#000 100%),repeating-linear-gradient(to bottom,transparent 0 3px,#00000012 3px 4px)}
#boot,#output,#command-form{max-width:840px;margin-left:auto;margin-right:auto}
#boot{padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:700px){.terminal>header h1{font-size:clamp(28px,7.8vw,52px);margin-top:30px}.chad-visual{width:100%;margin:16px auto 18px}#boot{padding-top:12px}}

/* Slightly narrower Oracle prose; title remains the strongest phosphor source. */
#output .oracle-response{max-width:76ch;text-shadow:0 0 4px #82ff9c55,0 0 9px #82ff9c30}

/* Plain terminal shortcuts: native buttons retain full keyboard access. */
.quick-commands{max-width:840px;margin:-22px auto 34px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;line-height:1.8}
.command-trigger{font:inherit;color:var(--green);border:0;background:none;border-radius:0;padding:0;text-align:left;text-underline-offset:4px}
.command-trigger:hover{text-decoration:underline;text-shadow:0 0 7px #82ff9c66}
.command-list{grid-template-columns:minmax(110px,22ch) minmax(0,1fr)}
.command-list dt{overflow-wrap:anywhere}
.terminal-links{list-style:none;margin:8px 0 0;padding:0;line-height:2}
.contract-line{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline}
.contract-line>span:first-child{overflow-wrap:anywhere;min-width:0}
.copy-status{color:var(--muted);font-size:11px}
body:has(#command-form[aria-busy="true"]) .command-trigger{opacity:.5;cursor:wait}
@media(max-width:600px){.quick-commands{gap:7px 12px;font-size:11px}.command-list{grid-template-columns:minmax(105px,42%) minmax(0,1fr);gap:6px 12px}}

/* A single keyboard-accessible terminal control covers each complete help row. */
.help-rows{list-style:none;margin:8px 0;padding:0}
.help-command-row{display:grid;grid-template-columns:minmax(150px,26ch) minmax(0,1fr);gap:18px;width:100%;padding:4px 0;line-height:1.65;white-space:normal}
.help-command-row>span{overflow-wrap:anywhere;min-width:0}
.command-description{color:var(--muted)}
.help-command-row:hover,.help-command-row:focus-visible{text-decoration:none}
.help-command-row:hover .command-description,.help-command-row:focus-visible .command-description{color:var(--green)}
@media(max-width:600px){.help-command-row{grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:12px;padding:6px 0}}

.boot-module{display:block;width:100%;line-height:inherit;text-align:left;cursor:pointer}
.boot-module:hover,.boot-module:focus-visible{text-decoration:none;text-shadow:0 0 4px #82ff9c88,0 0 12px #82ff9c55;animation:boot-flicker 180ms steps(1) 1}
body.future-active .future-cascade{ text-shadow:0 0 4px #82ff9c88,0 0 11px #82ff9c44;animation:cascade-sync 19s steps(1) infinite}
body.future-active::after{animation:cascade-scan 13s steps(1) infinite}
.printer-note{animation:note-imprint 240ms steps(1) 1;text-shadow:0 0 7px #82ff9c55}
.printer-video{display:block;width:min(100%,540px);height:auto;margin:18px 0;background:#000;border:0;mask-image:linear-gradient(#000 82%,transparent)}
@keyframes boot-flicker{0%,100%{opacity:1}35%{opacity:.84}70%{opacity:.96}}
@keyframes cascade-sync{0%,98.8%,100%{transform:none}99%{transform:translateX(1px);text-shadow:-1px 0 #00ffff55,1px 0 #ff009944,0 0 10px #82ff9c66}99.5%{transform:translateX(-1px)}}
@keyframes cascade-scan{0%,98%,100%{opacity:1}98.7%{opacity:.88}}
@keyframes note-imprint{0%{opacity:.5;transform:translateX(1px)}40%{opacity:1}70%{opacity:.8}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.boot-module,.future-cascade,.printer-note,body.future-active::after{animation:none!important}}

#boot[hidden]{display:none}
.quick-commands .command-trigger:hover{animation:boot-flicker 180ms steps(1) 1}
.printer-feed{position:relative;width:min(100%,760px);margin:20px 0;background:#000}
.printer-feed .printer-video{width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0;mask-image:none}
.printer-feed::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#00000018 3px 4px);box-shadow:inset 0 0 18px #0008}
.printer-feed[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.quick-commands .command-trigger:hover{animation:none}}

/* Local QCM transmissions: text only, brief imprint, no persistent RGB. */
#output .syntax-transmission,#output .manifesto-transmission{max-width:76ch;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 0 4px #82ff9c66,0 0 10px #82ff9c33}
.transmission-opening{animation:transmission-in 180ms steps(1) 1}
.transmission-complete{animation:transmission-out 140ms steps(1) 1}
@keyframes transmission-in{0%,100%{transform:none}32%{transform:translateX(1px);text-shadow:-1px 0 #00ffff55,1px 0 #ff009944}66%{opacity:.88}}
@keyframes transmission-out{0%,100%{transform:none}45%{transform:translateX(-1px);opacity:.9}}
@media(prefers-reduced-motion:reduce){.transmission-opening,.transmission-complete{animation:none!important}}
