@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Silkscreen&display=swap";.topic-pill{align-items:center;gap:8px;min-height:38px;display:flex}.practice-menu{z-index:60;width:min(340px,100vw - 32px);max-height:var(--radix-dropdown-menu-content-available-height);background:#0a0f12;border:1px solid #405055;padding:6px;overflow-y:auto;box-shadow:0 15px 30px #000}.practice-menu-label{text-transform:uppercase;letter-spacing:0;color:var(--muted);padding:8px 10px;font-size:11px}.practice-menu-item{cursor:pointer;outline:none;align-items:center;gap:10px;min-height:40px;padding:8px 10px;font-size:13px;display:flex}.practice-menu-item[data-highlighted]{color:var(--cyan);background:#0b1c1e}.practice-menu-item[data-state=checked]{color:var(--cyan)}.practice-menu-check{flex-shrink:0;width:15px;display:flex}.practice-menu-mastery{color:var(--muted);margin-left:auto}.practice-menu-separator{background:var(--line);height:1px;margin:6px 0}.practice-menu-random{min-height:44px;color:var(--amber);cursor:pointer;background:#211b0d;border:1px solid #63522f;outline:none;align-items:center;gap:10px;margin:4px;padding:10px 12px;font-size:13px;display:flex}.practice-menu-random[data-highlighted]{border-color:var(--amber);background:#302711}.category-completion{color:var(--cyan);font-size:14px!important}.mission-reward{color:var(--amber);letter-spacing:1px;margin:9px 0 16px;font-size:13px}.answer-streak{border-bottom:1px solid var(--line);margin:-4px 0 16px}.answer-streak>summary{width:fit-content;max-width:100%;min-height:48px;color:var(--muted);letter-spacing:0;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.answer-streak>summary strong,.streak-earned{color:var(--amber)}.answer-streak.streak-active>summary{color:var(--cyan);font-size:15px}.streak-count,.answer-streak>summary strong{font-variant-numeric:tabular-nums}.streak-fire{transform-origin:50% 85%;opacity:.55;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:34px;font-size:24px;line-height:1;display:inline-flex}.streak-active .streak-fire{opacity:1;animation:2.4s ease-in-out infinite streak-fire}.streak-active .streak-count{animation:.45s ease-out streak-pop,2.4s ease-in-out infinite streak-glow}.streak-chevron{color:var(--muted);transition:transform .2s}.answer-streak[open] .streak-chevron{transform:rotate(180deg)}.motion-paused .answer-streak *{animation:none!important}@keyframes streak-fire{0%,to{transform:rotate(-5deg)scale(1)}50%{transform:rotate(5deg)scale(1.12)}}@keyframes streak-pop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes streak-glow{0%,to{text-shadow:0 0 #0000}50%{text-shadow:0 0 10px #f4c87688}}.answer-streak>p{max-width:70ch;margin:0 0 14px;font-size:13px;line-height:1.7}.code-review{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.code-review p{font-size:12px;line-height:1.7}.code-review pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:#ccd5d8;background:#050a0b;margin:12px 0;padding:14px;line-height:1.85}.code-correct{color:#92e7af;background:#183026}.code-incorrect{color:#ffaba5;text-underline-offset:4px;background:#381b20;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.code-missing{color:#ffaba5;border:1px dashed #c97773;margin:0 2px;padding:0 2px;line-height:1.1;display:inline-block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050607;--line:#242b2f;--muted:#9aa5ac;--cyan:#61e4e8;--amber:#f4c876;--white:#e8eeee}*{box-sizing:border-box}body{background:var(--bg);color:var(--white);margin:0;font-family:IBM Plex Mono,Consolas,monospace;font-size:16px;line-height:1.55}button,a,input,textarea{font:inherit}button{color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;padding:11px 15px;transition:background .18s,border-color .18s,color .18s}button:hover:not(:disabled){border-color:var(--cyan);background:#0b1c1e}button:disabled{opacity:.46;cursor:default}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible){outline:2px solid var(--amber);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1{letter-spacing:-.8px;font-size:24px}h2{font-size:20px}h3{font-size:17px}small{font-size:13px}code{font-family:IBM Plex Mono,Consolas,monospace}main{max-width:1550px;margin:auto;padding:30px 38px 48px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:40px;min-height:96px;padding:0 38px;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:8px;font-family:Silkscreen,Consolas,monospace;font-size:20px;display:flex}.brand>span:last-child{color:var(--muted)}.brand-mark{color:var(--cyan);margin-right:2px;font-size:30px}.topbar nav{align-self:stretch;align-items:stretch;gap:26px;display:flex}.topbar nav button{text-transform:uppercase;letter-spacing:1px;color:var(--muted);border:none;border-bottom:2px solid #0000;padding:0;font-size:13px}.topbar nav button.active{color:var(--cyan);border-bottom-color:var(--cyan)}.topbar nav button:hover{background:0 0}.resources{white-space:nowrap;gap:28px;margin-left:auto;display:flex}.resources>div{border-left:1px solid var(--line);flex-direction:column;gap:5px;padding-left:22px;display:flex}.resources strong{letter-spacing:-1px;font-size:21px;font-weight:500}.resources small{color:var(--muted);font-size:13px}.tiny,.eyebrow{letter-spacing:1.7px;color:var(--muted);font-size:12px}.eyebrow{font-weight:500;display:block}.cyan{color:var(--cyan)}.amber{color:var(--amber)}.muted{color:var(--muted)}.utility{letter-spacing:1px;color:var(--muted);border-bottom:1px solid #171c1f;justify-content:space-between;align-items:center;padding:13px 38px;font-size:12px;display:flex}.utility>span{align-items:center;gap:12px;display:flex}.utility>div{gap:20px;display:flex}.square{background:var(--cyan);width:5px;height:5px;display:block}.utility-divider{color:#455056;margin:0 8px}.text-button{color:var(--muted);text-underline-offset:4px;border:0;padding:0;font-size:13px;text-decoration:underline}.text-button:hover:not(:disabled){color:var(--white);background:0 0}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.section-heading h1,.section-heading h2{margin-top:5px}.badge{border:1px solid var(--line);letter-spacing:1px;color:var(--cyan);padding:5px 10px;font-size:12px}.play-layout{grid-template-columns:minmax(0,1fr) 365px;gap:34px;display:grid}.civilization-panel{min-width:0}.scene-wrap{border-top:1px solid var(--line);animation:.5s reveal;position:relative}.space-scene{aspect-ratio:800/410;width:100%;height:auto;display:block}.scene-caption{letter-spacing:1.1px;color:#89959d;border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0 17px;font-size:11px;display:flex}.milestone{grid-template-columns:1fr auto;gap:12px 20px;padding:20px 0;display:grid}.milestone-title{align-items:center;gap:20px;display:flex}.milestone-title strong{font-size:16px;font-weight:500}.milestone-title .eyebrow{white-space:nowrap;font-size:11px}.meter{background:#161e20;border:1px solid #303b3e;grid-column:1;align-self:center;height:7px}.meter span{background:var(--cyan);height:100%;transition:width 1s;display:block}.milestone>button{max-width:185px;color:var(--cyan);border-color:#31585a;grid-area:1/2/4;align-self:center;font-size:12px}.requirements{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:11px;display:flex}.requirements button{border:0;padding:0;font-size:11px}.requirements .met{color:var(--cyan)}.milestone p{color:var(--muted);font-size:14px}.mission-panel{border-left:1px solid var(--line);min-width:0;padding-left:30px;position:relative}.mission-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.mission-heading .eyebrow{color:var(--cyan);letter-spacing:1.5px;font-size:11px}.topic-pill{color:var(--muted);border-color:#293537;padding:5px 8px;font-size:12px}.mission-panel h2{margin-bottom:6px;font-size:19px}.mission-meta{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:19px;font-size:11px;display:flex}.code-block{white-space:pre;background:#080c0e;border:1px solid #2b373c;margin:0 0 23px;padding:17px 12px 17px 0;font-size:14px;line-height:1.8;overflow-x:auto}.code-line{min-height:25px;display:flex}.code-line>span:last-child{color:#b8eced}.line-number{text-align:right;color:#5c6970;-webkit-user-select:none;user-select:none;min-width:35px;padding-right:12px;display:inline-block}.answer-label{margin-bottom:12px;font-size:14px;display:block}.answer-options{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.answer-options label{cursor:pointer;border:1px solid var(--line);align-items:center;gap:13px;min-height:45px;padding:9px 12px;font-size:14px;display:flex}.answer-options label:hover{border-color:#50777b}.answer-options label.selected{border-color:var(--cyan);background:#0b1b1c}.answer-options input{accent-color:var(--cyan);width:16px;height:16px;margin:0}.option-letter{color:#66757c;font-size:12px}.answer-options code{overflow-wrap:anywhere}textarea{color:#cee8e9;resize:vertical;background:#080c0e;border:1px solid #354349;width:100%;min-height:64px;margin-bottom:16px;padding:12px;font-size:14px;line-height:1.65}.check-button{border-color:var(--cyan);width:100%;color:var(--cyan);text-transform:uppercase;letter-spacing:1px;padding:13px 14px;font-size:13px}.next-button{width:100%;color:var(--amber);border-color:#5a4a2e;margin-top:10px}.help-row{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:15px 0;display:flex}.help-row button{color:var(--muted);text-underline-offset:4px;border:0;padding:0;font-size:11px;text-decoration:underline}.mission-footer{border-top:1px solid var(--line);flex-direction:column;gap:5px;padding-top:15px;display:flex}.mission-footer>span{color:var(--amber);letter-spacing:1px;font-size:12px}.mission-footer small{color:var(--muted);font-size:11px}.feedback,.hint{border-left:2px solid var(--amber);background:#13110c;margin-bottom:15px;padding:13px;font-size:13px}.feedback.success{border-color:var(--cyan);background:#0a1414}.feedback p{margin-top:5px}.feedback strong{font-weight:500}.feedback strong span{color:var(--amber);white-space:nowrap}.hint p{white-space:pre-wrap;margin-top:8px}.construction{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.construction h2{font-size:19px}.quantity{gap:0;display:flex}.quantity button{color:var(--muted);margin-left:-1px;padding:6px 13px;font-size:12px}.quantity button.active{color:var(--cyan);background:#0d1c1d;border-color:#3a6265}.building-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.building{border-right:1px solid var(--line);flex-direction:column;padding:10px 22px;display:flex}.building:first-child{padding-left:0}.building:last-child{border:0;padding-right:0}.building-top{align-items:center;gap:12px;min-height:66px;display:flex}.building h3{margin-bottom:3px;font-size:15px}.sprite{width:66px;height:66px;image-rendering:pixelated;background-image:url(/ships.png);background-size:200% 200%;flex-shrink:0}.sprite-1{background-position:100% 0}.sprite-2{background-position:0 100%}.sprite-3{background-position:100% 100%}.research-icon{color:var(--amber);text-align:center;width:52px;font-size:42px}.building p{color:var(--muted);min-height:43px;margin:10px 0 20px;font-size:13px;line-height:1.65}.purchase-details{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;margin-bottom:12px;font-size:12px;display:flex}.purchase-details strong{color:var(--cyan);font-size:15px;font-weight:500}.purchase-details small,.purchase-details>span{color:var(--muted);font-size:11px}.building button{width:100%;color:var(--cyan);font-size:12px}.locked .building-top,.locked p{opacity:.5}.research-building button,.research-building .purchase-details strong{color:var(--amber)}.page-footer{border-top:1px solid var(--line);letter-spacing:1px;color:var(--muted);justify-content:space-between;gap:20px;padding:20px 38px;font-size:10px;display:flex}.toast{z-index:20;background:#0c171a;border:1px solid #497478;max-width:min(90vw,650px);padding:13px 20px;font-size:13px;animation:.25s reveal;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000}.error{color:var(--amber);border:1px solid #ac7046;padding:12px 30px;font-size:14px}.error button{margin-left:15px;padding:4px 10px}.tutorial{z-index:30;background:#090d10;border:1px solid #67787f;width:min(440px,100vw - 32px);padding:22px;animation:.3s reveal;position:fixed;bottom:28px;right:28px;box-shadow:0 16px 70px #000}.tutorial-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.tutorial h2{color:var(--cyan);margin-bottom:10px;font-size:18px}.tutorial p{color:#b7c2c8;font-size:14px;line-height:1.7}.tutorial-actions{align-items:center;gap:8px;margin-top:18px;display:flex}.tutorial-actions button{white-space:nowrap;font-size:12px}.tutorial-actions .check-button{flex:1;width:auto;padding:10px}.topic-menu{z-index:10;background:#0a0f12;border:1px solid #405055;width:300px;position:absolute;top:38px;right:0;box-shadow:0 15px 30px #000}.topic-menu button{border:0;border-bottom:1px solid var(--line);justify-content:space-between;width:100%;font-size:13px;display:flex}.topic-menu button span{color:var(--muted)}.arrange-list{margin:16px 0}.arrange-list>div{border:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:-1px;padding:10px;display:flex}.arrange-list code{white-space:pre-wrap;overflow-wrap:anywhere;color:#b8eced;font-size:13px}.arrange-list>div>div{flex-direction:column;gap:5px;display:flex}.arrange-list button{padding:2px 5px;font-size:10px}.scaffold-note{color:var(--amber);margin-bottom:15px;font-size:12px}.practice-mode{max-width:780px;margin:0 auto}.practice-mode .mission-panel{border:none;padding:0}.practice-mode .code-block{font-size:16px}.practice-guide{border-top:1px solid var(--line);max-width:780px;margin:38px auto 0;padding-top:25px}.practice-guide h2{margin-top:10px}.practice-guide p{color:var(--muted);margin-top:10px;font-size:14px}.topic-buttons{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0;display:grid}.topic-buttons button{justify-content:space-between;gap:10px;font-size:13px;display:flex}.topic-buttons button.active{border-color:var(--cyan);color:var(--cyan)}.topic-buttons button span{color:var(--muted)}.field-notes{border-top:1px solid var(--line);color:var(--muted);margin-top:25px;padding-top:15px;font-size:14px}.field-notes summary{cursor:pointer;color:var(--cyan)}.field-notes p{margin-top:12px}.progress-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;display:grid}.topic-card{text-align:left;padding:22px}.topic-card h2{min-height:52px;margin:12px 0;font-size:17px}.proofs{gap:6px;margin-bottom:10px;display:flex}.proofs span{background:#273338;width:35px;height:5px}.proofs .filled{background:var(--cyan)}.topic-card p{margin:8px 0;font-size:12px}.topic-card small{color:var(--amber);font-size:11px}.era-list{margin-top:36px}.era-list h2{margin-bottom:20px}.era-list>div{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:22px;padding:20px 0;display:flex}.era-list .achieved strong{color:var(--cyan)}.era-index{font-size:14px}.era-list p{margin-top:5px;font-size:13px}.era-list>div>span:last-child{white-space:nowrap;margin-left:auto;font-size:12px}.loading{flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100vh;display:flex}.loading p{color:var(--muted)}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reduce-motion *{transition:none!important;animation:none!important}@media (min-width:1600px){.topbar,.utility{padding-left:max(38px,50vw - 737px);padding-right:max(38px,50vw - 737px)}}@media (max-width:1180px){.topbar{gap:25px;padding:0 24px}.topbar nav{gap:16px}.brand{font-size:17px}.resources{gap:14px}.resources>div{padding-left:14px}.resources strong{font-size:18px}.resources .tiny{font-size:10px}.play-layout{grid-template-columns:minmax(0,1fr) 320px;gap:23px}.mission-panel{padding-left:22px}main{padding:25px 24px 40px}.utility{padding:12px 24px}.milestone{display:block}.milestone>button{width:100%;max-width:none;margin-top:15px}.meter{margin:14px 0}.building{padding:8px 14px}.building-top{gap:7px}.sprite{width:50px;height:50px}.building h3{font-size:14px}.progress-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.topbar{flex-wrap:wrap;gap:0 25px;padding-top:18px;padding-bottom:0}.brand{flex:1}.resources{order:2;justify-content:flex-start;gap:28px;width:100%;margin:0 0 18px}.resources>div:first-child{border:0;padding-left:0}.topbar nav{height:45px}.resources strong{font-size:21px}.resources .tiny{font-size:11px}.play-layout{grid-template-columns:minmax(0,1fr) 310px}.building-grid{grid-template-columns:repeat(2,1fr);gap:22px 0}.building:nth-child(2){border:0}.building:nth-child(3){padding-left:0}.construction{margin-top:25px}.milestone-title{flex-direction:column;align-items:flex-start;gap:5px}.mission-heading{flex-wrap:wrap}.scene-caption{font-size:9px}.scene-caption span:last-child{display:none}}@media (max-width:700px){.topbar{gap:10px 20px;padding:16px 18px 0}.brand{font-size:18px}.topbar nav{order:3;gap:30px;width:100%;height:44px}.topbar nav button{font-size:12px}.resources{order:2;gap:20px;margin:9px 0 4px}.resources strong{font-size:20px}.resources>div{padding-left:18px}.utility{align-items:flex-start;padding:12px 18px;font-size:10px}.utility>span{flex-wrap:wrap;gap:6px}.utility>div{flex-shrink:0;gap:12px}.utility .text-button{font-size:11px}.utility-divider{display:none}main{padding:25px 18px 35px}.play-layout{flex-direction:column;gap:30px;display:flex}.mission-panel{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.space-scene{aspect-ratio:800/410;width:100%}.scene-caption{font-size:10px}.scene-caption span:last-child{display:block}.milestone-title{flex-direction:row;align-items:center;gap:12px}.milestone-title strong{font-size:14px}.milestone .eyebrow{font-size:10px}.milestone>button{font-size:12px}.mission-panel h2{font-size:22px}.mission-heading{flex-wrap:nowrap}.mission-meta,.mission-footer small{font-size:12px}.code-block{font-size:15px}.answer-label{font-size:16px}.answer-options label{padding:12px;font-size:16px}.help-row button{font-size:12px}.mission-footer>span{font-size:13px}.building-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.building{padding:0 12px}.building-top{flex-direction:column;align-items:flex-start;gap:5px}.building h3{font-size:15px}.building p{min-height:65px;font-size:13px}.purchase-details{flex-direction:column;align-items:flex-start}.building button{padding:10px 5px;font-size:12px}.topic-buttons{grid-template-columns:repeat(2,1fr)}.progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-card{padding:16px 12px}.topic-card h2{font-size:16px}.section-heading>span{font-size:11px}.era-list>div{gap:12px}.era-list p{font-size:12px}.era-list>div>span:last-child{font-size:10px}.page-footer{flex-direction:column;gap:8px;padding:18px;font-size:10px}.tutorial{padding:18px;bottom:16px;right:16px}.tutorial h2{font-size:17px}.tutorial p{font-size:13px}.tutorial .eyebrow{font-size:10px}.tutorial .text-button{font-size:11px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.play-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:36px}.mission-panel{padding-left:32px}.mission-panel h2{font-size:24px}.code-block{min-height:140px;max-height:440px;padding-top:22px;padding-bottom:22px;font-size:16px;line-height:1.85}.answer-label{font-size:16px}textarea{min-height:125px;font-size:16px}.mission-meta{font-size:12px}.mission-heading{gap:14px}.mission-tools{align-items:center;gap:15px;display:flex}.focus-button{color:var(--cyan);font-size:12px}.practice-mode,.practice-guide{max-width:1050px}.practice-mode .code-block{min-height:190px;font-size:17px}.practice-mode textarea{min-height:175px}.practice-mode .mission-panel h2{font-size:28px}.space-scene{object-fit:contain;max-height:350px}.tutorial .check-button{min-height:0}.help-row button,.mission-footer small{font-size:12px}@media (max-width:1050px){.play-layout{flex-direction:column;gap:30px;display:flex}.mission-panel{border-left:none;border-top:1px solid var(--line);padding:26px 0 0}.space-scene{object-fit:contain;max-height:280px}.milestone{grid-template-columns:1fr auto;display:grid}.milestone-title{flex-direction:row;align-items:center}.milestone>button{grid-area:1/2/4;max-width:185px;margin-top:0}.meter{margin:0}.scene-caption span:last-child{display:block}.mission-heading{flex-wrap:nowrap}.tutorial{width:auto;max-width:700px;box-shadow:none;margin:15px auto 25px;position:relative;bottom:auto;left:auto!important;right:auto!important}.practice-mode .mission-panel{border-top:0}}@media (max-width:700px){.play-layout{gap:20px}.space-scene{max-height:210px}.mission-tools{gap:10px}.mission-panel h2{font-size:24px}.code-block{min-height:135px;font-size:15px}.practice-mode .code-block{font-size:16px}.milestone{display:block}.milestone>button{width:100%;max-width:none;margin-top:13px}.meter{margin:12px 0}.tutorial{margin:15px 18px 25px}.scene-caption{font-size:10px}.focus-button,.topic-pill{font-size:11px}}.code-block,.practice-mode .code-block{white-space:pre-wrap;height:auto;min-height:0;max-height:none;overflow:visible}.code-line{align-items:flex-start;min-width:0}.code-line>span:last-child{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;flex:1;min-width:0}.line-number{flex:0 0 35px}.mission-panel textarea{max-height:none;overflow-y:hidden}.feedback{border:1px solid #8a6839;border-left:4px solid var(--amber);margin:20px 0;padding:20px;scroll-margin:24px;font-size:16px;line-height:1.7}.feedback.success{border-color:#315c5e;border-left-color:var(--cyan)}.feedback strong{color:var(--amber);font-size:18px;display:block}.feedback.success strong{color:var(--cyan)}.feedback:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.next-button{background:#171309;padding:15px;font-size:16px}.civilization-mode{display:block}.civilization-mode .scene-wrap{max-width:1200px;margin-inline:auto}.civilization-mode .space-scene{aspect-ratio:800/410;max-height:none}.construction-intro{color:#b7c2c8;max-width:85ch;margin-bottom:20px;font-size:16px}.resource-guide{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 16px;padding:18px 0;display:grid}.resource-guide dt{color:var(--cyan);margin-bottom:5px;font-size:14px}.resource-guide dd{color:var(--muted);margin:0;font-size:14px}.quantity-guide{color:var(--muted);margin-bottom:24px;font-size:14px}.building h3{font-size:17px}.building p{color:#a6b2b9;min-height:0;font-size:16px}.locked .building-top{opacity:.7}.locked p{opacity:1}.upgrade-impact{flex-direction:column;gap:13px;margin:auto 0 18px;display:flex}.upgrade-impact>div{justify-content:space-between;align-items:flex-start;gap:12px;font-size:14px;display:flex}.upgrade-impact dt{color:var(--muted)}.upgrade-impact dd{text-align:right;color:var(--cyan);overflow-wrap:anywhere;min-width:0;margin:0}.upgrade-impact dd span{color:var(--muted);display:block}.upgrade-impact dd strong{font-weight:500;display:block}.research-building .upgrade-impact dd{color:var(--amber)}.building button{font-size:14px}@media (max-width:1100px){.building-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.building:nth-child(2){border-right:0}.building:nth-child(3){padding-left:0}}@media (max-width:600px){.resource-guide{grid-template-columns:1fr;gap:15px}.building-grid{grid-template-columns:1fr;gap:24px}.building,.building:first-child,.building:last-child{border:0;border-bottom:1px solid var(--line);padding:0 0 24px}.building-top{flex-direction:row;align-items:center;gap:12px}.building p{margin:12px 0 20px}.upgrade-impact>div,.building button{font-size:15px}}.resource-counter{border:0;border-left:1px solid var(--line);text-align:left;border-radius:0;flex-direction:column;gap:5px;padding:0 0 0 22px;display:flex}.resource-counter:hover:not(:disabled){border-color:var(--cyan);background:0 0}.resource-counter .tiny{text-underline-offset:5px;-webkit-text-decoration:underline dotted #51666a;text-decoration:underline dotted #51666a}.resource-tooltip[data-slot=tooltip-content]{z-index:60;color:#d5e8ea;background:#0b1518;border:1px solid #4a6a70;border-radius:0;max-width:min(340px,100vw - 32px);padding:15px;font-size:14px;line-height:1.6;box-shadow:0 10px 30px #000}.resource-tooltip svg{fill:#0b1518;background:#0b1518}.infrastructure-summary{color:var(--amber);padding-top:10px;font-size:14px}.code-caption{color:var(--muted);margin-bottom:8px;font-size:14px}.mobile-answer-focus{display:none}.reopen-button{width:100%;color:var(--cyan);margin:12px 0 0;padding:14px;font-size:16px}.practice-mode textarea.token-answer{min-height:88px}@media (max-width:700px){.help-row{gap:12px}.help-row button,.utility button,.arrange-list button{min-height:44px}.arrange-list button{padding:6px;font-size:12px}.toast{max-width:none;box-shadow:none;order:2;margin:12px 18px 0;animation:none;position:relative;bottom:auto;left:auto;transform:none}.resource-counter{padding-left:12px}.resources{gap:12px}.topic-buttons button{min-height:44px}}.mission-panel textarea{touch-action:manipulation;-webkit-user-select:text;user-select:text}@media (max-width:900px){.resource-counter:first-child{border:0;padding-left:0}}@media (max-width:700px){.resource-counter{padding-left:18px}.mobile-answer-focus{color:var(--cyan);text-align:left;min-height:44px;margin:0 0 12px;font-size:16px;display:block}}.scene-interactive{position:relative}.object-tooltip{z-index:5;pointer-events:none;background:#0c1316;border:1px solid #416167;max-width:min(280px,70%);padding:10px 13px;position:absolute;transform:translate(12px,12px);box-shadow:0 8px 25px #000}.object-tooltip strong{color:var(--cyan);font-size:13px;font-weight:500;display:block}.object-tooltip span{color:#becbd0;margin-top:5px;font-size:12px;line-height:1.5;display:block}.map-help{color:var(--muted);letter-spacing:0;padding:8px 0 0;font-size:11px}.scene-caption{padding-top:12px}.practice-mode{display:block}.mission-instruction{color:#c4d1d5;max-width:85ch;margin:0 0 20px;font-size:16px;line-height:1.65}.original-challenge .mission-instruction{margin-top:8px;font-size:14px}.original-response-format{color:var(--muted);margin-top:12px;font-size:14px}.optional-info>summary{cursor:pointer;min-height:44px;color:var(--muted);align-content:center;font-size:13px}.optional-info>summary:hover,.optional-info[open]>summary{color:var(--cyan)}.disclosure-body{color:var(--muted);padding:8px 0 12px;font-size:14px}.disclosure-body>p+p{margin-top:10px}.construction-help{border-bottom:1px solid var(--line);margin:0 0 18px}.construction-help .quantity-guide{margin-bottom:0}.upgrade-help{margin-top:8px}.upgrade-help .disclosure-body>p{margin:0 0 16px;font-size:14px}.upgrade-help .upgrade-impact{margin:0}.building>.upgrade-impact{margin-top:16px}.mission-footer .optional-info{width:100%}.practice-guide.optional-info{margin-top:24px;padding-top:8px}.practice-guide>.disclosure-body>p{margin-top:0}.breakdown-plan{margin:0}.breakdown-plan>summary{color:var(--cyan);min-height:36px}.breakdown-plan ol{padding-top:8px}.breakdown-path{border-left:2px solid var(--cyan);background:#091213;margin:0 0 24px;padding:16px 18px}.breakdown-path .scaffold-note{margin-bottom:12px;font-size:14px}.scaffold-note strong{font-weight:500}.breakdown-path ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.breakdown-path li{color:var(--muted);align-items:baseline;gap:10px;font-size:13px;display:flex}.breakdown-path li>span{min-width:18px}.breakdown-path li.current{color:var(--white)}.breakdown-path li.current>span,.breakdown-path li.done>span{color:var(--cyan)}.breakdown-return-note{color:var(--muted);margin-top:12px;font-size:12px}.original-challenge{border-top:1px solid var(--line);margin-top:14px;padding-top:8px}.original-challenge summary{cursor:pointer;min-height:44px;color:var(--cyan);align-content:center;font-size:13px;display:list-item}.original-challenge .code-block{margin:8px 0 0;font-size:14px}.original-challenge code{white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:700px){.breakdown-path{padding:12px}.breakdown-path li{font-size:12px}.breakdown-path .scaffold-note{font-size:13px}.breakdown-plan>summary{min-height:44px}}@media (max-width:1050px){.app{flex-direction:column;display:flex}.topbar{order:0}.utility{order:1}.error{order:2}.tutorial{order:3;max-width:none;margin:18px 24px 0}main{order:4;width:100%}.page-footer{order:5}}@media (max-width:700px){.tutorial{margin:18px 18px 0}.topbar .brand{font-size:18px}}.milestone-actions{grid-column:1/-1;gap:10px;display:grid}.breakthrough-unlock{width:100%;color:var(--cyan);border-color:#31585a}.breakthrough-practice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.breakthrough-practice button{min-height:44px;color:var(--cyan);overflow-wrap:anywhere;padding:10px 8px;font-size:14px}.breakthrough-practice button:only-child{grid-column:1/-1}.brand-lockup{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.studio-credit{letter-spacing:.5px;color:var(--muted);font-size:12px;line-height:1.5}.loading .brand-lockup{align-items:center}@media (max-width:900px){.topbar .brand-lockup{flex:1}}.solution-button{width:100%;min-height:44px;color:var(--muted);margin:0 0 16px;font-size:14px;display:block}.solution-code{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);color:#b8eced;background:#080d10;margin:8px 0 12px;padding:14px;font-size:16px;line-height:1.7}.feedback .solution-label{color:var(--amber);margin-top:14px}.solution-next-note{color:var(--muted);font-size:14px}.adaptive-band{color:var(--cyan,#5ddddd);font-size:.85rem}.adaptive-details{margin:1.5rem 0}.adaptive-details ul{padding-left:1.2rem}.adaptive-details li{margin:.75rem 0;line-height:1.6}.leaderboard-view{max-width:1100px;margin:auto}.leaderboard-view h1{letter-spacing:0;align-items:center;gap:12px;display:flex}.leaderboard-view h1 svg{color:var(--amber)}.leaderboard-refresh{place-items:center;width:44px;height:44px;padding:0;display:grid}.leaderboard-description,.leaderboard-enrollment p,.leaderboard-empty p{color:var(--muted);font-size:14px}.leaderboard-enrollment{border-block:1px solid var(--line);margin:28px 0;padding:22px 0}.leaderboard-enrollment label{color:var(--cyan);margin-bottom:10px;font-size:13px;display:block}.leaderboard-enrollment-controls{flex-wrap:wrap;gap:10px;display:flex}.leaderboard-enrollment input{width:280px;min-width:0;max-width:100%;color:var(--white);background:#080c0e;border:1px solid #354349;border-radius:0;padding:10px 12px;font-size:14px}.leaderboard-enrollment button{min-height:44px;font-size:13px}.leaderboard-enrollment p{max-width:80ch;margin-top:12px;font-size:12px;line-height:1.7}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%;min-width:1000px;font-size:14px}.leaderboard-table caption{text-align:left;color:var(--muted);padding:0 0 16px;font-size:12px}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid var(--line);padding:16px 12px}.leaderboard-table thead th{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:400}.leaderboard-table tbody th{overflow-wrap:anywhere;min-width:150px;font-weight:500}.leaderboard-table td:first-child{color:var(--amber);width:65px}.leaderboard-table td:nth-child(3){color:var(--cyan)}.leaderboard-rating{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.leaderboard-galaxies{color:var(--muted);margin-top:4px;display:block}.rating-guide{margin-top:18px}.rating-guide>p{color:var(--muted);max-width:95ch;margin:10px 0;font-size:13px;line-height:1.7}.rating-breakdown{flex-wrap:wrap;gap:18px 32px;margin:20px 0;display:flex}.rating-breakdown dt{text-transform:capitalize;color:var(--muted);font-size:12px}.rating-breakdown dd{color:var(--cyan);font-variant-numeric:tabular-nums;margin:4px 0 0}.leaderboard-table .own-rank{background:#0b1c1e}.leaderboard-you{color:var(--cyan);margin-left:10px;font-size:10px;display:inline-block}.leaderboard-own-outside{border-top:2px solid var(--cyan)}.leaderboard-empty{text-align:center;padding:48px 0}.leaderboard-empty svg{color:var(--amber);margin-bottom:16px}.leaderboard-empty h2{margin-bottom:8px;font-size:20px}.leaderboard-status{color:var(--muted);margin:16px 0;font-size:13px}.leaderboard-error{color:var(--amber);margin:16px 0;font-size:14px}@media (min-width:901px) and (max-width:1250px){.topbar{flex-wrap:wrap;gap:0 24px;padding-top:16px}.topbar nav{height:52px}.resources{justify-content:flex-end;width:100%;margin:10px 0 16px}}@media (max-width:700px){.topbar nav{justify-content:space-between;gap:0}.topbar nav button{letter-spacing:0;min-height:44px;font-size:11px}.practice-menu-item{min-height:44px}.leaderboard-enrollment input{width:100%}.leaderboard-enrollment-controls button{flex:1}.leaderboard-table th,.leaderboard-table td{padding:14px 8px}.leaderboard-table{font-size:12px}.leaderboard-table thead th{font-size:11px}.leaderboard-table tbody th{min-width:110px}.leaderboard-table .leaderboard-you{margin:4px 0 0;display:block}}.footer-status{justify-content:flex-end;align-items:center;gap:16px;min-width:0;display:flex}.sound-controls{flex-shrink:0;align-items:center;gap:2px;display:flex}.sound-icon{width:36px;height:36px;color:var(--muted);border-color:#0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.sound-icon[aria-pressed=true]{color:var(--amber)}.sound-popover{z-index:50;width:240px;max-width:calc(100vw - 32px);color:var(--white);background:#0a1012;border:1px solid #3e5055;padding:16px;font-size:13px;box-shadow:0 8px 24px #0008}.sound-popover label{justify-content:space-between;gap:16px;margin-bottom:12px;display:flex}.sound-popover output{color:var(--cyan)}.sound-popover input{width:100%;accent-color:var(--cyan);min-height:32px;margin:0;display:block}@media (max-width:700px){.footer-status{justify-content:space-between;gap:8px}.footer-status>span{font-size:9px}.sound-icon{width:44px;height:44px}}