:root{color:#edf0ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#111512;--panel:#191d1a;--border:#2c332d;--muted:#a1aba3;--green:#c1f17d;background:#111512;font-family:DM Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button,a,input,textarea,select{outline-offset:4px}:focus-visible{outline:2px solid var(--green)}button{border:0}button,a{touch-action:manipulation}input,textarea,select{color:#edf0ed;background:#111512;border:1px solid #475148;border-radius:8px;padding:12px}input::placeholder,textarea::placeholder{color:#929e95}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}h1,h2,h3,p{margin:0}svg{vertical-align:middle;flex-shrink:0}button{transition:background .16s,border-color .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}::selection{color:#152016;background:#c1f17d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:10;background:#161a17;flex-direction:column;width:238px;padding:35px 21px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.4px;align-items:center;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;text-decoration:none;display:flex}.brand>span:not(.brand-mark,.brand-dot){font-weight:400}.brand-mark{background:var(--green);color:#192215;border-radius:9px;place-items:center;width:34px;height:34px;margin-right:9px;display:inline-grid}.brand-dot{color:var(--green)}.workspace-label{letter-spacing:1.8px;color:#8c988e;margin:48px 12px 18px;font-size:10px;font-weight:600}.nav-item{text-align:left;color:#adb5ae;white-space:nowrap;background:0 0;border-radius:7px;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:13px 12px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{background:#242b23}.nav-item.active{color:var(--green);background:#293422}.nav-count{color:#b9c3b9;background:#30382f;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:45px}.sidebar-tip{background:linear-gradient(125deg,#252c20,#1b201b);border:1px solid #343e2c;border-radius:9px;padding:17px 12px}.tiny-label{letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:600}.sidebar-tip .tiny-label{color:#c0cfaf;align-items:center;gap:5px;font-size:8px;display:flex}.sidebar-tip p{color:#aebaa7;margin:10px 0 14px;font-size:11px;line-height:1.8}.sidebar-tip button{color:var(--green);background:0 0;align-items:center;gap:8px;padding:0;font-size:11px;display:flex}.sidebar-profile{border-top:1px solid var(--border);align-items:center;gap:9px;margin-top:25px;padding:21px 0;display:flex}.avatar{color:#d5e5c5;background:#394a31;border:1px solid #596d48;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:inline-flex}.sidebar-profile>div{flex:1;min-width:0}.sidebar-profile strong{text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.sidebar-profile div span{color:var(--muted);font-size:10px}.sidebar-profile .icon-button{padding:3px}.main-shell{width:calc(100% - 238px);margin-left:238px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:78px;padding:0 38px;display:flex}.breadcrumb{color:#909c94;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb strong{color:#e0e5df;font-weight:500}.topbar-actions{align-items:center;gap:21px;display:flex}.glossary-button{color:#a7b1a9;background:0 0;align-items:center;gap:9px;font-size:11px;display:flex}.topbar-divider{background:#343b33;width:1px;height:20px}.streak-mini{align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.streak-mini svg{color:#eeb372}.streak-mini span{color:#a1aaa1;margin-left:2px;font-size:11px;font-weight:400}.avatar.small{width:30px;height:30px}main{outline:none;max-width:1540px;margin:auto;padding:35px 38px 0}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px;display:flex}.eyebrow{color:#a2b18f;letter-spacing:1.8px;text-transform:uppercase;font-size:9px;font-weight:600}h1{letter-spacing:-1px;margin:10px 0;font-family:Space Grotesk,sans-serif;font-size:29px;font-weight:500;line-height:1.3}.page-heading p{color:var(--muted);font-size:12px;line-height:1.7}.edition-tag{color:#adbba3;letter-spacing:.8px;white-space:nowrap;border:1px solid #343e30;border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:8px;display:flex}.edition-tag>span,.live-label i{background:var(--green);border-radius:50%;width:5px;height:5px}.dashboard-grid{grid-template-columns:minmax(0,2.6fr) minmax(220px,1fr);gap:20px;display:grid}.hero-card{background:radial-gradient(at 86% 44%,#3f542f 0%,#273721 35%,#202d1e 75%);border:1px solid #435237;border-radius:12px;min-height:288px;padding:29px 27px;position:relative;overflow:hidden}.hero-copy{z-index:1;position:relative}.hero-tag{color:#d0e6b8;letter-spacing:1.5px;background:#3d4c30;border:1px solid #526047;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;display:inline-flex}.hero-card h2{letter-spacing:-.9px;margin-top:15px;font-family:Space Grotesk,sans-serif;font-size:clamp(22px,2.3vw,36px);font-weight:500;line-height:1.25}.hero-card h2>span{color:var(--green)}.hero-card p{color:#b9c5b1;margin-top:12px;font-size:11px;line-height:1.85}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:18px;min-height:40px;padding:11px 16px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.primary{color:#18210f;background:var(--green)}.primary:not(:disabled):hover{background:#d2ff95}.secondary{color:#e1e6dc;background:#292f26;border-color:#40493a}.secondary:not(:disabled):hover{background:#38452e;border-color:#6a7d54}.wide{width:100%}.hero-card .button{margin-top:23px}.hero-footnote{color:#b2c1a6;align-items:center;gap:5px;margin-top:13px;font-size:9px;display:flex}.mini-check{background:#4d5c3f;border-radius:50%;place-items:center;width:13px;height:13px;display:inline-grid}.hero-art{width:255px;height:250px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.orbit{border:1px solid #627b4359;border-radius:50%;position:absolute;inset:19px 1px;transform:rotate(-35deg)}.orbit-two{inset:48px -20px;transform:rotate(42deg)}.bug-tile{color:#2f4621;background:linear-gradient(135deg,#d3f9a9,#81b642);border:1px solid #e0ffb7;border-radius:22px;place-items:center;width:122px;height:126px;display:grid;position:absolute;top:60px;left:65px;transform:rotate(-12deg);box-shadow:6px 9px #5b7d36,12px 22px 35px #0a170c80,inset 0 0 0 5px #a8d477}.tile-corner{background:#e5ffce;border:4px solid #6b8d41;border-radius:50%;place-items:center;width:36px;height:36px;font-size:17px;font-weight:700;display:grid;position:absolute;bottom:-11px;right:-10px}.floating-tag{color:#d3e3c4;background:#263121;border:1px solid #6d7e5670;border-radius:5px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:flex;position:absolute;box-shadow:0 5px 15px #0e1a1140}.tag-code{top:25px;right:1px;transform:rotate(8deg)}.tag-check{letter-spacing:1px;font-size:8px;bottom:20px;left:18px;transform:rotate(-6deg)}.tag-check span{color:#26371b;background:#b2dc85;border-radius:3px;padding:1px 3px;font-size:11px;font-weight:700}.art-dot{background:#b6df81;border-radius:50%;width:6px;height:6px;position:absolute}.dot-one{top:44px;left:29px}.dot-two{width:4px;height:4px;bottom:56px;right:18px}.art-spark{color:#b9db8f;font-size:34px;position:absolute;top:69px;left:31px}.panel{border:1px solid var(--border);background:var(--panel);border-radius:10px}.level-card{text-align:center;padding:19px 20px}.panel-label{letter-spacing:1px;color:#abb7a6;align-items:center;gap:8px;font-size:9px;display:flex}.level-card .panel-label{justify-content:space-between}.level-emblem{color:#c3e79c;clip-path:polygon(50% 0%,92% 23%,92% 75%,50% 100%,8% 75%,8% 23%);background:radial-gradient(#465035,#232a20);border-radius:22px;place-items:center;width:77px;height:83px;margin:17px auto 10px;display:grid;position:relative}.level-emblem svg{opacity:.28;width:67px;height:67px;position:absolute}.level-emblem>span{z-index:1;margin-top:-7px;font-family:Space Grotesk,sans-serif;font-size:31px;font-weight:700}.level-card h3{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500}.level-card p{color:var(--muted);margin-top:6px;font-size:9px}.level-card p span{margin:0 3px}.xp-line{color:#8e9d86;justify-content:space-between;align-items:center;margin-top:23px;font-size:9px;display:flex}.xp-line strong{color:#d9e4d0;font-size:10px;font-weight:600}.xp-line strong span{color:#9eaa97;font-weight:400}.progress-track{background:#30362c;border-radius:6px;height:5px;margin-top:9px;overflow:hidden}.progress-track>span{border-radius:inherit;background:var(--green);height:100%;display:block}.level-card .level-next{margin-top:10px;font-size:9px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 31px;display:grid}.stat-card{border:1px solid var(--border);background:#191d1a;border-radius:8px;align-items:center;gap:13px;padding:19px 17px;display:flex}.stat-icon{border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.green{--accent:#c1f17d;--accent-bg:#2d3b23}.purple{--accent:#c5b1f0;--accent-bg:#342e43}.blue{--accent:#98c7f4;--accent-bg:#233440}.orange{--accent:#eab181;--accent-bg:#3d3024}.stat-icon,.mode-icon{background:var(--accent-bg);color:var(--accent)}.stat-title{color:#a3afa5;font-size:10px}.stat-value{margin-top:4px;font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:500;line-height:1.2}.stat-value>span{color:#a4afa3;margin-left:5px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:400}.lower-grid{grid-template-columns:minmax(0,2.6fr) minmax(220px,1fr);gap:20px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.4px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500}.section-heading p{color:var(--muted);margin-top:5px;font-size:10px}.text-button{color:#c2d6ac;background:0 0;align-items:center;gap:8px;padding:3px 0;font-size:10px;text-decoration:none;display:inline-flex}.text-button:hover{color:#d9f8b9;text-decoration:underline}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mode-card{text-align:left;background:linear-gradient(135deg,#222b1e,#1b221b);border:1px solid #3a4630;border-radius:10px;padding:20px}.mode-card.purple{background:linear-gradient(135deg,#272330,#201d28);border-color:#40394f}.mode-card:not(:disabled):hover{border-color:var(--accent);transform:translateY(-2px)}.mode-card-top{align-items:center;gap:10px;margin-bottom:17px;display:flex}.mode-icon{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:9px;flex-shrink:0;place-items:center;width:43px;height:43px;display:inline-grid}.mode-card-top>svg{color:#a7b0a0;width:17px;margin-left:auto}.pill{letter-spacing:.7px;color:#c4ceb9;white-space:nowrap;border:1px solid #58634f;border-radius:4px;padding:4px 7px;font-size:8px}.purple .pill{color:#c9bada;border-color:#5f536e}.mode-card h3{letter-spacing:-.4px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500}.mode-card>p{color:#adb6a8;min-height:40px;margin-top:7px;font-size:11px;line-height:1.8}.mode-progress{color:#a5afa0;justify-content:space-between;margin-top:24px;font-size:9px;display:flex}.mode-progress strong{color:var(--accent);font-weight:500}.mode-card .progress-track{background:#3a4034;height:4px}.mode-card .progress-track>span{background:var(--accent)}.mode-bottom{color:#aab6a0;justify-content:space-between;margin-top:15px;font-size:8px;display:flex}.mode-bottom>span{align-items:center;gap:5px;display:flex}.mode-bottom i{background:var(--accent);border-radius:50%;width:4px;height:4px}.mode-bottom>span:first-child{letter-spacing:.6px}.daily-card{background:linear-gradient(115deg,#2c291d,#211f18);border:1px solid #49422d;border-radius:9px;align-items:center;gap:15px;margin-top:19px;padding:19px 17px;display:flex}.daily-icon{color:#ecc97d;background:#433a21;border:1px solid #605132;border-radius:10px;flex-shrink:0;place-items:center;width:45px;height:48px;display:grid}.daily-eyebrow{color:#e2c68c;letter-spacing:1px;align-items:center;gap:9px;font-size:8px;display:flex}.daily-eyebrow>span{color:#e9ce87;letter-spacing:.4px;background:#463e23;border:1px solid #62522c;border-radius:3px;padding:3px 5px;font-size:7px}.daily-card h3{margin-top:6px;font-size:13px;font-weight:500}.daily-card p{color:#b5af9b;margin-top:5px;font-size:9px;line-height:1.6}.daily-card .button{color:#e4d2a7;white-space:nowrap;background:#3a3424;border-color:#5c5033;gap:7px;min-height:35px;margin-left:auto;padding:9px 11px;font-size:10px}.next-up{color:#91a185;align-items:center;gap:10px;padding:18px 2px;display:flex}.next-up p{color:#99a393;font-size:9px;line-height:1.7}.next-up p strong{color:#b5c0ad;font-weight:500}.next-up button{font-size:inherit;color:#c0d8a6;background:0 0;padding:0;text-decoration:underline}.weekly-board{align-self:start;padding:21px 17px 0}.weekly-board .section-heading{gap:5px;margin-bottom:8px}.weekly-board h2{align-items:center;gap:8px;font-size:14px;display:flex}.weekly-board h2 svg{color:#c7d2ba}.live-label{color:#bdd6a4;letter-spacing:.8px;border:1px solid #394a2d;border-radius:4px;align-items:center;gap:4px;padding:3px 5px;font-size:7px;display:flex}.live-label i{width:4px;height:4px}.muted{color:var(--muted)}.board-subtitle{font-size:9px;line-height:1.6}.leaderboard{margin-top:15px}.leaderboard-row{border-bottom:1px solid #2a312b;grid-template-columns:28px minmax(0,1fr) 80px;align-items:center;gap:10px;padding:15px 8px;font-size:12px;display:grid}.leaderboard-row:last-child{border:0}.table-heading{color:#939e91;padding-top:5px;padding-bottom:9px;font-size:9px}.leaderboard-row>:last-child{text-align:right}.leader-person{align-items:center;gap:10px;min-width:0;display:flex}.leader-person>div{min-width:0}.leader-person strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;display:block}.leader-person div>span{color:#97a390;margin-top:4px;font-size:10px;display:block}.leader-person small{color:var(--green);font-size:7px}.leader-score{white-space:nowrap;font-size:12px;font-weight:500}.leader-score small{color:#a2b293;font-size:8px;font-weight:400}.rank{color:#a5b09d;font-size:11px}.rank-1{color:#e1c072}.avatar-1{color:#f0dabb;background:#5b4932;border-color:#8a7151}.avatar-2{color:#d5d7ec;background:#3e4257;border-color:#737ba0}.avatar-3{color:#edc7e8;background:#4a354a;border-color:#825a83}.compact .leaderboard-row{grid-template-columns:15px minmax(0,1fr) 57px;gap:6px;padding:13px 0}.compact .table-heading{padding:4px 0 9px;font-size:8px}.compact .avatar{width:27px;height:27px;font-size:8px}.compact .leader-person{gap:7px}.compact .leader-person strong{font-size:10px}.compact .leader-person div>span{font-size:8px}.compact .leader-score{font-size:10px}.your-row{background:#2b3623;border-radius:6px}.board-link{border-top:1px solid var(--border);justify-content:center;width:calc(100% + 34px);margin:6px -17px 0;padding:15px;font-size:10px;display:flex}.empty-state{text-align:center;color:var(--muted);padding:42px 20px}.empty-state>svg{color:#9bab7e;margin-bottom:15px}.empty-state h3,.empty-state h2{color:#dde6d6;margin-bottom:10px;font-size:17px}.empty-state p{max-width:380px;margin:0 auto 15px;font-size:12px;line-height:1.8}.weekly-board .empty-state{padding:34px 4px}.weekly-board .empty-state h3{font-size:14px}.weekly-board .empty-state p{font-size:10px}footer{color:#94a18f;border-top:1px solid #272f27;justify-content:space-between;gap:15px;margin-top:14px;padding:23px 0 25px;font-size:8px;display:flex}footer>span:last-child{letter-spacing:1px;align-items:center;gap:8px;font-size:7px;display:flex}.footer-dot{color:#59694f}.icon-button{color:#aab6a4;background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button:hover{background:#2c3528}.mobile-menu{display:none}.error-banner{color:#f7c6b3;background:#3e2924;border:1px solid #795340;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:12px 15px;font-size:13px;display:flex}.sync-message{color:var(--green);margin-bottom:18px;font-size:12px}.segmented{background:#1b201b;border:1px solid #354030;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.segmented button{color:#b4c0ac;background:0 0;border-radius:5px;padding:10px 14px;font-size:12px}.segmented .selected{color:#d6f2b8;background:#35442a}.challenge-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;font-size:12px;display:flex}.learning-note{color:#b9d29f;background:#252e20;border:1px solid #3c4830;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:22px;padding:16px;display:flex}.learning-note p{color:#becbb4;font-size:12px;line-height:1.7}.challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.challenge-card{flex-direction:column;padding:22px;display:flex}.challenge-card .tiny-label{color:#afbc9e}.challenge-card h2{margin:10px 0;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:500}.challenge-card>p{color:#aab5a4;flex:1;margin-bottom:18px;font-size:12px;line-height:1.8}.challenge-meta{color:#afbda1;justify-content:space-between;align-items:center;margin:8px 0 18px;font-size:10px;display:flex}.challenge-meta>span:last-child{align-items:center;gap:5px;display:flex}.locked{background:#171c18}.locked .mode-icon{filter:grayscale(.8)}.muted-button{color:#abb4a5;background:#252c23}.leader-controls{justify-content:space-between;align-items:center;gap:15px;display:flex}.leader-controls>label{color:#adb7a7;align-items:center;gap:10px;font-size:12px;display:flex}.leader-controls select{padding:9px;font-size:12px}.full-board{padding:24px}.fine-print{color:#9eac94;margin-top:20px;font-size:11px;line-height:1.8}.achievement-summary{color:#c5e6a4;background:#293622;border:1px solid #455837;border-radius:9px;align-items:center;gap:15px;margin-bottom:24px;padding:20px;font-size:13px;display:flex}.achievement-summary strong{font-size:27px}.achievement-summary span{color:#c0cdba}.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.achievement-card{text-align:center;padding:28px 20px}.achievement-icon{color:#9cab91;background:#2c332b;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 20px;display:grid}.achievement-card.earned{background:linear-gradient(145deg,#2b3522,#1d231b);border-color:#586c3f}.earned .achievement-icon{color:#d3fda7;background:#465635}.achievement-card h2{margin:16px 0 10px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:500}.achievement-card p{color:#a8b69d;font-size:12px;line-height:1.7}.tutorial-cards article{padding:25px}.tutorial-cards h2{margin:18px 0 10px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:500}.tutorial-cards p{color:#b0bdaa;margin-bottom:20px;font-size:13px;line-height:1.9}.glossary-heading{margin-top:34px}.glossary-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.glossary-card{padding:20px}.glossary-card h3{margin-bottom:10px;font-size:15px;font-weight:500}.glossary-card p{color:#adbaa7;font-size:12px;line-height:1.8}.modal{color:#edf0ed;background:#1b211b;border:1px solid #46523d;border-radius:14px;width:min(540px,100% - 32px);max-height:calc(100dvh - 48px);padding:28px;box-shadow:0 24px 100px #0008}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080d0bc9}.modal-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.modal-heading h2{font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:500;line-height:1.3}.modal>.muted{margin-bottom:20px;font-size:13px;line-height:1.9}.modal .segmented{margin-bottom:22px;display:flex}.modal .segmented button{flex:1}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{color:#c5d1bb;flex-direction:column;gap:8px;font-size:12px;display:flex}.auth-form input{width:100%;font-size:14px}.auth-form .button{margin-top:5px}.guest-button{margin-top:10px}.form-error{color:#ffc4aa;font-size:12px;line-height:1.8}.glossary-search{align-items:center;gap:12px;margin:20px 0;display:flex}.glossary-search input{flex:1;min-width:0;font-size:14px}.glossary-list{max-height:50vh;overflow-y:auto}.glossary-list section{border-bottom:1px solid var(--border);padding:18px 0}.glossary-list h3{margin-bottom:7px;font-size:15px;font-weight:500}.glossary-list p{color:#b4c1ad;font-size:13px;line-height:1.8}.account-info{align-items:center;gap:15px;margin:24px 0;display:flex}.account-info h3{margin-bottom:7px;font-size:18px}.account-info p{color:var(--muted);font-size:12px}.account-info .avatar{width:50px;height:50px}.tutorial-lesson{color:#bac8b3;margin:18px 0;font-size:14px;line-height:1.9}.tutorial-example{background:#111910;border:1px solid #435338;border-radius:8px;padding:18px}.tutorial-example>strong{font-size:14px;line-height:1.7}.tutorial-example>p{color:#b5c3ad;margin:12px 0;font-size:12px;line-height:1.7}.tutorial-example .answer-option{text-align:left;width:100%;font-size:12px}.modal>.button:last-child{margin-top:22px}.back-button{margin-bottom:23px}.challenge-player h1{font-size:28px}.challenge-player .eyebrow{font-size:10px}.timer{color:#d4f4b1;font-variant-numeric:tabular-nums;background:#2b3922;border-radius:8px;align-items:center;gap:9px;padding:12px 17px;font-family:Space Grotesk,sans-serif;font-size:20px;display:flex}.timer.urgent{color:#ffca9b;background:#4a3024}.play-layout{grid-template-columns:1fr 1fr;gap:22px;display:grid}.scenario,.answer-panel{align-self:start;padding:25px}.play-layout h2{margin:19px 0 12px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:500}.scenario>p{color:#c4d0bc;white-space:pre-line;font-size:14px;line-height:1.95}.scenario pre{color:#c5e2ad;tab-size:2;background:#0f150f;border:1px solid #34412d;border-radius:8px;padding:20px;font-size:12px;line-height:1.95;overflow-x:auto}.scenario .learning-note{margin-top:20px}.answer-panel>.muted{margin-bottom:20px;font-size:12px;line-height:1.8}.answer-panel fieldset{border:none;margin:0;padding:0}.answer-option{color:#cbd7c1;cursor:pointer;background:#20271d;border:1px solid #445039;border-radius:7px;align-items:center;gap:12px;margin-bottom:11px;padding:14px 12px;font-size:13px;line-height:1.7;display:flex}.answer-option:hover{background:#2a3423}.answer-option.chosen{background:#2d3c23;border-color:#a7d773}.answer-option input{accent-color:#b4e87b;flex-shrink:0;width:16px;height:16px}.option-letter{color:#a5b997;background:#35412d;border-radius:4px;padding:1px 7px;font-family:Space Grotesk,sans-serif;font-size:12px}.answer-option small{color:#d3edb8;margin-top:6px;font-size:10px;display:block}.answer-option.correct-answer{background:#2d3c23;border-color:#a7d773}.answer-option.incorrect-answer{background:#3b2c23;border-color:#c5916d}.incorrect-answer small{color:#ffd0b3}.answer-panel>.button{margin-top:10px}.result{border-top:1px solid #414e36;margin-top:23px;padding-top:22px}.result-heading{color:#e2c48d;align-items:center;gap:8px;font-size:15px;display:flex}.result-heading.success{color:#c0ee98}.result-numbers{color:#d5e9c5;justify-content:space-between;gap:10px;margin:19px 0;font-size:13px;display:flex}.result p{color:#bfcdb5;margin-bottom:20px;font-size:13px;line-height:1.85}.test-draft{color:#c9d7bd;flex-direction:column;gap:9px;font-size:13px;display:flex}.test-draft .muted{font-size:10px}.test-draft textarea{resize:vertical;width:100%;font-size:12px;line-height:1.8}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--green);color:#162111;z-index:100;padding:10px 18px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}@media (width>=1600px){main{padding-top:44px}.hero-card{min-height:320px}.hero-art{right:40px}.hero-card h2{font-size:38px}.hero-card p{font-size:13px}.hero-copy{padding:8px 5px}.level-emblem{margin-top:29px}.level-card h3{font-size:17px}.level-card p{font-size:11px}}@media (width<=1250px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.main-shell{width:calc(100% - 210px);margin-left:210px}main{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}.edition-tag{display:none}.hero-art{right:-27px;transform:translateY(-50%)scale(.85)}.hero-card{padding:24px}.hero-card h2{font-size:26px}.hero-copy{max-width:78%}.hero-card p{max-width:240px}.hero-card p br{display:none}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,2.4fr) minmax(220px,1fr);gap:15px}.stat-card{gap:9px;padding:15px 12px}.stat-icon{width:33px;height:36px}.stat-title{font-size:9px}.stat-value{font-size:21px}.stats-grid{gap:12px}.mode-card{padding:16px}.mode-card h3{font-size:16px}.mode-card>p{font-size:10px}.mode-bottom{font-size:7px}.mode-card-top{gap:8px}.mode-card .mode-icon{width:37px;height:37px}.daily-icon{display:none}.daily-card{gap:10px;padding:15px}.daily-eyebrow{flex-wrap:wrap;gap:5px}.daily-card h3{font-size:12px}.challenge-grid{grid-template-columns:1fr 1fr}}@media (width<=1050px){.hero-art{opacity:.5;right:-63px}.hero-copy{max-width:100%}.hero-copy h2{font-size:25px}.hero-footnote{font-size:8px}.lower-grid{grid-template-columns:1fr}.weekly-board{margin-top:8px}.compact .leaderboard-row{grid-template-columns:25px minmax(0,1fr) 80px}.compact .leader-person strong,.compact .leader-score{font-size:12px}.weekly-board .empty-state{padding:24px}.mode-card h3{font-size:19px}.mode-card>p{font-size:12px}.mode-bottom{font-size:9px}.daily-icon{display:grid}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:17px}.stat-title{font-size:11px}.stat-icon{width:39px;height:39px}.leader-controls{flex-wrap:wrap}.play-layout{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr 1fr}.tutorial-cards{grid-template-columns:1fr}}@media (width<=800px){.sidebar{width:74px;padding:27px 10px 0}.brand{justify-content:center;font-size:0}.brand-mark{margin:0}.brand-dot,.workspace-label,.sidebar-tip,.sidebar-profile>div,.sidebar-profile .icon-button{display:none}.sidebar nav{margin-top:38px}.nav-item{justify-content:center;padding:14px;font-size:0}.nav-count{display:none}.sidebar-profile{justify-content:center}.main-shell{width:calc(100% - 74px);margin-left:74px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(190px,1fr)}.hero-card h2{font-size:24px}.hero-art{opacity:.25;right:-100px}.hero-card{padding:24px 20px}.hero-card p{font-size:11px}.level-card{padding:19px 15px}h1{font-size:26px}.level-card h3{font-size:14px}.level-card>p{font-size:8px}}@media (width<=620px){body{min-width:360px}.sidebar{display:none}.sidebar.open{width:240px;display:flex;top:66px;box-shadow:10px 10px 40px #0008}.sidebar.open .brand{justify-content:flex-start;padding:0 12px;font-size:25px}.sidebar.open .brand-mark{margin-right:8px}.sidebar.open .brand-dot{display:inline}.sidebar.open nav{margin-top:25px}.sidebar.open .nav-item{justify-content:flex-start;font-size:13px}.sidebar.open .sidebar-tip,.sidebar.open .sidebar-profile>div{display:block}.sidebar.open .sidebar-profile .icon-button{display:flex}.main-shell{width:100%;margin-left:0}.mobile-menu{display:flex}.topbar{gap:12px;height:66px;padding:0 17px}.breadcrumb{margin-right:auto;font-size:10px}.breadcrumb>svg,.breadcrumb>strong{display:none}.topbar-actions{gap:14px}.topbar-divider,.glossary-button>span,.streak-mini span{display:none}main{padding:26px 18px 0}.page-heading{margin-bottom:22px}h1{font-size:26px}.eyebrow{letter-spacing:1.4px;font-size:8px}.page-heading p{font-size:11px;line-height:1.8}.dashboard-grid{grid-template-columns:1fr}.hero-card{min-height:300px;padding:26px 23px}.hero-card h2{font-size:29px}.hero-card p{max-width:250px;font-size:11px}.hero-art{opacity:.45;right:-45px}.hero-footnote{font-size:9px}.level-card{text-align:left;grid-template-columns:60px 1fr;column-gap:17px;padding:18px;display:grid}.level-card .panel-label{grid-column:1/-1;margin-bottom:13px}.level-emblem{grid-row:2/6;width:60px;height:68px;margin:0}.level-emblem span{font-size:25px}.level-emblem svg{width:55px;height:55px}.level-card h3{font-size:15px}.level-card>p{font-size:10px}.xp-line{margin-top:12px}.level-card .progress-track{grid-column:2}.level-card .level-next{grid-column:2;margin-top:6px;font-size:9px}.stats-grid{gap:10px;margin:15px 0 27px}.stat-card{gap:10px;padding:16px 12px}.stat-title{font-size:9px}.stat-value{font-size:24px}.stat-icon{width:35px;height:35px}.section-heading h2{font-size:18px}.mode-grid{gap:12px}.mode-card{padding:16px 13px}.mode-card h3{font-size:16px}.mode-card>p{min-height:70px;font-size:10px}.mode-card .mode-card-top{flex-wrap:wrap}.mode-card .mode-card-top>svg{display:none}.mode-card .pill{padding:3px;font-size:7px}.mode-card .mode-icon{width:34px;height:34px}.mode-card .mode-icon svg{width:20px}.mode-bottom{flex-wrap:wrap;gap:8px;font-size:7px}.mode-progress{margin-top:16px;font-size:8px}.daily-card{flex-wrap:wrap;padding:17px}.daily-icon{width:35px;height:40px}.daily-card>div{flex:1}.daily-card .button{margin-top:4px;margin-left:45px}.daily-eyebrow{font-size:7px}.daily-card p,.next-up p{font-size:10px}.next-up{padding-top:20px}.weekly-board{padding:20px}.board-link{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}footer{flex-direction:column;align-items:center;gap:12px;padding:22px 0;font-size:8px}.challenge-toolbar{flex-direction:column;align-items:flex-start}.segmented button{padding:9px 10px;font-size:10px}.challenge-grid{grid-template-columns:1fr}.challenge-card h2{font-size:22px}.challenge-card>p{font-size:13px}.challenge-card .button{font-size:12px}.achievement-grid{gap:12px}.achievement-card{padding:25px 14px}.achievement-card h2{font-size:17px}.achievement-card p{font-size:11px}.achievement-summary{gap:10px;padding:16px;font-size:11px}.glossary-grid{grid-template-columns:1fr}.glossary-heading{flex-direction:column;align-items:flex-start}.glossary-heading p{line-height:1.7}.full-board{padding:16px}.leader-controls{gap:16px}.leader-controls>label{font-size:10px}.leaderboard-row{grid-template-columns:20px minmax(0,1fr) 70px;gap:8px;padding:15px 0}.leader-person strong,.leader-score{font-size:11px}.scenario,.answer-panel{padding:20px}.challenge-player h1{font-size:23px}.timer{gap:5px;padding:10px;font-size:17px}.challenge-player .section-heading{align-items:flex-start}.answer-option{gap:9px;font-size:12px}.option-letter{display:none}.modal{padding:22px}.modal-heading h2{font-size:22px}.button{min-height:44px;font-size:12px}.icon-button{min-width:32px;min-height:32px}}