@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#071311;--panel-bg:#071210eb;--panel-border:#55ffc324;--panel-shadow:0 28px 60px #00000057, inset 0 1px 0 #ffffff05;--text:#d8f8ea;--text-strong:#f4fff9;--muted:#94b7ac;--accent:#55ffc3;--accent-warm:#f5b74d;--panel-dark:#061311;--code-bg:#55ffc314;--font-sans:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;font:17px/1.6 var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#55ffc31a,#0000 30%),radial-gradient(circle at 100% 100%,#f5b74d14,#0000 28%),linear-gradient(#081512 0%,#05100f 100%);min-width:320px;margin:0}body:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.08;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 2px 6px);position:fixed;inset:0}#root{width:min(1440px,100%);min-height:100svh;margin:0 auto;padding:24px;position:relative}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-sans);color:var(--text-strong);line-height:1.05}h1{letter-spacing:-.06em;font-size:clamp(3rem,7vw,5.8rem)}h2{letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.4rem)}h3{letter-spacing:-.02em;font-size:1.16rem}button,a{font:inherit}button{cursor:pointer;border:0}button,a,input,textarea,select{transition:color .16s,background .16s,border-color .16s,transform .16s,box-shadow .16s}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{background:var(--code-bg);color:var(--text-strong);font-family:var(--font-mono);border-radius:10px;align-items:center;padding:8px 10px;font-size:.83rem;display:inline-flex}@media (width<=760px){:root{font-size:15px}#root{padding:14px}}.terminal-stage{align-items:stretch;min-height:calc(100svh - 48px);display:flex}.terminal-shell{background:radial-gradient(circle at top left, #55ffc314, transparent 24%), linear-gradient(180deg, #060f0df7, #020707fc), var(--panel-bg);border:1px solid #55ffc329;border-radius:32px;width:100%;position:relative;overflow:hidden;box-shadow:0 42px 90px #0000006b,inset 0 1px #ffffff0a}.terminal-shell:before,.terminal-shell:after{content:"";pointer-events:none;position:absolute;inset:0}.terminal-shell:before{opacity:.46;background:linear-gradient(90deg,#0000 0,#55ffc30d 46%,#0000 100%)}.terminal-shell:after{opacity:.1;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 2px 5px)}.terminal-shell.is-clean:after{opacity:0}.terminal-toolbar{font-family:var(--font-mono);background:#ffffff06;border-bottom:1px solid #55ffc31f;align-items:center;gap:14px;padding:16px 20px;display:flex}.window-controls{align-items:center;gap:8px;display:flex}.window-dot{border-radius:50%;width:11px;height:11px;display:inline-flex}.window-dot.red{background:#ff7b72}.window-dot.amber{background:#f5b74d}.window-dot.green{background:var(--accent)}.toolbar-title{min-width:0;color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.94rem;overflow:hidden}.toolbar-meta,.status-label,.group-label,.section-label,.banner-label,.hotkey-note{text-transform:uppercase;letter-spacing:.18em}.toolbar-meta{color:var(--accent-warm);font-size:.7rem}.terminal-runtime{padding:18px;position:relative}.status-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.status-card{background:#ffffff06;border:1px solid #55ffc324;border-radius:18px;flex-direction:column;gap:6px;min-height:104px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.status-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#55ffc30d,#0000 45%);position:absolute;inset:0}.status-label{color:var(--accent);font-size:.66rem}.status-card strong{color:var(--text-strong);font-size:1.02rem;line-height:1.2}.status-card small{color:var(--muted);font-size:.82rem}.runtime-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,430px);align-items:start;gap:16px;display:grid}.terminal-main,.context-column{background:#ffffff05;border:1px solid #55ffc31f;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.terminal-viewport,.context-panel{font-family:var(--font-mono);position:relative;overflow:auto}.terminal-viewport{min-height:54vh;max-height:66vh;padding:20px}.terminal-viewport::-webkit-scrollbar{width:10px}.context-panel::-webkit-scrollbar{width:10px}.terminal-viewport::-webkit-scrollbar-thumb{background:#55ffc32e}.context-panel::-webkit-scrollbar-thumb{background:#55ffc32e}.terminal-banner{border-bottom:1px solid #55ffc31f;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;margin-bottom:18px;padding-bottom:16px;display:grid}.banner-label{color:var(--accent);font-size:.68rem}.terminal-banner h1{margin-top:8px;font-size:clamp(1.8rem,2.8vw,2.8rem);line-height:.98}.banner-copy{color:var(--muted);white-space:pre-wrap;flex-direction:column;gap:10px;font-size:.9rem;display:flex}.terminal-entry{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.terminal-entry.is-live .prompt-command,.terminal-entry.is-live .terminal-output p:last-child{color:var(--text-strong)}.prompt-line,.live-prompt{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.prompt-prefix{color:var(--accent)}.prompt-command,.live-command{color:var(--text-strong)}.entry-reward{letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:28px;margin-left:auto;padding:0 10px;font-size:.64rem;display:inline-flex}.entry-reward.is-boot,.entry-reward.is-correct{color:var(--accent);background:#55ffc314;border:1px solid #55ffc33d}.entry-reward.is-wrong{color:#ff9e97;background:#ff7b7214;border:1px solid #ff7b7247}.terminal-output{flex-direction:column;gap:6px;display:flex}.terminal-output p{color:var(--muted);white-space:pre-wrap;margin:0;line-height:1.85}.live-command{color:var(--muted)}.live-command.is-complete{color:var(--accent-warm)}.cursor{background:var(--accent);width:10px;height:20px;animation:1s steps(2,start) infinite blink;box-shadow:0 0 18px #55ffc3c2}.command-bay{background:linear-gradient(#ffffff05,#ffffff08);border-top:1px solid #55ffc31f;flex-direction:column;gap:16px;padding:18px;display:flex}.command-group{flex-direction:column;gap:12px;display:flex}.command-group-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.group-label{color:var(--accent);font-size:.68rem}.group-copy{color:var(--muted);max-width:62ch}.hotkey-note{min-height:28px;color:var(--accent-warm);background:#f5b74d14;border:1px solid #f5b74d2e;border-radius:999px;align-items:center;padding:0 10px;font-size:.62rem;display:inline-flex}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.command-button,.context-tab,.phase-chip,.lecture-row,.settings-option,.mission-card{color:var(--text);text-align:left;background:#ffffff06;border:1px solid #55ffc324;position:relative;overflow:hidden}.command-button:after,.context-tab:after,.phase-chip:after,.lecture-row:after,.settings-option:after,.mission-card:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(120deg,#55ffc314,#0000 48%);transition:opacity .16s;position:absolute;inset:0}.command-button:hover:after,.command-button:focus-visible:after,.context-tab:hover:after,.context-tab:focus-visible:after,.phase-chip:hover:after,.phase-chip:focus-visible:after,.lecture-row:hover:after,.lecture-row:focus-visible:after,.settings-option:hover:after,.settings-option:focus-visible:after,.mission-card:hover:after,.mission-card:focus-visible:after{opacity:1}.command-button{border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.command-button:hover,.command-button:focus-visible,.context-tab:hover,.context-tab:focus-visible,.phase-chip:hover,.phase-chip:focus-visible,.lecture-row:hover,.lecture-row:focus-visible,.settings-option:hover,.settings-option:focus-visible,.mission-card:hover,.mission-card:focus-visible{background:#55ffc314;border-color:#55ffc34d}.command-button.is-active,.context-tab.is-active,.phase-chip.is-active,.lecture-row.is-active,.settings-option.is-active,.mission-card.is-active{background:#55ffc31f;border-color:#55ffc375}.command-button.tone-accent{border-color:#55ffc333}.command-button.tone-warm{border-color:#f5b74d33}.command-button.tone-warm:hover,.command-button.tone-warm:focus-visible{background:#f5b74d1a;border-color:#f5b74d66}.command-button.is-disabled,.command-button:disabled,.context-tab:disabled,.phase-chip:disabled,.lecture-row:disabled,.settings-option:disabled,.mission-card:disabled{opacity:.45;cursor:wait}.command-name{color:var(--text-strong);font-weight:600}.command-helper{color:var(--muted);font-size:.9rem}.context-tabs{background:#ffffff05;border-bottom:1px solid #55ffc31f;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;padding:16px;display:grid}.context-tab{min-height:44px;color:var(--text-strong);border-radius:14px;padding:0 14px;font-weight:600}.context-panel{max-height:calc(66vh + 280px);padding:18px;animation:.22s panelIn}.context-section+.context-section{margin-top:18px}.context-section{background:#ffffff05;border:1px solid #55ffc31f;border-radius:18px;padding:16px}.section-label{color:var(--accent);margin-bottom:10px;font-size:.68rem}.context-section h2{margin-bottom:10px;font-size:clamp(1.3rem,2vw,1.8rem)}.context-section h3{color:var(--text-strong);margin-bottom:10px;font-size:1.08rem}.context-section p{color:var(--muted);white-space:pre-wrap}.terminal-list,.settings-stack,.lecture-directory,.phase-directory,.mission-filter-row{flex-direction:column;gap:10px;display:flex}.terminal-list-row{grid-template-columns:14px minmax(0,1fr);align-items:start;gap:10px;display:grid}.terminal-list-row span{color:var(--accent)}.phase-chip{border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.mission-filter-chip p{color:var(--muted);margin-top:6px;font-size:.88rem}.mission-filter-row{flex-flow:wrap}.mission-filter-chip{flex:180px}.phase-chip span,.metric-card span{color:var(--accent);font-size:.76rem}.phase-chip strong,.lecture-row strong,.settings-option strong{color:var(--text-strong)}.lecture-row{border-radius:16px;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px;display:grid}.lecture-row span{color:var(--accent);font-family:var(--font-mono)}.lecture-row p{margin-top:6px;font-size:.88rem}.lecture-row.is-solved strong{color:var(--accent-warm)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:#ffffff06;border:1px solid #55ffc31f;border-radius:16px;padding:14px}.metric-card strong{color:var(--text-strong);margin-top:8px;font-size:1.28rem;display:block}.settings-option{border-radius:16px;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px;display:flex}.settings-option p{margin-top:6px;font-size:.88rem}.mission-directory,.mission-action-stack,.signal-strip{flex-direction:column;gap:10px;display:flex}.signal-strip{flex-flow:wrap;margin-bottom:14px}.signal-chip,.mission-kicker{min-height:28px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#55ffc314;border:1px solid #55ffc324;border-radius:999px;align-items:center;padding:0 10px;font-size:.68rem;display:inline-flex}.signal-chip.is-track-lab,.mission-kicker.is-track-lab{color:var(--accent);background:#55ffc314;border-color:#55ffc324}.signal-chip.is-track-defender,.mission-kicker.is-track-defender{color:var(--accent-warm);background:#f5b74d14;border-color:#f5b74d38}.mission-kicker-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.mission-card,.mission-action-card{border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.mission-card.is-linked{border-color:#f5b74d3d}.mission-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mission-card-head strong{color:var(--text-strong)}.mission-card-head span{color:var(--accent-warm);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.mission-card p,.mission-action-card p,.metric-card p{color:var(--muted);margin:0}.mission-action-card{background:#ffffff06;border:1px solid #55ffc31f}.download-link{min-height:42px;color:var(--accent-warm);background:#f5b74d14;border:1px solid #f5b74d38;border-radius:14px;justify-content:center;align-items:center;margin-top:14px;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.download-link:hover,.download-link:focus-visible{background:#f5b74d24;border-color:#f5b74d66}@keyframes blink{50%{opacity:0}}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.runtime-grid{grid-template-columns:1fr}.context-panel{max-height:none}}@media (width<=900px){.status-strip,.command-grid,.metrics-grid,.context-tabs,.terminal-banner{grid-template-columns:1fr}.toolbar-meta{display:none}}@media (width<=760px){.terminal-stage{min-height:calc(100svh - 28px)}.terminal-shell{border-radius:22px}.terminal-runtime,.command-bay,.terminal-viewport,.context-panel,.context-tabs,.terminal-toolbar{padding:14px}.command-group-head,.settings-option{flex-direction:column}}
