:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--z-base: 0;--z-dropdown: 10;--z-overlay: 20;--z-modal: 30;--z-toast: 9999;--fx-scanlines: 0;--fx-cursor-blink: 0;--fx-glow: 0;--radius: 4px;--border-width: 1px;--font-display: system-ui, sans-serif;--font-body: system-ui, sans-serif;--font-mono: ui-monospace, monospace;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--bg: #111;--bg2: #1a1a1a;--text-body: #ddd;--border: #333}@media (prefers-reduced-motion: reduce){:root{--fx-scanlines: 0 !important;--fx-cursor-blink: 0 !important;--fx-glow: 0 !important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text-body);line-height:1.6}[data-theme=terminal]{--bg: #0a0a0f;--bg2: #12121a;--bg3: #1a1a25;--bg-title: #181820;--border: #2a2a3a;--border2: #3a3a4a;--text: #00ff41;--text-body: #b8bcc4;--text2: #8a8f9c;--text3: #5c6270;--text4: #006618;--text5: #00AA2A;--text-muted: #3a3f4a;--accent: #00ff41;--accent2: #00cc33;--accent-dim: #0a2a10;--accent-glow: rgba(0, 255, 65, .35);--wrong: #ff3b3b;--wrong-dim: #2a0f0f;--wrong-glow: rgba(255, 59, 59, .35);--warning: #ffaa00;--warning-dim: #2a1f0a;--bonus: #a855f7;--bonus-dim: #1a0f2a;--info: #00aaff;--dot-red: #ff5f57;--dot-yellow: #febc2e;--dot-green: #28c840;--font-display: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-body: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--radius: 0px;--radius-full: 0px;--border-width: 1px;--fx-scanlines: 1;--fx-cursor-blink: 1;--fx-glow: 1}[data-theme=terminal] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-toast);opacity:var(--fx-scanlines);background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,255,65,.02) 2px,rgba(0,255,65,.02) 4px)}@media (prefers-reduced-motion: reduce){[data-theme=terminal] body:after{display:none}}.term-window{width:100%;background:var(--bg2);border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden;font-family:var(--font-mono);box-shadow:0 20px 60px -20px #0009;position:relative}.term-titlebar{background:var(--bg-title);padding:6px var(--space-3);border-bottom:var(--border-width) solid var(--border);display:flex;align-items:center;gap:var(--space-2)}.term-dots{display:flex;gap:var(--space-2)}.term-dot{width:10px;height:10px;border-radius:50%;opacity:.7}.term-dot--red{background:var(--dot-red)}.term-dot--yellow{background:var(--dot-yellow)}.term-dot--green{background:var(--dot-green)}.term-title{font-size:var(--text-xs);color:var(--text4);margin-left:var(--space-2);-webkit-user-select:none;user-select:none}.term-body{padding:var(--space-4);position:relative}.term-cursor,.cursor-blink{display:inline-block;width:.6em;height:1em;background:var(--accent);vertical-align:text-bottom;animation:term-blink 1s step-end infinite}@keyframes term-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.term-prompt{font-size:var(--text-xs);margin-bottom:var(--space-3);white-space:pre-wrap;word-break:break-word}.term-prompt__user{color:var(--accent)}.term-prompt__sep{color:var(--text2)}.term-prompt__path{color:var(--info)}.term-prompt__cmd{color:var(--text-body);margin-left:4px}.term-question{border-left:2px solid var(--border);padding-left:var(--space-3);margin-bottom:var(--space-4)}.term-question p{font-size:var(--text-base);color:var(--text);line-height:1.7;margin:0 0 4px}.term-code{background:var(--bg3);padding:1px 4px;font-family:var(--font-mono);font-size:.93em}.term-code--warn{color:var(--warning)}.term-code--accent{color:var(--accent)}.term-question-enter{animation:term-question-in .2s ease-out}@keyframes term-question-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.term-options{display:flex;flex-direction:column}.term-option{display:flex;align-items:center;gap:4px;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm);text-align:left;cursor:pointer;color:var(--text-body);transition:background-color .15s ease}.term-option:hover:not([data-state]){background:var(--bg3)}.term-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.term-option:disabled{cursor:default}.term-option__key{color:var(--text4);font-weight:var(--fw-bold);flex-shrink:0}.term-option[data-state=correct]{background:var(--accent-dim);color:var(--accent)}.term-option[data-state=correct] .term-option__key{color:var(--accent)}.term-option[data-state=correct]:after{content:" ✓";color:var(--accent)}.term-option[data-state=wrong]{background:var(--wrong-dim);color:var(--wrong);animation:term-shake .24s ease-in-out}.term-option[data-state=wrong] .term-option__key{color:var(--wrong)}.term-option[data-state=wrong]:after{content:" ✗";color:var(--wrong)}@keyframes term-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.term-timer{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.term-timer__track{flex:1;height:3px;background:var(--bg3);overflow:hidden}.term-timer__fill{height:100%;background:var(--accent);transition:width 1s linear,background-color .3s ease}.term-timer__fill[data-urgency=warning]{background:var(--warning)}.term-timer__fill[data-urgency=critical]{background:var(--wrong);animation:term-pulse .5s ease-in-out infinite}.term-timer__count{font-size:var(--text-xs);color:var(--text4)}@keyframes term-pulse{0%,to{opacity:1}50%{opacity:.6}}.term-output{margin-top:var(--space-5);border-top:1px solid var(--border);padding-top:var(--space-3);font-size:var(--text-xs)}.term-output__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.term-output__label{color:var(--text4)}.term-output[data-result=correct] .term-output__verdict,.term-output[data-result=correct] .term-output__meta,.term-output[data-result=correct] .term-output__body{color:var(--accent)}.term-output[data-result=wrong] .term-output__verdict,.term-output[data-result=wrong] .term-output__meta,.term-output[data-result=wrong] .term-output__body{color:var(--wrong)}.term-output__verdict{font-weight:var(--fw-bold)}.term-output__meta{margin-left:auto}.term-output__body{line-height:1.6;margin:0}.term-btn{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--fw-bold);padding:8px var(--space-4);border-radius:var(--radius);text-decoration:none;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.term-btn--primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.term-btn--primary:hover{background:var(--accent2);box-shadow:0 0 20px var(--accent-glow)}.term-btn--ghost{background:transparent;color:var(--text5);border:1px solid var(--border)}.term-btn--ghost:hover{border-color:var(--border2);color:var(--text)}.term-hero{text-align:center;padding:var(--space-8) var(--space-4)}.term-hero__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--accent);letter-spacing:-.5px;margin:var(--space-2) 0 var(--space-3);text-shadow:0 0 30px var(--accent-glow)}.term-hero__tagline{font-size:var(--text-xs);color:var(--text5);line-height:1.6;max-width:420px;margin:0 auto var(--space-5)}.term-hero__cta{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.term-prompt-line{font-size:var(--text-xs);color:var(--text4);margin-bottom:var(--space-2)}.term-score{font-family:var(--font-mono);text-align:center}.term-score__label{font-size:var(--text-xs);color:var(--text4);text-transform:uppercase;letter-spacing:1px}.term-score__value{font-size:32px;font-weight:var(--fw-bold);color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.term-stat-row{display:flex;justify-content:center;gap:var(--space-5);margin-top:var(--space-3)}.term-stat{text-align:center}.term-stat__value{display:block;font-size:18px;font-weight:var(--fw-bold);font-family:var(--font-mono);color:var(--accent)}.term-stat__label{font-size:10px;color:var(--text4)}@keyframes term-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.term-streak-badge--milestone{animation:term-pop .35s cubic-bezier(.34,1.56,.64,1)}.term-badge{display:inline-block;padding:2px var(--space-2);font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:1px;border:1px solid currentColor}.term-badge--easy{color:var(--info)}.term-badge--medium{color:var(--warning)}.term-badge--hard{color:var(--wrong)}@media (prefers-reduced-motion: reduce){.term-cursor,.cursor-blink{animation:none;opacity:1}.term-timer__fill[data-urgency=critical],.term-option[data-state=wrong],.term-streak-badge--milestone,.term-question-enter{animation:none}}body{display:flex;flex-direction:column;align-items:center;padding:0 var(--space-4) var(--space-8);min-height:100vh}.site-shell{width:calc(100vw - 2 * var(--space-4));max-width:720px;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) 0;font-family:var(--font-mono)}.site-shell__logo{color:var(--accent);text-decoration:none;font-weight:var(--fw-bold)}.site-shell__nav{display:flex;gap:var(--space-4);flex:1}.site-shell__link{color:var(--text2);text-decoration:none}.site-shell__link:hover,.site-shell__link:focus-visible{color:var(--accent)}.site-shell__link--active{color:var(--accent)}.site-shell__locale{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);font-family:var(--font-mono);padding:var(--space-1) var(--space-2);cursor:pointer}.landing{width:calc(100vw - 2 * var(--space-4));max-width:640px}.about,.sysops-battle-page{width:calc(100vw - 2 * var(--space-4));max-width:560px}.about__content{font-family:var(--font-mono);color:var(--text-body);text-align:center}.about__title{color:var(--accent)}.about__back{display:inline-block;margin-top:var(--space-5);color:var(--accent);text-decoration:none}.sysops-battle__ready{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);font-family:var(--font-mono);color:var(--text5);text-align:center}