:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0eeeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#070708;--bg-elevated:#0d0d10;--surface:#18181cd1;--surface-strong:#222228eb;--surface-dim:#0f0f12f5;--surface-void:#050506;--text:#f0eeeb;--muted:#f0eeebad;--faint:#f0eeeb6b;--outline:#f0eeeb26;--red:#f25f5c;--blue:#247ba0;--green:#70c16c;--yellow:#f7b801;--red-deep:#5f0a08;--blue-deep:#0f3850;--green-deep:#20461c;--yellow-deep:#5d4300;background:radial-gradient(circle at 15% 12%,#ff48482e,#0000 24%),radial-gradient(circle at 85% 8%,#ffe8001a,#0000 22%),radial-gradient(circle at 50% 100%,#02e60014,#0000 32%),linear-gradient(#09090b 0%,#0d0d10 40%,#070708 100%);font-family:Space Grotesk,Inter,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body{min-height:100%}body{min-height:100vh;color:var(--text);background:var(--bg);margin:0;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{mix-blend-mode:screen;opacity:.36;background:linear-gradient(#ffffff08,#0000 28%),repeating-linear-gradient(#ffffff07 0 1px,#0000 1px 5px)}body:after{opacity:.4;filter:blur(1.5px);background:radial-gradient(circle at 20% 20%,#ffffff0a,#0000 18%),radial-gradient(circle at 80% 32%,#ffffff08,#0000 14%),radial-gradient(circle at 54% 72%,#ffffff08,#0000 20%)}button,input,textarea,select{font:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}h1,p{margin:0}#app{min-height:100vh}.shell--centered,.controller-shell,.screen-shell{min-height:100vh;padding:clamp(12px,2vw,28px)}.shell--centered,.controller-shell{place-items:center;display:grid}.screen-shell{isolation:isolate;align-items:center;display:grid;position:relative}.screen-shell:before{content:"";-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px var(--outline);z-index:-1;background:linear-gradient(#ffffff08,#0000),linear-gradient(135deg,#70c16c0a,#0000 36%,#f25f5c14),#0a0a0ca3;border-radius:0;position:absolute;inset:clamp(10px,2vw,24px)}.screen-dashboard{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:center;gap:clamp(16px,2vw,28px);width:min(1440px,100%);margin-inline:auto;display:grid}.screen-rail,.controller-panel,.card{background:var(--surface);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 0 0 1px var(--outline)}.screen-rail{text-transform:uppercase;align-content:start;gap:16px;padding:clamp(18px,2.2vw,28px);display:grid}.eyebrow,.screen-kicker,.metric-label,.sequence-label,.board-phase,.board-hint,.controller-label,.assignment-label,.controller-rule,.chip,.controller-foot,.status-label,.board-caption{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.eyebrow,.screen-kicker,.metric-label,.sequence-label,.controller-label,.assignment-label,.controller-rule,.status-label,.board-caption{color:var(--faint)}.screen-title{text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(2.2rem,4vw,4.8rem);line-height:.92}.screen-subtitle,.controller-copy,.controller-status,.board-status,.board-meta,.metric-value,.metric-copy,.screen-note,.board-center-note{color:var(--muted)}.screen-subtitle{max-width:36ch}.telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-card,.sequence-card,.status-card{background:var(--surface-dim);box-shadow:inset 0 0 0 1px var(--outline);gap:8px;padding:14px 16px;display:grid}.metric-card--wide,.sequence-card,.status-card{grid-column:1/-1}.metric-value{color:var(--text);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1}.metric-value--accent{color:#fff4dd}.metric-copy{max-width:28ch}.sequence-trace{flex-wrap:wrap;gap:8px;display:flex}.sequence-cell,.chip,.controller-rule,.assignment-chip{min-height:32px;color:var(--text);box-shadow:inset 0 0 0 1px var(--outline);background:#ffffff0a;justify-content:center;align-items:center;padding:8px 12px;display:inline-flex}.sequence-cell{min-width:52px}.sequence-cell--red{background:color-mix(in srgb, var(--red) 40%, #1a0909)}.sequence-cell--blue{background:color-mix(in srgb, var(--blue) 40%, #08141a)}.sequence-cell--green{background:color-mix(in srgb, var(--green) 40%, #08150a)}.sequence-cell--yellow{background:color-mix(in srgb, var(--yellow) 42%, #171206);color:#121212}.sequence-cell--active{outline-offset:-1px;outline:1px solid #fff3}.stress-meter{background:#111114;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.stress-fill{transform-origin:0;background:linear-gradient(90deg, var(--green) 0%, var(--yellow) 50%, var(--red) 100%);animation:stress-drain var(--stress-duration,4.2s) linear forwards;position:absolute;inset:0}.stress-fill--idle{background:linear-gradient(90deg,#ffffff29,#ffffff0a);width:24%;animation:none}.stress-meter--idle{background:#0e0e11}.board-stage{place-items:center;min-width:0;display:grid}.board-shell{aspect-ratio:1;place-items:center;width:min(84vmin,920px);max-width:100%;display:grid;position:relative}.board-shell:before{content:"";filter:blur(.5px);background:radial-gradient(circle at 50% 25%,#ffffff14,#0000 32%),radial-gradient(circle,#0000008a,#0000 62%),#040405;border-radius:50%;position:absolute;inset:5%;box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 64px #00000080}.simon-board{z-index:1;background:#050506;border-radius:50%;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(4px,.8vw,8px);width:min(78vmin,840px);height:min(78vmin,840px);padding:clamp(4px,.8vw,8px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 32px 90px #0000009e}.quadrant{opacity:.18;min-width:0;min-height:0;transition:opacity .12s,filter .12s,transform .12s,box-shadow .12s;position:relative}.quadrant:before{content:"";mix-blend-mode:screen;opacity:.35;pointer-events:none;background:linear-gradient(160deg,#ffffff1f,#0000 38%);position:absolute;inset:0}.quadrant--lit,.quadrant--connected{opacity:1}.quadrant--lit{filter:saturate(1.3)brightness(1.15);animation:.18s steps(2,end) quadrant-flicker;transform:scale(1.01);box-shadow:0 0 0 1px #ffffff0f,0 0 42px #ffffff1f}.quadrant--red{background:linear-gradient(135deg, #ffb4a8 0%, var(--red) 48%, var(--red-deep) 100%);border-top-left-radius:100%}.quadrant--blue{background:linear-gradient(225deg, #86d0f0 0%, var(--blue) 48%, var(--blue-deep) 100%);border-top-right-radius:100%}.quadrant--green{background:linear-gradient(45deg, #c0f0b7 0%, var(--green) 48%, var(--green-deep) 100%);border-bottom-left-radius:100%}.quadrant--yellow{background:linear-gradient(315deg, #fff0a3 0%, var(--yellow) 48%, var(--yellow-deep) 100%);border-bottom-right-radius:100%}.quadrant-label{z-index:1;letter-spacing:.14em;text-transform:uppercase;color:#0a0a0cb8;font-size:clamp(.9rem,1.6vw,1.2rem);font-weight:700;position:absolute}.quadrant--red .quadrant-label,.quadrant--blue .quadrant-label{bottom:clamp(18px,4vw,34px)}.quadrant--green .quadrant-label,.quadrant--yellow .quadrant-label{top:clamp(18px,4vw,34px)}.quadrant--red .quadrant-label,.quadrant--green .quadrant-label{right:clamp(18px,4vw,34px)}.quadrant--blue .quadrant-label,.quadrant--yellow .quadrant-label{left:clamp(18px,4vw,34px)}.board-center{--center-accent:#1b1f27;z-index:2;text-align:center;background:radial-gradient(circle at 50% 25%, #ffffff2e, transparent 48%), radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--center-accent) 28%, #080809 72%), #080809 74%);border-radius:50%;align-content:center;justify-items:center;gap:10px;width:min(24vw,280px);height:min(24vw,280px);padding:clamp(18px,2.5vw,28px);display:grid;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 10px #050506,inset 0 0 0 18px #ffffff0f,0 20px 50px #0000006b}.board-phase{color:var(--faint)}.board-round{text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(1.6rem,2.8vw,2.8rem);line-height:1}.board-status{max-width:20ch}.board-readout{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.board-chip{min-height:30px;color:var(--text);background:#ffffff14;justify-content:center;align-items:center;padding:7px 10px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.board-hint{min-height:1em;color:var(--faint)}.board-reset,.reset-button,.tap-button,.controller-button{appearance:none;cursor:pointer;border:none;border-radius:0;transition:transform .11s,background-color .11s,color .11s,filter .11s}.board-reset:hover,.reset-button:hover,.tap-button:hover,.controller-button:hover{transform:translateY(-1px)}.board-reset{background:var(--yellow);color:#121212;text-transform:uppercase;letter-spacing:.14em;min-height:40px;margin-top:4px;padding:10px 14px;font-weight:800;box-shadow:inset 0 0 0 1px #1212122e}.controller-shell{isolation:isolate;position:relative}.controller-shell:before{content:"";-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px var(--outline);z-index:-1;background:linear-gradient(#ffffff0a,#0000 18%),#08080a99;position:absolute;inset:clamp(10px,2vw,24px)}.controller-panel{gap:18px;width:min(720px,100%);padding:clamp(18px,2.5vw,32px);display:grid}.controller-panel--waiting{width:min(560px,100%)}.controller-header{gap:8px;display:grid}.controller-title{text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(2rem,8vw,4.4rem);line-height:.92}.controller-status{max-width:52ch}.controller-layout{grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);align-items:start;gap:16px;display:grid}.controller-stack{gap:14px;display:grid}.controller-panel .assignment{gap:8px;display:grid}.assignment-chip{color:#0d0d0d;text-transform:uppercase;letter-spacing:.12em;width:fit-content;min-height:42px;padding:10px 16px;font-weight:800}.assignment--hidden .assignment-chip{color:#f0eeebc7;background:#ffffff1f}.tap-button{text-transform:uppercase;letter-spacing:.08em;color:#101010;width:100%;min-height:180px;padding:20px;font-size:clamp(2rem,13vw,4.2rem);font-weight:900;box-shadow:inset 0 0 0 1px #ffffff14}.tap-button:disabled{cursor:default;opacity:.52;transform:none}.tap-button--red,.assignment-chip--red{background:var(--red)}.tap-button--blue,.assignment-chip--blue{background:var(--blue)}.tap-button--green,.assignment-chip--green{background:var(--green)}.tap-button--yellow,.assignment-chip--yellow{background:var(--yellow)}.controller-meter{gap:8px;display:grid}.controller-meter__label{color:var(--faint);justify-content:space-between;gap:12px;display:flex}.controller-meter__bar{background:#111114;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.controller-meter__fill{transform-origin:0;background:linear-gradient(90deg, var(--green) 0%, var(--yellow) 50%, var(--red) 100%);animation:stress-drain var(--stress-duration,4.2s) linear forwards;position:absolute;inset:0}.controller-rule-list{flex-wrap:wrap;gap:8px;display:flex}.controller-side{align-content:start;gap:14px;display:grid}.controller-foot{color:var(--faint)}.controller-support{background:var(--surface-dim);box-shadow:inset 0 0 0 1px var(--outline);gap:10px;padding:14px 16px;display:grid}.controller-support--quiet{background:#ffffff09}.controller-button{min-height:42px;color:var(--text);box-shadow:inset 0 0 0 1px var(--outline);text-transform:uppercase;letter-spacing:.14em;background:0 0;padding:10px 14px}.controller-button--accent{background:var(--yellow);color:#121212;box-shadow:none}.card{gap:16px;width:min(540px,100%);padding:clamp(18px,2.5vw,28px);display:grid}.card h1{text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(2rem,7vw,4rem);line-height:.94}.card p{color:var(--muted)}.card code{color:#fff3cf}.status-label{color:var(--faint)}.status-value{font-size:clamp(1rem,2vw,1.35rem);line-height:1.1}.state-band{flex-wrap:wrap;gap:8px;display:flex}.state-band .chip{min-width:74px}@keyframes stress-drain{0%{background-position:0 0;transform:scaleX(1)}60%{background-position:50% 0}to{background-position:100% 0;transform:scaleX(0)}}@keyframes quadrant-flicker{0%{filter:brightness(.92)saturate(1.1)}50%{filter:brightness(1.28)saturate(1.45)}to{filter:brightness(1.12)saturate(1.28)}}@media (width<=1080px){.screen-dashboard{grid-template-columns:1fr}.screen-rail{order:2}.board-stage{order:1}.controller-layout{grid-template-columns:1fr}}@media (width<=720px){.telemetry-grid{grid-template-columns:1fr}.board-shell{width:min(92vw,760px)}.simon-board{width:min(88vw,720px);height:min(88vw,720px)}.board-center{width:min(36vw,200px);height:min(36vw,200px);padding:16px}.controller-panel{padding:18px}.tap-button{min-height:148px}}@media (width<=480px){.shell--centered,.controller-shell,.screen-shell{padding:10px}.screen-shell:before,.controller-shell:before{inset:8px}.screen-title{font-size:clamp(1.9rem,12vw,3rem)}.controller-title{font-size:clamp(1.9rem,14vw,3rem)}.board-shell{width:96vw}.simon-board{gap:4px;width:92vw;height:92vw;padding:4px}.board-center{gap:8px;width:42vw;height:42vw;box-shadow:inset 0 0 0 8px #050506,inset 0 0 0 14px #ffffff0f,0 12px 28px #00000061}.controller-panel{gap:14px}.tap-button{min-height:132px}}