:root{--void: #0b0f1f;--panel: #141c33;--raised: #1d2743;--line: #26314f;--bone: #eef2ff;--read: #aab5d4;--dim: #6f7ca1;--dimmer: #4a5578;--accent: #ffc94a;--accent-dim: #8a6a1c;--signal: #4ee08d;--blood: #ff5f6b;--blood-lit: #ff8189;--ember: #ffb454;--signal-dim: #1f6b45;--pixel: "Pixelify Sans", "Courier New", monospace;--display: var(--pixel);--body: "Nunito", system-ui, sans-serif;--mono: ui-monospace, "Cascadia Code", monospace;--gap: clamp(1rem, 4vw, 2rem);--radius: 12px}*{box-sizing:border-box}html{font-size:112.5%;-webkit-text-size-adjust:100%}@media(max-width:900px){html{font-size:106.25%}}@media(max-width:600px){html{font-size:100%}}html,body,#root{min-height:100%}body{margin:0;background:var(--void);color:var(--bone);font-family:var(--body);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(70rem 45rem at 10% -12%,#1c2650 0%,transparent 60%),radial-gradient(55rem 40rem at 95% 5%,#16224a 0%,transparent 55%);background-attachment:fixed}button,input{font:inherit;color:inherit}button{cursor:pointer}.shell{max-width:68rem;margin:0 auto;padding:var(--gap) var(--gap) 5rem}.shell--narrow{max-width:46rem}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;margin-bottom:2rem;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-size:clamp(1.5rem,5vw,2.1rem);letter-spacing:.02em;text-transform:uppercase;margin:0;line-height:1}.wordmark span{color:var(--accent)}.eyebrow{font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:var(--dimmer);margin:0 0 .9rem}.linkish{background:none;border:0;padding:0;color:var(--dim);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.linkish:hover{color:var(--bone);border-color:var(--accent)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;position:relative}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.reveal{opacity:0;transform:translateY(10px);animation:rise .5s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes rise{to{opacity:1;transform:none}}.stat{display:flex;flex-direction:column;gap:.35rem}.stat__value{font-family:var(--display);font-size:clamp(2.4rem,9vw,3.4rem);line-height:.9;letter-spacing:.01em}.stat__label{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--dim)}.stat--streak .stat__value{color:var(--ember)}.stat--due .stat__value{color:var(--bone)}.mastery{display:flex;flex-direction:column;gap:.1rem}.row{display:grid;grid-template-columns:5.5rem 1fr 3.2rem;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row__code{font-size:.78rem;color:var(--read)}.row__score{font-size:.72rem;text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}.bar{height:5px;background:#17151c;border-radius:999px;overflow:hidden}.bar__fill{height:100%;border-radius:inherit;transform-origin:left;animation:fill .7s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes fill{0%{transform:scaleX(0)}}.bar__fill[data-level=none]{background:#2a262f}.bar__fill[data-level=practice]{background:var(--blood)}.bar__fill[data-level=proficient]{background:var(--ember)}.bar__fill[data-level=mastered]{background:var(--signal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.4rem;background:var(--accent);color:#221a05;border:1px solid var(--accent);border-radius:var(--radius);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:transform .15s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0009}.btn:active{transform:none}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn--ghost{background:transparent;color:var(--bone);border-color:var(--line)}.btn--ghost:hover{border-color:var(--dim)}.btn--wide{width:100%}.session{max-width:40rem;margin:0 auto;padding-bottom:12rem}.progress{padding:.5rem 0 2.5rem}.progress__track{height:6px;background:#182142;border-radius:999px;overflow:hidden;margin-bottom:.6rem}.progress__bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--signal));border-radius:inherit;transition:width .45s cubic-bezier(.2,.7,.3,1)}.progress__meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--dim)}.question{animation:swap .3s cubic-bezier(.2,.7,.3,1) both}@keyframes swap{0%{opacity:0;transform:translateY(8px)}}.prompt{font-size:1.22rem;line-height:1.55;color:var(--bone);margin:0 0 2rem;font-weight:600}.prompt p{margin:0 0 .9rem}.prompt p:last-child{margin:0}.prompt strong{color:#fff}.prompt code{background:#182142;border-radius:5px;padding:.1em .4em;font-family:var(--mono);font-size:.82em;font-weight:400}.prompt pre{background:#0d142a;border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.2rem;overflow-x:auto;font-family:var(--mono);font-size:.78rem;font-weight:400;line-height:1.6;color:var(--read)}.prompt pre code{background:none;padding:0;font-size:inherit}.prompt table{width:100%;border-collapse:separate;border-spacing:0;font-size:.78rem;font-weight:400;margin:0 0 1rem;border:1px solid var(--line);border-radius:10px;overflow:hidden}.prompt th,.prompt td{padding:.55rem .7rem;text-align:left;vertical-align:top}.prompt th{background:#182142;color:var(--bone);font-weight:700}.prompt tbody tr:nth-child(2n){background:#101932}.prompt td{color:var(--read)}.table-scroll{overflow-x:auto;border-radius:10px}.options{display:flex;flex-direction:column;gap:.7rem}.option{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;padding:1.05rem 1.2rem;background:var(--panel);border:2px solid var(--line);border-radius:14px;color:var(--read);font-size:.95rem;line-height:1.5;transition:border-color .15s,background .15s,color .15s,transform .1s}.option:hover:not(:disabled){border-color:#3b4877;color:var(--bone)}.option:active:not(:disabled){transform:scale(.99)}.option__key{flex:none;width:1.9rem;height:1.9rem;display:grid;place-items:center;border:2px solid var(--line);border-radius:8px;font-family:var(--pixel);font-size:.85rem;color:var(--dim);transition:inherit}.option[aria-pressed=true]{border-color:var(--accent);background:#241f0f;color:var(--bone)}.option[aria-pressed=true] .option__key{background:var(--accent);border-color:var(--accent);color:#221a05}.option[data-verdict=correct]{border-color:var(--signal);background:#10281d;color:var(--bone)}.option[data-verdict=correct] .option__key{background:var(--signal);border-color:var(--signal);color:#062015}.option[data-verdict=wrong]{border-color:var(--blood);background:#2a1218;color:var(--bone)}.option[data-verdict=wrong] .option__key{background:var(--blood);border-color:var(--blood);color:#2a0a0e}.option:disabled{cursor:default}.typed{width:100%;padding:1.05rem 1.2rem;background:var(--panel);border:2px solid var(--line);border-radius:14px;color:var(--bone);font-size:1rem;outline:none;transition:border-color .15s}.typed::placeholder{color:var(--dimmer)}.typed:focus{border-color:var(--accent)}.typed[data-verdict=correct]{border-color:var(--signal)}.typed[data-verdict=wrong]{border-color:var(--blood)}.dnd{display:flex;flex-direction:column;gap:.6rem}.dnd__slot{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.9rem;padding:.9rem 1.1rem;background:var(--panel);border:2px solid var(--line);border-radius:14px;font-size:.92rem;color:var(--read)}.dnd__slot[data-verdict=correct]{border-color:var(--signal);background:#10281d}.dnd__slot[data-verdict=wrong]{border-color:var(--blood);background:#2a1218}.dnd__index{display:grid;place-items:center;width:2rem;height:2rem;background:#182142;border-radius:8px;font-family:var(--pixel);font-size:.85rem;color:var(--accent)}.dnd__move{display:flex;gap:.3rem}.dnd__move button{width:2.1rem;height:2.1rem;background:#182142;border:0;border-radius:8px;color:var(--dim);font-size:.9rem;line-height:1;transition:color .15s,background .15s}.dnd__move button:hover:not(:disabled){color:var(--bone);background:#24305c}.dnd__move button:disabled{opacity:.3;cursor:not-allowed}.footbar{position:fixed;inset:auto 0 0;z-index:10;padding:1.2rem var(--gap) calc(1.2rem + env(safe-area-inset-bottom));background:var(--panel);border-top:2px solid var(--line);animation:slideup .28s cubic-bezier(.2,.7,.3,1) both}.footbar[data-ok=true]{background:#10281d;border-top-color:var(--signal)}.footbar[data-ok=false]{background:#2a1218;border-top-color:var(--blood)}.footbar[data-ok=idle]{background:linear-gradient(transparent,var(--void) 45%);border-top:0}@keyframes slideup{0%{transform:translateY(100%)}}.footbar__inner{max-width:40rem;margin:0 auto;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.footbar__text{flex:1 1 16rem;min-width:0}.footbar__head{font-family:var(--pixel);font-size:1.5rem;margin:0 0 .2rem;line-height:1.1}.footbar[data-ok=true] .footbar__head{color:var(--signal)}.footbar[data-ok=false] .footbar__head{color:var(--blood-lit)}.footbar__body{font-size:.85rem;color:var(--read);line-height:1.55}.footbar__body p{margin:0 0 .4rem}.footbar__body p:last-child{margin:0}.footbar__body strong{color:var(--bone)}.footbar__body code{background:#ffffff14;border-radius:4px;padding:.08em .35em;font-family:var(--mono);font-size:.85em}.footbar .btn{flex:0 0 auto;min-width:9rem}.stack{display:flex;flex-direction:column;gap:1rem}.muted{color:var(--dim);font-size:.78rem}.center{text-align:center}.gate{max-width:26rem;margin:12vh auto}.gate .typed{margin:1rem 0 .8rem}.spinner{width:1.6rem;height:1.6rem;border:2px solid var(--line);border-top-color:var(--blood);border-radius:50%;margin:3rem auto;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.scene{display:block;width:100%;height:100%}.scene__star{animation:twinkle 3.5s steps(2,end) infinite;animation-delay:var(--d, 0s)}@keyframes twinkle{50%{opacity:.15}}.scene__window{animation:flicker 6s steps(2,end) infinite;animation-delay:var(--d, 0s)}@keyframes flicker{92%{opacity:.2}}.scene__blink{animation:beacon 2s steps(2,end) infinite}@keyframes beacon{50%{opacity:.25}}.scene__cable{stroke-dasharray:3 5;animation:crawl 4s linear infinite}@keyframes crawl{to{stroke-dashoffset:-8}}.worlds{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.world{display:block;width:100%;padding:0;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .18s cubic-bezier(.2,.7,.3,1),border-color .18s,box-shadow .18s}.world:hover{transform:translateY(-3px);border-color:#2e2a38;box-shadow:0 14px 34px #0009}.world__art{height:9.5rem;position:relative}.world__art:after{content:"";position:absolute;inset:auto 0 0;height:1.6rem;background:linear-gradient(transparent,var(--panel))}.world__body{padding:1rem 1.1rem 1.2rem}.world__kicker{font-size:.58rem;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);margin:0 0 .35rem}.world__name{font-family:var(--pixel);font-size:1rem;line-height:1.3;margin:0 0 .6rem;color:var(--bone)}.world__meta{display:flex;gap:1rem;font-size:.68rem;color:var(--dim)}.world__meta b{color:var(--bone);font-weight:500}.hero{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:1.5rem;background:linear-gradient(135deg,#1a2244,#141c33);border:1px solid var(--line);border-radius:16px}.hero__figure{display:flex;flex-direction:column;align-items:center;min-width:6rem}.hero__flame{font-family:var(--pixel);font-size:3.2rem;line-height:1;color:var(--accent);text-shadow:0 0 24px #ffc94a55}.hero__unit{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.hero__copy{flex:1 1 14rem;display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}.hero__line{margin:0;font-size:1.05rem;color:var(--read)}.hero__line b{color:var(--bone);font-weight:800}.section{font-family:var(--pixel);font-size:1.35rem;font-weight:600;margin:2rem 0 1rem;color:var(--bone)}.world__art{position:relative}.world__badge{position:absolute;top:.6rem;right:.6rem;z-index:1;padding:.2rem .55rem;border-radius:999px;background:#0b0f1fcc;border:1px solid var(--line);font-family:var(--pixel);font-size:.72rem;color:var(--accent)}.world__blurb{margin:0 0 .9rem;font-size:.82rem;color:var(--read);line-height:1.5}.world__track{margin-top:.8rem;height:6px;background:#0d142a;border-radius:999px;overflow:hidden}.world__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--signal));border-radius:inherit;transition:width .6s cubic-bezier(.2,.7,.3,1)}.bosses{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.boss{display:grid;gap:.3rem;padding:1.2rem;text-align:left;background:radial-gradient(12rem 8rem at 100% 0%,#3a1430 0%,transparent 70%),var(--panel);border:1px solid var(--line);border-radius:14px;transition:transform .18s cubic-bezier(.2,.7,.3,1),border-color .18s,box-shadow .18s}.boss:hover{transform:translateY(-3px);border-color:#4a2a52;box-shadow:0 14px 34px #0009}.boss__skull{font-size:1.3rem;color:var(--blood);line-height:1}.boss__name{font-family:var(--pixel);font-size:1.5rem;color:var(--bone);line-height:1.1}.boss__weight{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.boss__desc{font-size:.78rem;color:var(--dim);line-height:1.45}.banner{position:relative;height:12rem;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.3rem;padding:1.2rem 1.4rem;background:linear-gradient(transparent 35%,#0b0f1fee)}.banner__overlay .linkish{align-self:flex-start;margin-bottom:auto}.banner__name{font-family:var(--pixel);font-size:clamp(1.8rem,6vw,2.6rem);margin:0;color:var(--bone)}.banner__meta{margin:0;font-size:.8rem;color:var(--read)}.levels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.level{display:grid;grid-template-columns:2.4rem 1fr auto;align-items:center;gap:1rem;width:100%;padding:.9rem 1.1rem;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:transform .15s,border-color .15s,background .15s}.level:hover{transform:translate(3px);border-color:#33406b}.level__no{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:10px;background:#0d142a;border:1px solid var(--line);font-family:var(--pixel);font-size:.95rem;color:var(--dim)}.level[data-state=done] .level__no{background:var(--signal-dim);border-color:var(--signal);color:var(--signal)}.level[data-state=busy] .level__no{background:#4a3a12;border-color:var(--ember);color:var(--ember)}.level__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.level__code{font-family:var(--pixel);font-size:.95rem;color:var(--bone)}.level__title{font-size:.78rem;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level__side{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.level__state{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.level[data-state=done] .level__state{color:var(--signal)}.level[data-state=busy] .level__state{color:var(--ember)}.level__count{font-size:.72rem;color:var(--read);font-variant-numeric:tabular-nums}.scene__gear{animation:spin-gear 9s linear infinite}@keyframes spin-gear{to{transform:rotate(360deg)}}.scene__drift{animation:drift 14s ease-in-out infinite alternate;animation-delay:var(--d, 0s)}@keyframes drift{to{transform:translate(6px)}}.scene__gear:nth-of-type(2n){animation-direction:reverse}.lesson__head{margin:.5rem 0}.lesson__kicker{font-family:var(--pixel);font-size:.9rem;color:var(--accent);margin:0 0 .2rem}.lesson__title{font-family:var(--pixel);font-size:clamp(1.6rem,5vw,2.2rem);margin:0;color:var(--bone);line-height:1.15}.lesson{padding:1.4rem 1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:16px}.lesson__body{font-size:1rem;line-height:1.7;color:var(--read)}.lesson__body p{margin:0 0 .9rem}.lesson__body p:last-child{margin:0}.lesson__body strong{color:var(--bone)}.lesson__body h2,.lesson__body h3,.lesson__body h4{font-family:var(--pixel);font-weight:600;color:var(--bone);margin:1.6rem 0 .7rem;line-height:1.25}.lesson__body h2{font-size:1.3rem}.lesson__body h3{font-size:1.15rem}.lesson__body h4{font-size:1.05rem}.lesson__body>:first-child{margin-top:0}.lesson__body hr{border:0;border-top:1px solid var(--line);margin:1.8rem 0}.lesson__body ul,.lesson__body ol{margin:0 0 .9rem;padding-left:1.2rem}.lesson__body li{margin-bottom:.35rem}.lesson__body code{background:#182142;border-radius:5px;padding:.1em .4em;font-family:var(--mono);font-size:.85em}.lesson__body pre{background:#0d142a;border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;overflow-x:auto;font-family:var(--mono);font-size:.78rem;line-height:1.6}.lesson__body pre code{background:none;padding:0}.lesson__body table{width:100%;border-collapse:separate;border-spacing:0;font-size:.82rem;margin:0 0 1rem;border:1px solid var(--line);border-radius:10px;overflow:hidden}.lesson__body th,.lesson__body td{padding:.55rem .7rem;text-align:left;vertical-align:top}.lesson__body th{background:#182142;color:var(--bone);font-weight:700}.lesson__body tbody tr:nth-child(2n){background:#101932}.flag{margin:0 0 1rem;padding:.7rem .9rem;background:#2a1f08;border-left:3px solid var(--ember);border-radius:8px;font-size:.82rem;color:var(--read);line-height:1.5}.flag b{color:var(--ember)}.empty{padding:2rem 1.5rem;background:var(--panel);border:1px dashed var(--line);border-radius:16px;text-align:center}.empty__head{font-family:var(--pixel);font-size:1.2rem;color:var(--dim);margin:0 0 .5rem}.empty__body{margin:0 auto;max-width:30rem;font-size:.88rem;color:var(--dim);line-height:1.6}