@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#0d1117;--bg-panel:#161b22;--bg-elevated:#1c2128;--ink:#e6edf3;--muted:#8b949e;--primary:#00ff41;--primary-deep:#008f11;--cta:#f33;--cyan:#00e5ff;--amber:#ffb000;--line:#30363d;--focus:#00ff41;--z-base:10;--z-panel:20;--z-overlay:30;--font-sans:"IBM Plex Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.22s;font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:var(--bg);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:-1px -1px;background-size:48px 48px;min-height:100vh}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}code{font-family:var(--font-mono);color:var(--cyan);background:var(--bg-elevated);border-radius:.25rem;padding:.1em .35em}.brand,.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0 0 .75rem;font-size:.8rem;font-weight:600}.top-bar{justify-content:flex-end;margin-bottom:1rem;display:flex}.top-bar--spread{justify-content:space-between;align-items:center}.lang-toggle{border:2px solid var(--line);background:var(--bg-panel);border-radius:.5rem;display:inline-flex;overflow:hidden}.lang-toggle button{min-width:48px;min-height:40px;color:var(--muted);font-weight:700;font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;padding:.4rem .75rem}.lang-toggle button.is-active{background:var(--primary);color:#04120c}.lang-toggle button:hover:not(.is-active){color:var(--ink)}.home{max-width:1120px;margin:0 auto;padding:3.5rem 1.25rem 4.5rem}.home__hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;margin-bottom:4rem;display:grid}.home__hero h1{letter-spacing:-.03em;max-width:11ch;margin:0 0 1rem;font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.05}.lede{max-width:38rem;color:var(--muted);margin:0}.home__actions{flex-wrap:wrap;gap:.85rem;margin-top:1.75rem;display:flex}.btn{cursor:pointer;min-height:48px;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);border:2px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.35rem;font-weight:700;display:inline-flex}.btn--primary{background:var(--primary);color:#04120c}.btn--primary:hover{background:#5cff7a}.btn--ghost{border-color:var(--line);background:var(--bg-panel);color:var(--ink)}.btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.hero-bits{background:var(--bg-panel);border:3px solid var(--primary);box-shadow:8px 8px 0 var(--primary-deep);border-radius:.75rem;padding:1.25rem}.hero-bits__label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-bottom:.85rem;font-size:.75rem;display:flex}.hero-bits__row{grid-auto-flow:column;gap:.45rem;display:grid}.hero-bits__cell{border:2px solid var(--line);background:var(--bg);width:2.4rem;height:2.4rem;color:var(--muted);font-family:var(--font-mono);animation:bit-pop var(--dur) var(--ease-out) both;place-items:center;font-weight:700;display:grid}.hero-bits__cell.is-on{background:var(--primary);border-color:var(--primary);color:#04120c}.home__catalog-head{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;display:flex}.home__catalog-head h2{margin:0;font-size:1.35rem}.home__catalog-head p{color:var(--muted);font-family:var(--font-mono);margin:0;font-size:.85rem}.lesson-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.lesson-card-link{cursor:pointer;height:100%;display:block}.lesson-card-link article{border:2px solid var(--line);background:var(--bg-panel);height:100%;transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);border-radius:.75rem;padding:1.25rem}.lesson-card-link:hover article{border-color:var(--primary);box-shadow:6px 6px 0 var(--primary-deep)}.lesson-card-link h3{margin:0 0 .5rem}.lesson-card-link p:not(.eyebrow){color:var(--muted);margin:0 0 1rem}.lesson-card-link__cta{font-family:var(--font-mono);color:var(--cyan);font-size:.85rem;font-weight:600}.page-shell{max-width:1100px;margin:0 auto;padding:1.5rem}.page-shell--wide{max-width:1280px}.back-link{color:var(--muted);font-family:var(--font-mono);cursor:pointer;margin-bottom:1rem;font-size:.85rem;display:inline-block}.back-link:hover{color:var(--primary)}.player{grid-template-columns:minmax(240px,300px) 1fr;gap:1.25rem;min-height:70vh;display:grid}.player__rail,.player__stage{border:2px solid var(--line);background:var(--bg-panel);border-radius:.75rem}.player__rail{padding:1.25rem}.player__rail h1{margin:0 0 .75rem;font-size:1.45rem}.player__summary{color:var(--muted);margin:0 0 1.25rem}.step-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.step-list__item{text-align:left;background:var(--bg);width:100%;min-height:48px;color:var(--ink);cursor:pointer;transition:border-color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);border:2px solid #0000;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .85rem;display:flex}.step-list__item:hover{border-color:var(--line)}.step-list__item.is-active{border-color:var(--cyan);background:#0a2a33}.step-list__item.is-done .badge{color:#04120c;background:var(--primary)}.badge{font-family:var(--font-mono);background:var(--bg-elevated);border-radius:.25rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.player__stage{flex-direction:column;gap:1rem;padding:1.35rem;display:flex}.player__stage-header h2{margin:0 0 .5rem}.player__stage-header p{color:var(--muted);max-width:65ch;margin:0}.status-pill{background:var(--primary);color:#04120c;font-family:var(--font-mono);border-radius:.35rem;padding:.3rem .7rem;font-size:.8rem;font-weight:700;display:inline-block;margin-top:.75rem!important}.bit-canvas{border:2px solid var(--line);background:var(--bg);border-radius:.75rem;padding:1rem 1rem 1.15rem;overflow:hidden}.bit-canvas__header{justify-content:space-between;gap:1rem;margin-bottom:.75rem;display:flex}.bit-canvas__kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin:0 0 .2rem;font-size:.7rem}.bit-canvas__label{margin:0;font-size:1.05rem;font-weight:700}.bit-canvas__progress{font-family:var(--font-mono);color:var(--cyan);white-space:nowrap;margin:0;font-weight:600}.bit-canvas__track{grid-auto-flow:column;gap:.4rem;margin:0 0 .5rem;padding-left:0;display:flex}.bit-row+.bit-row{margin-top:.35rem}.bit-canvas__tick{text-align:center;width:2.35rem;font-family:var(--font-mono);color:var(--muted);font-size:.65rem}.bit-row{background:var(--bg-panel);border:2px solid #0000;border-radius:.5rem;gap:.4rem;margin-bottom:.65rem;padding:.65rem .75rem;display:grid}.bit-row--highlight{border-color:var(--primary);background:#0d2818}.bit-row__meta{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}.bit-row__name{color:var(--ink);font-weight:600}.bit-row__bits{gap:.4rem;display:flex}.bit-cell{border:2px solid var(--line);background:var(--bg);width:2.35rem;height:2.35rem;font-family:var(--font-mono);color:var(--muted);transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);border-radius:.35rem;place-items:center;font-weight:700;display:grid}.bit-cell--on{background:var(--primary);border-color:var(--primary);color:#04120c}.bit-cell--off{background:var(--bg)}.bit-cell--cleared{background:var(--cta);border-color:var(--cta);color:#fff;animation:bit-drop .42s var(--ease-out) both;animation-delay:var(--bit-delay,0s)}.bit-cell--kept,.bit-cell--born{animation:bit-pop .32s var(--ease-out) both;animation-delay:var(--bit-delay,0s)}.bit-cell--flipped.bit-cell--on{box-shadow:0 0 0 2px var(--cyan)}.bit-cell--sliding{animation:bit-slide .52s var(--ease-out) both;animation-delay:var(--bit-delay,0s)}.bit-canvas--merge .bit-row--highlight .bit-cell--on{animation:bit-pop .36s var(--ease-out) both;animation-delay:var(--bit-delay,0s)}.controls,.player__nav{flex-wrap:wrap;gap:.65rem;display:flex}.controls button,.player__nav button{border:2px solid var(--line);background:var(--bg);min-height:44px;color:var(--ink);cursor:pointer;font-weight:700;font-family:var(--font-sans);transition:border-color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);border-radius:.5rem;padding:.6rem 1rem}.controls button:hover:not(:disabled),.player__nav button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.controls button.is-playing{border-color:var(--amber);color:var(--amber)}.controls button:disabled,.player__nav button:disabled{opacity:.4;cursor:not-allowed}.placeholder-panel{border:2px dashed var(--amber);background:#2a2108;border-radius:.75rem;padding:1.25rem}.placeholder-panel h3{color:var(--amber);margin-top:0}.error{color:var(--cta);font-weight:600}@keyframes bit-pop{0%{opacity:.35;transform:translateY(10px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bit-drop{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.55;transform:translateY(14px)scale(.9)}}@keyframes bit-slide{0%{transform:translateX(var(--bit-start-x,40px));opacity:.4}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.home__hero,.player{grid-template-columns:1fr}.bit-cell,.hero-bits__cell,.bit-canvas__tick{width:1.85rem;height:1.85rem;font-size:.85rem}.bit-canvas__tick{height:auto}}