:root{color-scheme:dark;--bg:#100e11;--surface:#181619;--panel:#1e1b1e;--raised:#252126;--edge:#363035;--text:#f3eeee;--muted:#aaa0a3;--dim:#736b71;--red:#FC0701;--red2:#FC0701;--red-soft:#3e281e;--success:#8ad2a8;--fail:#FC0701;--max:1250px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.58;font-size:15px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #FC0701;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}a{color:#FC0701;text-underline-offset:3px}a:hover{color:#FC0701}code,kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#322831;color:#FC0701;border-radius:4px;padding:.07rem .28rem;font-size:.89em;overflow-wrap:anywhere}kbd{border:1px solid #55434f}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5vw,4.25rem);max-width:760px;margin:12px 0 16px;font-weight:760}h2{font-size:clamp(1.6rem,2.6vw,2.45rem)}h3{font-size:1.2rem}p{color:var(--muted)}.skip{position:absolute;left:-1000px;top:0;padding:10px;background:#fff;color:#000;z-index:200}.skip:focus{left:10px}.app-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #292428;background:#141215;padding:29px 15px 22px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 36px}.brand-symbol{height:45px;width:45px;display:grid;place-items:center;background:linear-gradient(145deg,#FC0701,#5E0805);border:1px solid #FC0701;box-shadow:0 8px 26px #0005;border-radius:9px;font-size:29px;color:#fff}.brand b{font-size:23px;letter-spacing:.22em;font-weight:800;line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:.13em;color:var(--dim);font-weight:700}.sidebar-label,.eyebrow,.mini-label{font-size:10px;letter-spacing:.17em;font-weight:850;color:#FC0701}.sidebar-label{padding:0 13px 14px}.lesson-nav{display:flex;flex-direction:column;gap:7px}.nav-link{display:flex;text-align:left;align-items:center;gap:12px;width:100%;border:1px solid transparent;background:transparent;color:#a7a0a4;padding:12px 11px;border-radius:9px;transition:background .16s,border-color .16s}.nav-link:hover,.nav-link:focus-visible{background:#221c21}.nav-link.active{background:linear-gradient(95deg,#3c281f,#251b21);border-color:#5E0805;color:#fff}.nav-index{height:29px;width:29px;flex-shrink:0;display:grid;place-items:center;border:1px solid #5E0805;background:#201a20;border-radius:7px;font-size:11px;font-weight:800}.nav-link.done .nav-index{color:#8ad2a8;border-color:#3d795e}.nav-link .nav-copy{display:grid;line-height:1.25;gap:3px}.nav-copy b{font-size:12px;font-weight:650}.nav-copy small{font-size:10px;color:var(--dim)}.side-bottom{margin-top:auto;background:#1b181c;padding:16px;border:1px solid #30292e;border-radius:11px}.side-stat{display:flex;justify-content:space-between;align-items:center;gap:8px}.side-stat span{font-size:10px;letter-spacing:.1em;color:#a99aa0}.side-stat strong{color:#fff}.progress-track{height:5px;background:#332b30;border-radius:99px;overflow:hidden;margin-top:13px}.progress-fill{height:100%;background:linear-gradient(90deg,#FC0701,#FC0701);border-radius:99px;transition:width .35s;width:0}.side-bottom p{font-size:11px;margin:10px 0 0;color:var(--dim)}.main{min-width:0}.topbar{height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #282329;padding:0 clamp(22px,5vw,66px);gap:12px}.topbar-left,.topbar-right{display:flex;gap:15px;align-items:center}.topbar-left{font-size:10px;font-weight:700;letter-spacing:.14em;color:#9f9499}.top-dot{height:7px;width:7px;background:#FC0701;box-shadow:0 0 12px #FC0701;border-radius:50%}.topbar-right{font-size:12px;white-space:nowrap;color:#FC0701}.content{max-width:var(--max);margin:0 auto;padding:52px clamp(22px,5vw,66px) 0}.heading-row{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:35px}.lede{font-size:17px;max-width:660px;margin-bottom:0}.period{color:#FC0701}.lesson-number{color:#6d6068;font-size:12px;letter-spacing:.2em;padding-top:22px;white-space:nowrap}.screen{display:none;animation:appear .22s ease}.screen.active{display:block}@keyframes appear{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}button.primary,button.secondary,button.ghost{border:1px solid transparent;border-radius:9px;padding:12px 17px;font-weight:700;font-size:12px;letter-spacing:.01em;transition:transform .12s,background .12s,border-color .12s}.primary{background:linear-gradient(135deg,#FC0701,#FC0701);color:#fff;border-color:#FC0701!important;box-shadow:0 5px 18px #FC07012b}.primary:hover{background:linear-gradient(135deg,#FC0701,#FC0701);transform:translateY(-1px)}.secondary{background:#2a2429;color:#f2ece9;border-color:#5E0805!important}.secondary:hover{background:#3b2e37}.ghost{background:transparent;color:#c9b8bd;border-color:#41333c!important}.ghost:hover{background:#2c2229}.tiny{padding:7px 10px!important;font-size:11px!important}.text-link{background:none;border:0;padding:0;color:#FC0701;font-weight:700}.eyebrow{margin:0 0 8px}.hero-panel{min-height:333px;background:radial-gradient(circle at 81% 25%,#5E0805 0%,#261a15 36%,#181416 72%);border:1px solid #5E0805;border-radius:16px;display:grid;grid-template-columns:1.12fr .88fr;overflow:hidden;align-items:center;margin-bottom:16px}.hero-copy{padding:clamp(23px,4vw,43px)}.hero-copy h2{font-size:clamp(1.9rem,3.2vw,3.3rem);margin:14px 0 14px}.hero-copy h2 em{font-style:normal;color:#FC0701}.hero-copy p{max-width:490px;color:#c5b4ba;font-size:14px}.chip{display:inline-flex;align-items:center;border-radius:99px;padding:5px 10px;background:#3a2931;border:1px solid #5E0805;color:#FC0701;font-size:10px;font-weight:800;letter-spacing:.07em}.dark-chip{background:#32241d}.hero-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:22px}.hero-small{font-size:10px;color:#9e8b94;letter-spacing:.03em}.hero-art{margin:25px 0 25px 0;min-width:0;min-height:243px;border:1px solid #FC0701;border-right:0;border-radius:13px 0 0 13px;background:linear-gradient(160deg,#251d26,#100f14);transform:rotate(-4deg) translateX(17px);box-shadow:0 24px 60px #0008;position:relative;overflow:hidden;padding:19px}.art-top{font-size:11px;color:#FC0701;border-bottom:1px solid #47323e;padding-bottom:12px;margin-bottom:17px}.art-top span{float:right;color:#FC0701;font-family:monospace}.art-line{display:flex;gap:17px;font:12px/2.3 ui-monospace,monospace;color:#FC0701;white-space:nowrap}.art-line i{font-style:normal;color:#FC0701}.art-line b{color:#FC0701}.art-underline{height:2px;width:55%;background:linear-gradient(90deg,#FC0701,transparent);margin-top:20px}.art-sticker{position:absolute;right:18px;bottom:18px;letter-spacing:-.1em;font-weight:950;font-size:24px;line-height:1;transform:rotate(5deg);color:#f0e7e2}.art-sticker span{color:#FC0701}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--edge);border-radius:12px;overflow:hidden;margin-bottom:60px}.stats-strip>div{padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;border-right:1px solid var(--edge)}.stats-strip>div:last-child{border-right:0}.stats-strip strong{font-size:24px;line-height:1;font-weight:770}.stats-strip span{font-size:9px;color:var(--muted);letter-spacing:.07em;text-align:center}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:19px}.section-heading h2{margin:0}.section-heading p{font-size:12px;max-width:320px;margin:0}.roadmap{display:grid;gap:10px}.map-item{width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:19px;border:1px solid #393035;background:linear-gradient(120deg,#1f1b20,#191619);border-radius:12px;color:var(--text)}.map-item:hover{border-color:#FC0701;background:#292028}.map-num{font-size:23px;font-weight:760;color:#FC0701;letter-spacing:-.04em;flex-shrink:0;width:39px}.map-content{min-width:0;flex:1}.map-content strong{display:block;font-size:16px;margin-bottom:4px}.map-content small{color:var(--muted);font-size:12px}.map-right{display:flex;align-items:center;gap:8px}.map-state{font-size:10px;color:#a3979d}.map-arrow{font-size:19px;color:#FC0701}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.intro-bottom{margin:28px 0 40px}.panel{padding:24px;background:#1c191d;border:1px solid #363036;border-radius:12px;min-width:0}.panel h3{margin:0 0 13px}.panel p{font-size:13px;line-height:1.75;margin-bottom:13px}.panel a{font-size:12px}.tick-list{margin:0;padding:0;list-style:none}.tick-list li{padding:7px 0 7px 24px;position:relative;color:#c8bcc2;font-size:13px}.tick-list li:before{content:"✓";color:#FC0701;position:absolute;left:0}.lesson-intro{margin-bottom:26px;max-width:880px}.lesson-intro h2{margin:12px 0}.lesson-intro>p{font-size:15px;line-height:1.85}.lesson-tag{color:#FC0701;font-size:11px;font-weight:850;letter-spacing:.13em}.insight{display:flex;gap:14px;background:#291c24;border-left:3px solid #FC0701;padding:15px 18px;border-radius:0 9px 9px 0;margin-top:20px;font-size:13px}.insight b{white-space:nowrap;color:#FC0701}.insight span{color:#c9b8bd}.lab{border:1px solid #5E0805;border-radius:13px;background:#1b181c;padding:clamp(16px,2.5vw,25px)}.lab-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:22px}.lab-head h3{font-size:21px;margin:0 0 8px}.lab-head p{font-size:13px;margin:0}.lab-badge{font-size:10px;white-space:nowrap;font-weight:800;letter-spacing:.09em;color:#FC0701;background:#392a23;border:1px solid #5E0805;border-radius:5px;padding:7px 9px}.input-row{margin-bottom:18px}.input-row>label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}.input-group{display:flex;gap:10px}.input-group input{flex:1;min-width:0}input[type=text],select{width:100%;min-height:41px;background:#121115;color:#f1eaea;border:1px solid #5E0805;border-radius:8px;padding:9px 12px}input[type=color]{width:100%;height:43px;border:1px solid #5E0805;background:#17151a;border-radius:8px;padding:3px}input[type=range]{accent-color:#FC0701;width:100%;cursor:pointer}.journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.journey-node{border:1px solid #3d3039;background:#211b21;border-radius:8px;padding:13px 7px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;transition:background .3s,border-color .3s,transform .3s}.journey-node span{font-size:9px;color:#FC0701}.journey-node b{font-size:11px;letter-spacing:.06em}.journey-node small{font-size:10px;color:var(--dim)}.journey-node.passed{background:#3b2921;border-color:#FC0701}.journey-node.current{box-shadow:inset 0 0 0 1px #FC0701,0 0 20px #FC070122;transform:translateY(-3px)}.simulation-output{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sim-terminal,.sim-explain{min-height:164px;background:#111014;border:1px solid #373036;border-radius:8px;padding:15px}.sim-terminal pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#FC0701;font:12px/1.75 ui-monospace,monospace}.sim-explain p{font-size:13px;margin:12px 0}.lab-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px}.inline-feedback{font-size:12px;color:#FC0701}.key-rows{display:grid;gap:12px}.key-rows>div{display:grid;grid-template-columns:100px 1fr;gap:14px;font-size:12px}.key-rows b{color:#FC0701}.key-rows span{color:var(--muted)}.learn-more{border-top:1px solid #40353b;padding-top:12px;margin:12px 0}.learn-more summary{font-size:12px;font-weight:700;color:#FC0701;cursor:pointer}.learn-more p{margin-top:9px}.quiz{background:linear-gradient(140deg,#211b21,#19161a);border:1px solid #49303b;border-radius:12px;padding:24px;margin:25px 0}.quiz h3{margin:0 0 6px}.quiz>p{font-size:12px}.question{margin-top:17px;padding-top:16px;border-top:1px solid #3f333c}.question>p{font-size:13px;color:#efe9e6;font-weight:700;margin-bottom:9px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.answer{background:#2c252d;color:#e8dfe2;border:1px solid #5E0805;text-align:left;border-radius:8px;padding:11px;font-size:12px;min-height:48px}.answer:hover{background:#42313b}.answer.picked{border-color:#FC0701;background:#5E0805}.answer.correct{border-color:#60ad84;background:#24402f}.answer.wrong{border-color:#FC0701;background:#462d21}.answer:disabled{cursor:default}.quiz-feedback{font-size:12px;margin:11px 0 0;color:#FC0701}.quiz-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:17px}.quiz-footer strong{color:#FC0701;font-size:12px}.next-row{display:flex;justify-content:space-between;gap:10px;margin:24px 0 45px}.challenge-box{padding:13px 16px;background:#30232c;border:1px solid #5E0805;border-radius:8px;margin-bottom:14px}.challenge-box b{font-size:12px;color:#FC0701}.challenge-box p{font-size:12px;margin:4px 0 0;color:#d0bdc7}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #42353d;border-radius:8px 8px 0 0;background:#211c22;min-height:43px;padding:0 11px;flex-wrap:wrap}.code-tab{display:inline-flex;align-items:center;color:#b0a0aa;background:none;border:none;border-bottom:2px solid transparent;padding:9px 10px;font:700 11px ui-monospace,monospace;white-space:nowrap}.code-tab.selected{color:#f3eae5;border-color:#FC0701}.tool-actions,.tab-group{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #42353d;border-top:none;border-radius:0 0 8px 8px;overflow:hidden;min-height:310px}.editor-wrap{display:flex;flex-direction:column;min-width:0;border-right:1px solid #42353d}.preview-wrap{display:flex;flex-direction:column;min-width:0;background:#191719}.editor-label,.preview-label{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#9f8c97;font-size:10px;letter-spacing:.08em;font-weight:800;padding:10px 12px;min-height:35px;border-bottom:1px solid #42353d}.preview-label span{color:#706771;font-size:10px;letter-spacing:0}.code-editor{width:100%;flex:1;resize:vertical;background:#111014;color:#FC0701;padding:17px;min-height:295px;outline:none;border:0;tab-size:2;font:12px/1.65 ui-monospace,Consolas,monospace}.code-editor:focus{box-shadow:inset 0 0 0 1px #FC0701}.preview-wrap iframe{width:100%;height:100%;min-height:295px;border:0;background:white}.test-output{margin-top:14px;display:grid;gap:7px}.test-line{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#d0c0c8}.test-line .pass{color:#7fd4a3}.test-line .fail{color:#FC0701}.test-line .neutral{color:#bfb1ba}.design-grid{display:grid;grid-template-columns:255px minmax(0,1fr);gap:16px;margin-bottom:16px}.design-controls{display:flex;flex-direction:column;gap:8px;padding:13px;background:#171419;border:1px solid #443740;border-radius:8px}.design-controls label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin-top:5px}.design-controls label span{color:#FC0701;font:11px ui-monospace,monospace}.design-controls select{margin-top:0}.device-switch,.project-device-toolbar{display:flex;gap:7px;margin-top:8px}.device{flex:1;background:#2b242c;border:1px solid #51404a;color:#c1afb8;border-radius:6px;font-size:11px;font-weight:700;padding:8px}.device.selected{background:#5E0805;color:#fff;border-color:#FC0701}.css-preview-container{min-width:0;background:#131116;border:1px solid #443740;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.device-frame{display:flex;justify-content:center;align-items:stretch;flex:1;padding:9px;min-height:344px;transition:all .25s}.device-frame iframe{width:100%;background:white;border:0;border-radius:5px;transition:width .25s;min-height:315px}.device-frame.mobile iframe{width:min(100%,365px)}.short-code{min-height:190px;max-height:360px;resize:vertical;border:1px solid #42353d;border-top:none;border-radius:0 0 8px 8px}.bug-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.bug{background:#292229;border:1px solid #5E0805;color:#c8b5be;padding:10px 13px;border-radius:7px;font-weight:700;font-size:12px}.bug.selected{background:#5E0805;border-color:#FC0701;color:#fff}.ordered{padding-left:18px;color:#bfb4bb;font-size:13px;line-height:2}.project-form{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-bottom:16px}.project-form label{font-size:12px;color:#d4c3cb;font-weight:700}.project-form input{display:block;margin-top:7px}.project-form button{grid-column:1/-1;justify-self:start}.final-grid{min-height:440px}.final-editor{min-height:440px}.project-device-toolbar{margin:0;padding:7px 9px;border-bottom:1px solid #443740}.project-device-toolbar .device{flex:0 0 auto}.project-preview-shell{display:flex;flex:1;justify-content:center;min-height:398px;padding:9px;background:#121116}.project-preview-shell iframe{background:white;min-height:398px;max-width:100%;width:100%;border:0;border-radius:4px;transition:width .2s}.project-preview-shell.mobile iframe{width:min(100%,365px)}.checkline{font-size:12px;display:flex;gap:10px;align-items:start;margin:16px 0;color:#d0c4c9;cursor:pointer}.checkline input{accent-color:#FC0701;cursor:pointer}.full{width:100%;margin:11px 0}.subtle-small{font-size:11px!important;color:#8c8189!important}.certificate{padding:28px;margin:24px 0;border:1px solid #FC0701;background:radial-gradient(circle at right,#5E0805,#201a20 60%);border-radius:13px}.certificate h2{margin:8px 0 12px}.footer{border-top:1px solid #342a31;display:flex;justify-content:space-between;gap:20px;padding:22px 0 30px;color:#756b73;font-size:10px;font-weight:700;letter-spacing:.06em}.tutor-bubble{position:fixed;bottom:22px;right:26px;border:1px solid #FC0701;background:linear-gradient(120deg,#FC0701,#FC0701);border-radius:100px;padding:12px 18px;color:white;z-index:70;box-shadow:0 8px 30px #0009;display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:.1em;font-weight:900}.tutor-bubble span:first-child{font-size:20px}.tutor-panel{position:fixed;z-index:80;bottom:80px;right:25px;width:min(380px,calc(100vw - 40px));background:#211a21;border:1px solid #5E0805;border-radius:13px;box-shadow:0 25px 65px #000b;padding:19px}.tutor-panel[hidden]{display:none}.tutor-top{display:flex;align-items:start;justify-content:space-between}.tutor-top h3{margin:0}.tutor-disclaimer{font-size:11px;border-bottom:1px solid #493844;padding-bottom:10px}.tutor-conversation{background:#161217;min-height:110px;padding:14px;border-radius:9px;margin-bottom:11px;font-size:13px;color:#e2d2ca;line-height:1.7}.tutor-conversation p{margin:0;font-size:13px}.tutor-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tutor-buttons button{padding:10px 5px;font-size:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#34252e;border:1px solid #FC0701;border-radius:8px;padding:11px 16px;box-shadow:0 12px 30px #0007;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;font-size:12px;color:#fff;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav-wrap{display:none}
@media(max-width:1100px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.content{padding-left:30px;padding-right:30px}.topbar{padding-left:30px;padding-right:30px}.design-grid{grid-template-columns:210px 1fr}.hero-panel{grid-template-columns:1fr .8fr}.hero-art{font-size:11px}}
@media(max-width:820px){.app-shell{display:block}.sidebar{display:none}.mobile-nav-wrap{display:block;border-bottom:1px solid #342b31;padding:9px 16px}.mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mobile-nav .nav-link{padding:8px 7px;gap:7px}.mobile-nav .nav-index{height:24px;width:24px;font-size:10px}.mobile-nav .nav-copy b{font-size:10px}.mobile-nav .nav-copy small{display:none}.topbar{height:58px;padding:0 18px}.content{padding:29px 18px 0}.heading-row{margin-bottom:25px}.hero-panel{grid-template-columns:1fr}.hero-art{display:none}.design-grid{grid-template-columns:200px 1fr}.section-heading{align-items:start}}
@media(max-width:620px){.topbar-left{font-size:8px;letter-spacing:.07em}.topbar-right{gap:6px}.topbar-right button span{display:none}.heading-row .lesson-number{display:none}.lede{font-size:14px}.hero-copy{padding:24px}.hero-panel{min-height:auto}.hero-copy h2{font-size:2.1rem}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip>div:nth-child(2){border-right:0}.stats-strip>div:nth-child(-n+2){border-bottom:1px solid var(--edge)}.section-heading{display:block}.section-heading p{margin-top:12px}.two-cols,.simulation-output,.design-grid,.project-form,.editor-grid{grid-template-columns:1fr}.editor-wrap{border-right:0;border-bottom:1px solid #42353d}.code-editor{min-height:235px}.editor-grid iframe{min-height:250px}.final-editor{min-height:300px}.project-preview-shell,.project-preview-shell iframe{min-height:300px}.lab-head{flex-wrap:wrap}.lab-badge{font-size:9px}.journey{gap:4px}.journey-node{padding:9px 2px}.journey-node b{font-size:9px}.journey-node small{font-size:8px}.journey-node span{font-size:8px}.input-group{flex-direction:column}.design-grid{gap:8px}.key-rows>div{grid-template-columns:85px 1fr}.answer-grid{grid-template-columns:1fr}.intro-bottom{margin-bottom:25px}.footer{flex-direction:column;gap:7px}.tutor-bubble{bottom:12px;right:12px}.tutor-panel{bottom:69px;right:12px}.mobile-nav .nav-link{padding:7px 4px}.mobile-nav .nav-index{width:21px;height:22px}.mobile-nav .nav-copy b{font-size:9px}.nav-link{gap:5px}.map-item{padding:12px;gap:10px}.map-content strong{font-size:14px}.map-content small{font-size:11px}.map-num{font-size:19px;width:29px}.map-state{display:none}.insight{flex-direction:column;gap:5px}.challenge-box p{overflow-wrap:anywhere}.tool-actions .tiny{padding:6px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.puzzle-panel{margin-top:16px;background:#1c171d;border:1px solid #5E0805;border-radius:11px;padding:22px}.puzzle-panel h3{margin:4px 0}.puzzle-panel>p{font-size:13px}.route-options{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.route-card{background:#30252d;color:#eee2dd;border:1px solid #5E0805;border-radius:7px;padding:10px 12px;font-size:12px}.route-card span{color:#FC0701}.route-card:hover{background:#46332b}.route-answer{display:flex;gap:6px;flex-wrap:wrap;min-height:63px;align-items:center;background:#120f14;border:1px dashed #5E0805;border-radius:8px;padding:10px;color:#a1959c;font-size:12px}.route-step{background:#5E0805;border:1px solid #FC0701;border-radius:7px;color:#fff;font-size:11px;padding:9px;display:flex;align-items:center;gap:7px}.route-step strong{color:#FC0701}.route-step span{color:#FC0701}.route-step:hover{background:#5E0805}