@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f3f6fa;--bg-panel:#fff;--bg-panel-soft:#eef3f8;--bg-panel-muted:#e1e7ee;--bg-rail:#101417;--bg-rail-soft:#202832;--bg-code:#111514;--border:#cbd5e1;--border-strong:#94a3b8;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#667085;--text-inverse:#fff;--primary:#111827;--primary-hover:#0b1220;--success:#15803d;--success-soft:#dcfce7;--warning:#b45309;--warning-soft:#fef3c7;--danger:#c7352b;--danger-soft:#fde5e2;--info:#1d4ed8;--info-soft:#dbeafe;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:8px;--radius-pill:999px;--shadow-soft:0 10px 28px #1316150f;--shadow-strong:0 18px 44px #1316151a;--font-body:"Manrope", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Space Grotesk", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;min-height:100%;overflow:hidden}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);font-variant-numeric:tabular-nums;margin:0}button,input,textarea,select{font:inherit;font-variant-numeric:tabular-nums}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2f5e9633}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0}h1{font-size:3rem;line-height:.95}h2{font-size:2rem;line-height:1.05}h3{font-size:1.08rem;line-height:1.15}h4{font-size:.96rem;line-height:1.2}p{color:var(--text-secondary);line-height:1.55}p code{background:var(--bg-panel-soft);color:var(--text-primary);font-family:var(--font-mono);border-radius:.28em;padding:.06em .24em;font-size:.92em}code,pre{font-family:var(--font-mono)}.eyebrow{color:var(--text-tertiary);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:inline-block}.app-shell{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);box-shadow:var(--shadow-soft)}.button-primary,.button-secondary,.button-tertiary,.button-success-primary,.button-success-secondary,.nav-button,.lookup-list-item{border-radius:var(--radius-md);min-height:46px;transition:background .14s,border-color .14s,color .14s,transform .14s,box-shadow .14s}.button-primary{padding:0 var(--space-5);color:var(--text-inverse);background:var(--primary);font-weight:800}.button-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.button-secondary,.button-success-secondary,.lookup-list-item,.nav-button{padding:0 var(--space-4);border:1px solid var(--border);background:var(--bg-panel);color:var(--text-primary);font-weight:700}.button-secondary:hover:not(:disabled),.button-success-secondary:hover:not(:disabled),.lookup-list-item:hover:not(:disabled),.nav-button:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.keyhint-trigger{position:relative;overflow:visible}.keyhint-trigger:after{z-index:40;border-radius:var(--radius-lg);color:#fff;content:attr(data-shortcuts);font-family:var(--font-body);letter-spacing:.08em;opacity:0;pointer-events:none;text-transform:uppercase;white-space:nowrap;background:#111827;border:2px solid #111827;padding:8px 10px;font-size:.76rem;font-weight:900;line-height:1;transition:opacity 80ms,transform 80ms;position:absolute;bottom:calc(100% + 10px);left:50%;right:auto;transform:translate(-50%,4px)}.keyhint-trigger:hover:not(:disabled):after,.keyhint-trigger:focus-visible:not(:disabled):after{opacity:1;transition:opacity .14s .52s,transform .14s .52s;transform:translate(-50%)}.button-tertiary{min-height:auto;color:var(--text-secondary);background:0 0;padding:0;font-weight:700}.button-tertiary:hover:not(:disabled){color:var(--text-primary)}.button-success-primary{padding:0 var(--space-5);color:var(--text-inverse);background:#ffffff24;border:1px solid #ffffff3d;font-weight:800}.button-success-primary:hover:not(:disabled){background:#ffffff38}.button-success-secondary{color:var(--text-inverse);background:0 0;border-color:#ffffff4d}.button-success-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff75}input,textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#fffdf8}input{min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:180px;max-height:360px;padding:14px;line-height:1.5;overflow:auto}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.field,.lookup-search,.board-stack,.pathway-summary,.lesson-rules,.rail-actions,.compact-stats,.wide-stats,.mini-stack,.view-shell,.home-main-stack,.run-side-stack,.lookup-results-list,.lookup-reader,.reason-modal-body,.quest-screen-card,.league-card,.vault-badge-card,.profile-card,.answer-card,.pathway-card,.quest-card,.lesson-card,.empty-card{gap:var(--space-4);display:grid}.field>span,.answer-field>span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.auth-shell{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:minmax(0,1.1fr) minmax(360px,460px);height:100dvh;min-height:0;display:grid;overflow:hidden auto}.auth-hero,.auth-card{min-width:0;box-shadow:none;border:0;border-radius:0;padding:clamp(28px,4vw,56px)}.auth-hero{align-content:center;gap:var(--space-5);background:var(--bg-rail);color:var(--text-inverse);display:grid}.auth-hero h1,.auth-hero p,.auth-hero .eyebrow,.auth-hero .stat-tile span,.auth-hero .stat-tile strong{color:inherit}.auth-hero p{max-width:46ch}.auth-card{align-content:center;gap:var(--space-4);background:var(--bg-panel);display:grid}.auth-card .field,.auth-card input,.auth-card button{width:100%;min-width:0}.product-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.top-shell{gap:var(--space-3) var(--space-4);background:var(--bg-rail);height:auto;color:var(--text-inverse);box-shadow:none;border:0;border-radius:0;grid-template:"toggle brand tools""nav nav nav"/auto minmax(0,1fr) auto;align-content:start;align-self:stretch;align-items:center;padding:14px 18px;display:grid;position:relative;overflow:hidden}.brand-row,.brand-copy,.header-tools,.rail-user{gap:var(--space-3);display:grid}.brand-row{grid-area:brand;align-items:center;min-width:0;display:flex}.menu-toggle{border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff24;grid-area:toggle;place-items:center;gap:4px;width:42px;height:42px;display:grid}.menu-toggle span{border-radius:var(--radius-pill);background:var(--text-inverse);width:18px;height:2px;display:block}.brand-mark{border-radius:var(--radius-md);background:var(--bg-rail-soft);width:44px;height:44px;color:var(--text-inverse);font-family:var(--font-display);will-change:transform, opacity;flex:none;place-items:center;font-size:1.14rem;font-weight:700;display:grid}.brand-copy h2,.brand-copy p,.brand-copy .eyebrow{color:var(--text-inverse)}.brand-copy{min-width:0}.brand-copy h2,.brand-copy p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-copy p,.rail-user p,.nav-button{color:#f8f8f3b8}.view-nav{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid #ffffff14;flex-wrap:wrap;grid-area:nav;display:flex}.nav-button{text-align:left;background:0 0;border-color:#ffffff14;justify-content:flex-start;align-items:center;width:auto;min-width:118px;display:inline-flex}.nav-abbr{display:none}.nav-button.active{color:var(--text-inverse);background:#ffffff14;border-color:#ffffff24}.header-tools{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;grid-area:tools;min-width:0;display:flex}.rail-user{min-width:160px;padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff14}.rail-user p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-actions{gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.rail-actions .button-secondary,.rail-actions .button-tertiary{min-height:38px}.rail-user strong{color:var(--text-inverse);font-size:1rem}.rail-stat-grid,.compact-stats,.wide-stats{gap:var(--space-3);display:grid}.rail-stat-grid,.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-stat-grid{min-width:180px}.nav-collapsed .top-shell{grid-template-rows:auto;grid-template-areas:"toggle brand tools"}.nav-collapsed .view-nav{display:none}.wide-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-shell{gap:var(--space-5);min-width:0;height:100%;min-height:0;padding:24px;padding-bottom:calc(var(--space-8) + 88px);overscroll-behavior:contain;grid-template-rows:auto minmax(0,1fr);align-content:start;display:grid;overflow:hidden auto}.view-shell{align-content:start;min-width:0;height:auto;min-height:auto;overflow:visible}.home-view,.single-panel-view,.run-view,.quests-view,.league-view{grid-template-columns:1fr}.pathway-view{grid-template-columns:1fr;align-items:start}.vault-view,.profile-view{grid-template-columns:1fr}.hero-card,.board-card,.question-card,.code-card,.lesson-card,.empty-card,.lookup-modal,.reason-modal,.pathway-card,.quest-screen-card,.league-card,.vault-badge-card,.profile-card{padding:var(--space-5)}.hero-card,.board-card,.question-card,.code-card,.lesson-card,.empty-card,.lookup-modal,.reason-modal,.pathway-card{height:auto}.hero-card,.board-card,.question-card,.code-card{align-content:start;gap:var(--space-4);display:grid}.hero-card{grid-template-rows:auto auto auto auto}.hero-card h2,.empty-card h2{max-width:22ch}.hero-card p,.question-copy{max-width:52ch}.board-card{background:var(--bg-rail);border-color:var(--bg-rail)}.board-card h3,.board-card p,.board-card span,.board-card strong,.board-card .eyebrow{color:var(--text-inverse)}.home-ribbon,.hero-footer,.hero-inline-stats,.meta-row,.action-row,.section-head,.quest-topline,.answer-compare,.correct-banner,.correct-banner-actions,.modal-header-actions{gap:var(--space-3);min-width:0;display:flex}.hero-footer,.section-head,.quest-topline,.correct-banner{justify-content:space-between}.action-row,.correct-banner-actions,.modal-header-actions{flex-wrap:wrap}.hero-footer,.section-head,.meta-row,.action-row,.correct-banner,.correct-banner-actions,.modal-header-actions,.quest-topline{align-items:center}.hero-inline-stats{flex:1}.section-head{flex-wrap:wrap;align-items:start}.single-line-head h2,.single-line-head h3{margin-top:var(--space-1)}.home-ribbon{padding-top:var(--space-4);border-top:1px solid #b8b0a0a6}.ribbon-item{gap:var(--space-1);flex:1;display:grid}.ribbon-item span{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.ribbon-item strong{font-size:1.05rem;line-height:1.1}.pathway-card{align-content:start}.pathway-card p{max-width:48ch}.home-side-stack,.side-summary-card{gap:var(--space-4);align-content:start;display:grid}.side-summary-card{padding:var(--space-5)}.pathway-graph-card,.pathway-detail-card{align-content:start;gap:var(--space-4);min-height:0;display:grid}.pathway-graph-card{grid-template-rows:auto minmax(0,1fr);min-height:680px}.pathway-graph-summary,.pathway-map-controls{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.pathway-map-control{min-height:38px;padding:0 var(--space-3)}.pathway-map-zoom{min-width:44px;padding:0}.pathway-map-stage{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-panel-soft);overscroll-behavior:contain;touch-action:none;height:clamp(560px,64vh,820px);min-height:560px;position:relative;overflow:hidden}.pathway-map-stage.dragging{cursor:grabbing}.pathway-map-hud{top:var(--space-3);right:var(--space-3);z-index:5;position:absolute}.pathway-map-loading{inset:var(--space-4);z-index:6;align-content:center;place-items:center;gap:var(--space-2);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-primary);pointer-events:none;background:#ffffffdb;display:grid;position:absolute}.pathway-map-loading strong{font-family:var(--font-display)}.pathway-map-pan-surface{z-index:1;cursor:grab;touch-action:none;position:absolute;inset:0}.pathway-map-pan-proxy{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pathway-map-camera{will-change:transform;z-index:2;width:0;height:0;position:absolute;inset:0 auto auto 0}.pathway-map-canvas{transform-origin:0 0;will-change:transform;position:relative}.pathway-map-svg{width:100%;height:100%;position:absolute;inset:0 auto auto 0}.pathway-map-edge{fill:none;stroke:#47556952;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.pathway-map-edge.tone-good{stroke:#1772456b}.pathway-map-edge.tone-info{stroke:#2f5e9661}.pathway-map-edge.tone-warn{stroke:#b36a0066}.pathway-map-node{will-change:transform, opacity;z-index:3;width:220px;position:absolute}.pathway-map-node-body,.pathway-map-node-window{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-panel);width:100%;color:var(--text-primary)}.pathway-map-node-body{gap:var(--space-2);padding:var(--space-3);text-align:left;min-height:112px;box-shadow:var(--shadow-soft);display:grid;overflow:hidden}.pathway-map-step{color:var(--text-tertiary);letter-spacing:.08em;font-size:.72rem;font-weight:800}.pathway-map-node-body strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;line-height:1.18;display:-webkit-box;overflow:hidden}.pathway-map-node-body small{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.pathway-map-node-window{margin-top:var(--space-2);min-height:42px;padding:0 var(--space-3);font-size:.76rem;font-weight:800}.pathway-map-node-window:disabled{opacity:1;color:var(--text-tertiary);background:var(--bg-panel-muted)}.pathway-map-mastered .pathway-map-node-body,.pathway-map-mastered .pathway-map-node-window{background:var(--success-soft);border-color:#17724547}.pathway-map-in-progress .pathway-map-node-body,.pathway-map-in-progress .pathway-map-node-window{background:var(--info-soft);border-color:#2f5e9647}.pathway-map-available .pathway-map-node-body,.pathway-map-available .pathway-map-node-window{background:var(--warning-soft);border-color:#b36a0047}.pathway-map-locked .pathway-map-node-body,.pathway-map-locked .pathway-map-node-window{background:var(--bg-panel-muted)}.pathway-map-node.selected .pathway-map-node-body{box-shadow:inset 0 0 0 2px var(--primary), var(--shadow-soft)}.pathway-map-node.focus .pathway-map-node-window{border-color:var(--primary)}.pathway-map-node.selected .pathway-map-node-window{border-color:var(--border-strong)}.pathway-detail-list{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.pathway-detail-list p{margin-top:var(--space-1)}.pathway-detail-empty{text-align:center;place-items:center;height:100%;display:grid}.compact-pathway-card{padding:var(--space-4)}.compact-pathway-card .pathway-strip{grid-template-columns:1fr}.compact-pathway-card .pathway-node{align-items:center;gap:var(--space-3);grid-template-columns:auto 1fr auto}.compact-pathway-card .pathway-node-head{display:contents}.compact-pathway-card .pathway-step{align-self:center}.compact-pathway-card .pathway-node strong{-webkit-line-clamp:1}.quest-card p,.quest-screen-card p,.profile-card p,.league-card p,.vault-badge-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pathway-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pathway-strip{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));display:grid;overflow:visible}.pathway-node,.stat-tile,.quest-card,.quest-screen-card,.league-card,.vault-badge-card,.profile-card,.answer-card,.lookup-list-item,.lesson-step,.lesson-rules div,.leaderboard-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel-soft)}.pathway-node{gap:var(--space-2);padding:var(--space-4);min-width:0;display:grid}.pathway-node-head{justify-content:space-between;align-items:start;gap:var(--space-2);display:flex}.pathway-step{color:var(--text-secondary);font-size:.78rem;font-weight:700;font-family:var(--font-mono)}.pathway-node strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.98rem;line-height:1.25;display:-webkit-box;overflow:hidden}.pathway-node span{color:var(--text-tertiary);font-size:.8rem;font-weight:700}.pathway-mastered{background:var(--success-soft);border-color:#17724547}.pathway-in-progress{background:var(--info-soft);border-color:#2f5e9647}.pathway-available{background:var(--warning-soft);border-color:#b36a0047}.pathway-locked{background:var(--bg-panel-muted)}.pathway-node.focus{border-color:var(--primary);background:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--primary)}.stat-tile,.quest-card,.quest-screen-card,.league-card,.vault-badge-card,.profile-card,.answer-card{padding:var(--space-4)}.board-card .quest-card{background:#ffffff0f;border-color:#ffffff1f}.stat-tile{gap:var(--space-1);background:var(--bg-panel);align-content:end;min-width:0;min-height:74px;display:grid}.stat-tile span{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.stat-tile strong{overflow-wrap:anywhere;font-size:1.25rem;line-height:1}.progress-bar{border-radius:var(--radius-pill);background:#7a817c2e;height:10px;overflow:hidden}.progress-bar span{border-radius:inherit;background:var(--primary);transform-origin:0;width:0%;height:100%;display:block}.pill{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;min-height:32px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.tone-neutral{border-color:#7a817c40}.pill.tone-neutral,.tone-neutral .pill{color:var(--text-secondary);background:#7a817c1f}.tone-good{border-color:#17724540}.pill.tone-good,.tone-good .pill{color:var(--success);background:var(--success-soft)}.tone-warn{border-color:#b36a0047}.pill.tone-warn,.tone-warn .pill{color:var(--warning);background:var(--warning-soft)}.tone-danger{border-color:#c7352b47}.pill.tone-danger,.tone-danger .pill{color:var(--danger);background:var(--danger-soft)}.tone-info{border-color:#2f5e9647}.pill.tone-info,.tone-info .pill{color:var(--info);background:var(--info-soft)}.lesson-card{align-content:start;gap:var(--space-4);display:grid}.lesson-bundle-view{width:min(1180px,100%)}.lesson-bundle-hero{border-bottom-width:4px;grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:stretch;gap:clamp(20px,4vw,44px);padding:clamp(22px,4vw,44px);display:grid}.lesson-bundle-copy{align-content:center;gap:var(--space-4);min-width:0;display:grid}.lesson-bundle-copy h1{overflow-wrap:anywhere;max-width:13ch;font-size:clamp(2.25rem,5vw,4.8rem);line-height:.92}.lesson-bundle-copy p{max-width:74ch;font-size:1.06rem}.lesson-start-card{gap:var(--space-3);min-width:0;padding:var(--space-5);border:2px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);border-bottom-width:6px;align-content:start;display:grid}.lesson-start-kicker{border-radius:var(--radius-pill);background:var(--success-soft);width:fit-content;color:var(--success);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;font-size:.74rem;font-weight:900}.lesson-start-card strong{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(3rem,6vw,5.25rem);line-height:.9}.lesson-start-card>span:last-of-type{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-weight:900}.lesson-bundle-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:clamp(16px,2.5vw,28px);display:grid}.lesson-flow-card,.lesson-contract-card{gap:var(--space-5);border-bottom-width:4px;min-width:0;padding:clamp(18px,3vw,32px);display:grid}.lesson-flow-card .section-head h2,.lesson-contract-card h2{font-size:clamp(1.55rem,3vw,2.4rem)}.lesson-timeline{display:grid}.lesson-timeline-step{gap:var(--space-4);min-width:0;padding:var(--space-5) 0;border-top:1px solid var(--border);grid-template-columns:48px minmax(0,1fr);display:grid}.lesson-timeline-step:first-child{border-top:0;padding-top:0}.lesson-timeline-step:last-child{padding-bottom:0}.lesson-step-index{border:2px solid var(--border-strong);background:var(--bg-panel);width:48px;height:48px;color:var(--text-primary);font-family:var(--font-display);border-bottom-width:5px;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:900;display:grid}.lesson-step-body{gap:var(--space-3);min-width:0;display:grid}.lesson-step-title{gap:var(--space-1);display:grid}.lesson-step-title h3{overflow-wrap:anywhere;font-size:clamp(1.1rem,2vw,1.45rem)}.lesson-example-code{max-height:220px;margin-top:var(--space-1);overflow:auto}.lesson-contract-card{top:var(--space-4);position:sticky}.lesson-contract-list{gap:var(--space-3);display:grid}.lesson-contract-list div{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-panel);border-bottom-width:3px;display:grid}.lesson-contract-list strong{color:var(--text-primary);font-size:.96rem}.lesson-contract-list p{font-size:.92rem;line-height:1.45}.lesson-contract-cta{width:100%}.lesson-steps{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lesson-step{gap:var(--space-3);padding:var(--space-4);display:grid}.lesson-step-head{gap:var(--space-1);display:grid}.lesson-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-rules div{padding:var(--space-4);color:var(--text-secondary);background:var(--bg-panel-soft)}.run-card{min-width:0;min-height:0}.question-card{grid-template-rows:repeat(6,auto)}.run-side-stack{align-content:start;gap:var(--space-4);grid-template-rows:auto auto;min-height:auto;position:static}.code-card{background:var(--bg-code);border-color:var(--bg-code);grid-template-rows:auto auto;min-height:auto}.code-card h3,.code-card p,.code-card .eyebrow{color:var(--text-inverse)}.question-copy{font-size:1rem}.answer-field{gap:var(--space-3);display:grid}.answer-preview,.inline-note{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-panel-soft)}.answer-preview{gap:var(--space-1);display:grid}.answer-preview span,.answer-card span,.answer-card small{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.answer-preview code{overflow-wrap:anywhere;font-size:.86rem}.answer-preview small{color:var(--text-secondary)}.warn-note{background:var(--warning-soft);color:#865000;border-color:#b36a0047}.info-note{background:var(--info-soft);color:var(--info);border-color:#2f5e9640}.error-note{background:var(--danger-soft);color:var(--danger);border-color:#c7352b40}.code-block{height:auto;min-height:0;max-height:min(58vh,720px);padding:var(--space-4);border-radius:var(--radius-lg);color:#ecf1ee;white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff0f;margin:0;font-size:.84rem;line-height:1.55;overflow:auto}.fit-code{display:block}.answer-compare{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.answer-card pre,.feedback-copy{margin-top:var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere}.correct-banner{right:var(--space-5);bottom:var(--space-5);left:var(--space-5);z-index:20;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);color:var(--text-inverse);box-shadow:var(--shadow-strong);will-change:transform, opacity;position:fixed}.correct-banner-copy{gap:var(--space-1);display:grid}.correct-banner-kicker{letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:800}.correct-banner-copy strong{font-size:1.8rem;line-height:1;font-family:var(--font-display)}.correct-banner-copy p{color:#f8f8f3d1}.banner-good{background:var(--success)}.banner-warn{background:var(--warning)}.banner-danger{background:var(--danger)}.leaderboard-list{gap:var(--space-3);display:grid}.leaderboard-row{align-items:center;gap:var(--space-3);padding:var(--space-4);grid-template-columns:52px minmax(0,1fr) 52px 92px;display:grid}.leaderboard-row strong:last-child,.leaderboard-row em{text-align:right}.leaderboard-row em{color:var(--text-tertiary);font-style:normal;font-weight:800}.leaderboard-row em.up{color:var(--success)}.leaderboard-row em.down{color:var(--danger)}.self-row{background:var(--info-soft);border-color:#2f5e9640}.tier-common{border-top:5px solid #8f8778}.tier-uncommon{border-top:5px solid var(--success)}.tier-rare{border-top:5px solid var(--info)}.tier-epic{border-top:5px solid #7853b8}.tier-legendary{border-top:5px solid var(--warning)}.tier-mythic{border-top:5px solid var(--danger)}.vault-badge-card.earned{box-shadow:var(--shadow-soft)}.badge-medal{color:#b45309;background:#fef3c7;border:3px solid #f59e0b;border-bottom-width:6px;border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.8rem;font-weight:900;display:grid}.vault-badge-card:not(.earned) .badge-medal{color:#9ca3af;background:#f3f4f6;border-color:#d1d5db}.mini-row{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.mini-row strong,.mini-row small,.mini-row p{min-width:0}.mini-row small{margin-top:var(--space-1);color:var(--text-tertiary);font-size:.78rem;font-weight:700;display:block}.mini-row .progress-bar{grid-column:1/-1}.mini-action{min-height:36px;padding-inline:var(--space-3)}.empty-mini-row{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-panel-soft);grid-template-columns:1fr}.empty-card{text-align:center;align-content:center;place-items:center}.error-banner{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--danger-soft);color:var(--danger);border:1px solid #c7352b3d;font-weight:700}.modal-scrim{z-index:30;padding:var(--space-5);background:#161a1885;place-items:center;display:grid;position:fixed;inset:0}.lookup-modal,.reason-modal{gap:var(--space-4);will-change:transform, opacity;width:min(1120px,100%);max-height:min(88vh,760px);display:grid;overflow:hidden}.lookup-search{grid-template-columns:1fr auto}.lookup-modal-body{gap:var(--space-4);grid-template-columns:300px minmax(0,1fr);min-height:0;display:grid;overflow:visible}.lookup-results-list,.lookup-reader,.reason-modal-body{min-height:0;overflow:visible}.lookup-list-item{gap:var(--space-1);padding:var(--space-4);text-align:left;display:grid}.lookup-list-item strong{color:var(--text-primary)}.lookup-list-item span{color:var(--text-secondary)}.lookup-list-item.active{border-color:var(--primary);background:var(--bg-panel)}.lookup-reader{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-panel-soft);align-content:start}.lookup-reader code:not(pre code){border-radius:var(--radius-sm);background:#7a817c24;padding:2px 6px}.lookup-reader ul,.lookup-reader ol{margin:0;padding-left:1.2rem}.lookup-code{margin-block:var(--space-3)}.lookup-placeholder{text-align:center;place-items:center;height:100%;display:grid}.reason-modal{width:min(840px,100%)}.reason-modal-body{align-content:start}@media (width>=900px){.home-view,.league-view,.profile-view,.quests-view,.vault-view{grid-template-columns:repeat(2,minmax(0,1fr))}.pathway-strip{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}}@media (width>=1120px){.home-view{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)}.single-panel-view{grid-template-columns:minmax(0,1fr) minmax(320px,360px)}.run-view{grid-template-columns:minmax(0,1.06fr) minmax(340px,380px)}.run-side-stack{position:sticky;top:24px}.pathway-strip{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}}@media (width>=1400px){.workspace-shell{padding:clamp(24px,3vw,40px);padding-bottom:calc(var(--space-8) + 88px)}.pathway-strip{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}}@media (width<=980px){.top-shell{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"toggle brand""tools tools""nav nav"}.nav-collapsed .top-shell{grid-template-areas:"toggle brand""tools tools"}.brand-copy p{display:none}.header-tools{justify-content:stretch}.rail-user{flex:220px;min-width:0}.rail-stat-grid{flex:0 180px;min-width:0}}@media (width<=820px){.auth-shell{grid-template-columns:1fr;align-content:start;height:100dvh;min-height:0;overflow:hidden auto}.auth-hero,.auth-card{align-content:start;min-height:0}.auth-hero{gap:var(--space-4)}.auth-hero .wide-stats{grid-template-columns:1fr}}@media (width<=760px){.view-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pathway-map-stage{height:520px;min-height:520px}.correct-banner{left:var(--space-4)}h1{font-size:2.35rem}h2{font-size:1.65rem}.auth-hero,.auth-card,.top-shell,.hero-card,.board-card,.question-card,.code-card,.lesson-card,.lesson-bundle-hero,.lesson-flow-card,.lesson-contract-card,.empty-card,.pathway-card,.lookup-modal,.reason-modal,.quest-screen-card,.league-card,.vault-badge-card,.profile-card{padding:var(--space-4)}.auth-shell{width:100%}.auth-hero h1{overflow-wrap:anywhere;font-size:clamp(2rem,13vw,2.8rem);line-height:.95}.auth-hero p,.auth-card h2{overflow-wrap:anywhere;max-width:100%}.workspace-shell{padding:var(--space-4)}.view-nav,.home-ribbon,.rail-stat-grid,.compact-stats,.wide-stats,.lookup-search,.pathway-strip,.pathway-detail-list,.home-view,.league-view,.profile-view,.quests-view,.vault-view,.single-panel-view,.run-view,.pathway-view,.lookup-modal-body,.answer-compare,.pathway-summary,.lesson-rules,.lesson-steps,.lesson-bundle-hero,.lesson-bundle-grid{grid-template-columns:1fr}.lesson-bundle-copy h1{max-width:none}.lesson-start-card{padding:var(--space-4)}.lesson-contract-card{position:static}.lesson-timeline-step{gap:var(--space-3);padding-block:var(--space-4);grid-template-columns:40px minmax(0,1fr)}.lesson-step-index{width:40px;height:40px;font-size:.96rem}.pathway-graph-summary,.pathway-map-controls{justify-content:stretch}.pathway-map-control{width:100%}.hero-footer,.hero-inline-stats,.section-head,.action-row,.correct-banner,.correct-banner-actions,.modal-header-actions{flex-direction:column;align-items:stretch}.nav-button,.button-primary,.button-secondary,.button-success-primary,.button-success-secondary{width:100%}.correct-banner{right:var(--space-4);bottom:var(--space-4);left:var(--space-4)}}.product-shell{grid-template-rows:auto minmax(0,1fr) auto}.duo-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-panel);min-height:70px;color:var(--text-primary);padding:12px 24px;display:flex}.duo-topbar .brand-copy h2,.duo-topbar .brand-copy .eyebrow,.duo-topbar .brand-copy p{color:var(--text-primary)}.duo-topbar .brand-copy h2{font-size:1.08rem;line-height:1}.duo-topbar .brand-mark{background:var(--primary);width:42px;height:42px;color:var(--text-inverse)}.duo-status-strip{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:nowrap;display:flex}.status-chip{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel-soft);min-height:38px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.status-chip strong{color:var(--text-primary)}.status-chip.tone-good{background:var(--success-soft)}.status-chip.tone-info{background:var(--info-soft)}.status-chip.tone-warn{background:var(--warning-soft)}.top-action{white-space:nowrap;min-height:38px;padding:0 12px}.workspace-shell{padding-bottom:var(--space-5)}.bottom-tabs{gap:var(--space-2);padding:10px max(14px, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-right));border-top:1px solid var(--border);background:var(--bg-panel);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;box-shadow:0 -8px 24px #1118270f}.bottom-tab{border-radius:var(--radius-md);min-height:58px;color:var(--text-tertiary);background:0 0;place-items:center;gap:4px;font-size:.76rem;font-weight:900;display:grid}.bottom-tab-mark{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel-soft);width:28px;height:28px;color:var(--text-secondary);font-family:var(--font-display);place-items:center;font-size:.9rem;display:grid}.bottom-tab.active{color:var(--primary);background:var(--bg-panel-soft)}.bottom-tab.active .bottom-tab-mark{background:var(--success-soft);color:var(--success);border-color:#15803d4d}.duo-home{gap:var(--space-5);grid-template-columns:minmax(0,1fr);width:min(1180px,100%);margin-inline:auto}.duo-path-panel{gap:var(--space-5);min-width:0;display:grid}.duo-unit-card{align-items:center;gap:var(--space-5);padding:var(--space-5);border-color:#15803d47;grid-template-columns:minmax(0,1fr) minmax(180px,260px);display:grid}.duo-unit-copy,.duo-unit-progress{gap:var(--space-3);min-width:0;display:grid}.duo-unit-copy h2{max-width:18ch}.duo-unit-copy p{max-width:62ch}.duo-unit-actions{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;display:flex}.duo-path-lane{gap:var(--space-4);padding:var(--space-3) 0 var(--space-6);display:grid;position:relative}.duo-path-lane:before{content:"";border-radius:var(--radius-pill);background:var(--border);width:4px;position:absolute;inset:18px auto 28px 50%;transform:translate(-50%)}.duo-path-row{z-index:1;grid-template-columns:minmax(0,1fr) minmax(116px,190px) minmax(0,1fr);align-items:center;min-height:110px;display:grid;position:relative}.duo-path-row.offset-right .duo-node-wrap{grid-column:2/4;justify-self:start;margin-left:42px}.duo-path-row.offset-left .duo-node-wrap{grid-column:1/3;justify-self:end;margin-right:42px}.duo-node-wrap{align-items:center;gap:var(--space-3);grid-column:2;width:min(440px,100%);min-width:0;display:flex}.duo-lesson-node{border:2px solid var(--border);background:var(--bg-panel);width:74px;height:74px;color:var(--text-primary);box-shadow:var(--shadow-soft);border-bottom-width:7px;border-radius:50%;flex:0 0 74px;place-items:center;display:grid}.duo-lesson-node span{width:54px;height:54px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.08rem;font-weight:800;display:grid}.duo-node-mastered{background:var(--success-soft);color:var(--success);border-color:#15803d61}.duo-node-in-progress{background:var(--info-soft);color:var(--info);border-color:#1d4ed857}.duo-node-available{background:var(--warning-soft);color:var(--warning);border-color:#b453095c}.duo-node-locked{background:var(--bg-panel-muted);color:var(--text-tertiary)}.duo-node-card{gap:var(--space-2);width:min(310px,100%);min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);box-shadow:var(--shadow-soft);display:grid}.duo-node-line{justify-content:space-between;align-items:start;gap:var(--space-2);min-width:0;display:flex}.duo-node-line strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;line-height:1.18;display:-webkit-box;overflow:hidden}.duo-node-meta{justify-content:space-between;gap:var(--space-2);color:var(--text-tertiary);font-size:.78rem;font-weight:800;display:flex}.duo-side-panel{gap:var(--space-4);align-content:start;display:grid}.duo-side-card{gap:var(--space-4);padding:var(--space-4);display:grid}.duo-side-card .quest-card{padding:var(--space-3)}.duo-side-card .quest-card p{display:none}.duo-rank-card{border-color:#1d4ed83d}.duo-rank-line{justify-content:space-between;align-items:end;gap:var(--space-3);display:flex}.duo-rank-line strong{font-family:var(--font-display);font-size:2.2rem;line-height:.9}@media (width>=1080px){.duo-home{grid-template-columns:minmax(0,760px) minmax(300px,360px);align-items:start}.duo-side-panel{top:var(--space-5);position:sticky}}@media (width<=860px){.duo-topbar{min-height:62px;padding:10px var(--space-4)}.duo-topbar .brand-copy .eyebrow{display:none}.duo-status-strip{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.duo-status-strip::-webkit-scrollbar{display:none}.status-chip{min-height:34px;padding-inline:10px}.top-action{display:none}.duo-unit-card{grid-template-columns:1fr}.duo-unit-actions{justify-content:stretch}.duo-unit-actions .button-primary,.duo-unit-actions .button-secondary{flex:160px}.duo-path-row,.duo-path-row.offset-right,.duo-path-row.offset-left{grid-template-columns:1fr;min-height:100px}.duo-path-row .duo-node-wrap,.duo-path-row.offset-right .duo-node-wrap,.duo-path-row.offset-left .duo-node-wrap{grid-column:1;justify-self:stretch;margin:0}.duo-path-lane:before{left:37px}.offset-left .duo-node-wrap{flex-direction:row}.duo-node-card{width:100%}.bottom-tabs{gap:4px;padding-inline:8px}.bottom-tab{min-height:54px;font-size:.68rem}.bottom-tab-mark{width:24px;height:24px;font-size:.78rem}}@media (width<=560px){.duo-status-strip .status-chip:nth-of-type(3){display:none}.duo-unit-card,.duo-side-card{padding:var(--space-4)}.duo-lesson-node{flex-basis:64px;width:64px;height:64px}.duo-lesson-node span{width:46px;height:46px;font-size:.96rem}.duo-node-card .pill{display:none}}.duo-home{width:min(1180px,100%);padding-inline:var(--space-4);flex-direction:row-reverse;gap:48px;margin-inline:auto;display:flex}.duo-path-panel{max-width:720px;padding-bottom:var(--space-6);flex:auto}.duo-unit-card{justify-content:space-between;align-items:center;gap:var(--space-5);border-radius:var(--radius-xl);color:#fff;box-shadow:none;background:#22c55e;border:0;padding:20px;display:flex}.duo-unit-card h2,.duo-unit-card p,.duo-unit-card span{color:inherit}.duo-unit-copy{gap:10px}.duo-unit-copy>span{letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:900}.duo-unit-copy h2{max-width:24ch;font-size:1.55rem;line-height:1.05}.duo-unit-copy p{opacity:.92;max-width:44ch;font-size:1rem;font-weight:700}.duo-unit-progress{min-width:170px}.duo-unit-progress .pill{color:#16a34a;background:#fff;justify-content:center}.duo-unit-progress .progress-bar{background:#ffffff52}.duo-unit-progress .progress-bar span{background:#fff}.duo-unit-actions{flex:none;grid-column:auto;justify-content:flex-end}.duo-unit-actions .button-primary,.duo-banner-ghost{color:#16a34a;text-transform:uppercase;letter-spacing:.04em;background:#fff;border:2px solid #16a34a;border-bottom-width:4px;min-height:48px}.duo-unit-actions .button-primary:hover:not(:disabled),.duo-banner-ghost:hover:not(:disabled){background:#f8fafc;border-bottom-width:2px;transform:translateY(1px)}.duo-path-lane{padding:0 0 var(--space-7);flex-direction:column;align-items:center;gap:0;display:flex}.duo-path-lane:before{content:none}.duo-path-row{z-index:1;min-height:0;margin-top:24px;display:block;position:relative}.duo-path-row.current-row{margin-top:60px}.duo-node-wrap,.duo-path-row.offset-right .duo-node-wrap,.duo-path-row.offset-left .duo-node-wrap{width:auto;margin:0;display:block;position:relative}.offset-left .duo-node-wrap{flex-direction:initial}.duo-node-wrap:before{content:"";background:conic-gradient(#4ade80 var(--node-progress), #e5e7eb 0);border-radius:50%;display:none;position:absolute;inset:-16px}.current-row .duo-node-wrap:before{display:block}.duo-start-callout{z-index:3;border:2px solid var(--border);border-radius:var(--radius-xl);color:#22c55e;letter-spacing:.08em;text-align:center;text-transform:uppercase;background:#fff;border-bottom-width:4px;min-width:82px;padding:9px 14px;font-size:.8rem;font-weight:900;animation:1.25s ease-in-out infinite duo-bob;position:absolute;top:-42px;left:50%;transform:translate(-50%)}.duo-start-callout span{border-right:2px solid var(--border);border-bottom:2px solid var(--border);background:#fff;width:16px;height:16px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes duo-bob{0%,to{translate:0}50%{translate:0 -5px}}.duo-lesson-node{z-index:2;color:#fff;width:70px;height:70px;box-shadow:none;background:#22c55e;border:0;border-bottom:8px solid #16a34a;border-radius:50%;place-items:center;display:grid;position:relative}.duo-lesson-node:hover:not(:disabled){border-bottom-width:4px;transform:translateY(4px)}.duo-lesson-node span{width:auto;height:auto;color:inherit;font-size:2rem;line-height:1}.duo-node-mastered{color:#22c55e;background:#fff;border-bottom-color:#16a34a;box-shadow:inset 0 0 0 3px #22c55e}.duo-node-in-progress,.duo-node-available{color:#fff;background:#22c55e;border-bottom-color:#16a34a}.duo-node-locked{color:#9ca3af;background:#e5e7eb;border-bottom-color:#9ca3af}.duo-lesson-node.focus{box-shadow:none}.duo-node-card{width:260px;display:none;position:absolute;top:50%;left:calc(100% + 18px);transform:translateY(-50%)}.duo-node-card .mini-action{display:none}.duo-side-panel{gap:var(--space-4);flex:0 0 368px}.duo-user-progress{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.duo-progress-button{align-items:center;gap:var(--space-2);border-radius:var(--radius-xl);min-height:46px;color:var(--text-tertiary);background:0 0;padding:0 10px;font-weight:900;display:inline-flex}.duo-progress-button:hover{background:var(--bg-panel-soft)}.duo-progress-button img{width:30px;height:30px}.duo-progress-button.points,.duo-progress-button.hearts{color:#f97316}.duo-side-card{box-shadow:none;border:2px solid #e5e7eb}.duo-side-card h3{font-size:1.12rem}.duo-side-card .quest-card{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #e5e7eb;border-radius:0}.duo-side-card .quest-card:last-child{border-bottom:0}.clone-sidebar{z-index:30;background:#fff;border-right:2px solid #e5e7eb;flex-direction:column;width:256px;height:100dvh;padding:28px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.clone-brand{border-radius:var(--radius-xl);color:#16a34a;letter-spacing:.02em;background:0 0;align-items:center;gap:12px;min-height:52px;margin-bottom:28px;padding-left:16px;font-size:1.55rem;font-weight:900;display:flex}.clone-brand img{width:40px;height:40px}.clone-sidebar-nav{gap:var(--space-2);display:grid}.clone-sidebar-item{border-radius:var(--radius-xl);color:#64748b;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:2px solid #0000;justify-content:flex-start;align-items:center;gap:20px;min-height:52px;padding:0 16px;font-size:.9rem;font-weight:900;display:flex}.clone-sidebar-item:hover{background:#f1f5f9}.clone-sidebar-item.active{color:#0ea5e9;background:#0ea5e91f;border-color:#93c5fd}.clone-sidebar-user{gap:var(--space-2);padding:var(--space-4);color:var(--text-secondary);margin-top:auto;display:grid}.clone-sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bottom-tab-mark img{width:22px;height:22px}.clone-quiz-view{grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(1140px,100%);min-height:calc(100dvh - 132px);margin-inline:auto;display:grid;overflow:hidden}.clone-quiz-header{align-items:center;gap:28px;width:100%;padding:20px 16px 18px;display:flex}.quiz-progress-meter{align-items:center;gap:var(--space-3);flex:1;grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.quiz-progress-meter>span{color:#374151;text-align:right;white-space:nowrap;min-width:52px;font-weight:900}.quiz-route-pill{border-radius:var(--radius-pill);color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#eff6ff;border:2px solid #bfdbfe;border-bottom-width:4px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:.78rem;font-weight:900;display:inline-flex}.clone-quiz-header .progress-bar{background:#e5e7eb;flex:1;height:14px}.clone-quiz-header .progress-bar span{background:#22c55e}.quiz-close{color:#94a3b8;background:0 0;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.quiz-close:hover{color:#64748b;background:#f1f5f9}.quiz-status-stat{align-items:center;gap:var(--space-2);color:#f97316;min-width:72px;font-weight:900;display:inline-flex}.quiz-status-stat img{width:30px;height:30px}.clone-quiz-body{place-items:center;min-height:0;padding:18px 24px 28px;display:grid;overflow:auto}.clone-quiz-content{gap:24px;width:min(680px,100%);display:grid}.clone-question-layout{gap:clamp(16px,2.4vw,24px);min-width:0;display:grid}.clone-answer-column{align-content:start;gap:clamp(14px,2vw,22px);min-width:0;display:grid}.clone-quiz-content h1{color:#374151;font-size:1.85rem;line-height:1.16}.clone-quiz-content h1 code{color:#111827;font-family:var(--font-mono);background:#eef3f8;border-radius:.28em;padding:0 .18em;font-size:.86em;display:inline-block}.clone-question-code{border-radius:var(--radius-xl);color:#f8fafc;background:#111827;border:2px solid #e5e7eb;max-height:min(44vh,480px)}.clone-answer-field{gap:12px}.clone-answer-field>span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.clone-answer-field>textarea{border-radius:var(--radius-xl);background:#fff;border:2px solid #e5e7eb;border-bottom-width:4px;min-height:150px;font-size:1rem}.clone-answer-field>textarea:disabled{background:#f8fafc}.answer-shortcuts{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.answer-shortcut{border-radius:var(--radius-xl);color:#475569;letter-spacing:.03em;background:#fff;border:2px solid #e5e7eb;border-bottom-width:4px;min-height:42px;padding:0 10px;font-size:.78rem;font-weight:900}.answer-shortcut:hover:not(:disabled),.answer-shortcut.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.runtime-name-field{gap:var(--space-2);display:grid}.runtime-detail-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.runtime-name-field span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:900}.runtime-name-field input,.runtime-output-field textarea{border-radius:var(--radius-xl);background:#fff;border:2px solid #e5e7eb;border-bottom-width:4px;height:62px;min-height:62px}.runtime-output-field textarea{resize:none;max-height:none}.clone-answer-footer{will-change:transform, opacity;background:#fff;border-top:2px solid #e5e7eb;justify-content:space-between;align-items:center;gap:clamp(12px,2vw,24px);min-height:72px;padding:10px clamp(20px,3vw,36px);display:flex}.quiz-footer-feedback{align-items:center;gap:var(--space-3);min-width:0;display:flex}.quiz-footer-feedback strong{color:#64748b;font-size:1.12rem;line-height:1.1;display:block}.quiz-footer-feedback p{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;line-height:1.25;overflow:hidden}.quiz-feedback-mark{color:#64748b;background:#e5e7eb;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:1.12rem;font-weight:900;display:grid}.quiz-footer-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.quiz-footer-actions .button-primary,.quiz-footer-actions .button-secondary{min-width:118px;min-height:40px;padding:0 var(--space-4);text-transform:uppercase;letter-spacing:.04em;border:2px solid #16a34a;border-bottom-width:4px;font-size:.86rem}.quiz-footer-actions .button-primary{color:#fff;background:#22c55e}.quiz-footer-actions .button-secondary{color:#64748b;background:#fff;border-color:#e5e7eb}.footer-good{background:#dcfce7;border-color:#0000}.footer-good .quiz-feedback-mark{color:#fff;background:#22c55e}.footer-good .quiz-footer-feedback strong{color:#16a34a}.footer-danger{background:#ffe4e6;border-color:#0000}.footer-danger .quiz-feedback-mark{color:#fff;background:#f43f5e}.footer-danger .quiz-footer-feedback strong{color:#e11d48}.footer-warn{background:#fef3c7;border-color:#0000}.footer-warn .quiz-feedback-mark{color:#fff;background:#f97316}.footer-warn .quiz-footer-feedback strong{color:#c2410c}.footer-danger .quiz-footer-actions .button-primary{background:#f43f5e;border-color:#e11d48}.footer-warn .quiz-footer-actions .button-primary{background:#f97316;border-color:#ea580c}@media (width>=1025px){.product-shell{grid-template-rows:minmax(0,1fr);padding-left:256px}.duo-topbar,.bottom-tabs{display:none}.workspace-shell{padding-top:28px}.clone-quiz-view{min-height:calc(100dvh - 56px)}}@media (width>=1080px){.duo-home{grid-template-columns:none}.duo-side-panel{top:var(--space-5)}}@media (width<=1060px){.duo-home{grid-template-columns:1fr;padding-inline:0;display:grid}.duo-path-panel{max-width:none}.duo-side-panel{flex-basis:auto}}@media (width<=1024px){.clone-sidebar{display:none}}@media (width<=760px){.duo-unit-card{grid-template-columns:1fr;display:grid}.duo-unit-actions{justify-content:stretch}.duo-path-row{right:0!important}.duo-node-card{width:min(280px,100vw - 132px);margin-top:var(--space-3);position:static;transform:none}.clone-quiz-view{min-height:calc(100dvh - 148px)}.clone-quiz-header{gap:var(--space-3);padding-inline:0}.clone-quiz-body{padding-inline:0}.clone-quiz-content h1{font-size:1.35rem}.clone-answer-footer{align-items:stretch;gap:var(--space-2);min-height:92px;padding:var(--space-3);flex-direction:column}.quiz-footer-actions{width:100%}.quiz-footer-actions .button-primary,.quiz-footer-actions .button-secondary{flex:1;min-width:0}.answer-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-detail-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.product-shell{height:100dvh;min-height:100dvh}.workspace-shell{width:100%;min-width:0;min-height:0;padding:clamp(16px,2.2vw,28px);padding-bottom:calc(clamp(20px, 3vw, 36px) + env(safe-area-inset-bottom));display:block;overflow:hidden auto}.view-shell{gap:clamp(16px,2.5vw,28px);width:min(1120px,100%);min-width:0;margin-inline:auto;display:grid}.panel,.quest-screen-card,.league-card,.vault-badge-card,.profile-card,.lesson-card,.empty-card{min-width:0}.section-head{align-items:start}.section-head>div{min-width:0}.section-head h2,.section-head h3,.quest-screen-card h3,.league-card h2,.league-card h3,.vault-badge-card h3,.profile-card h3{overflow-wrap:anywhere}.single-panel-view{grid-template-columns:1fr;width:min(900px,100%)}.quests-view,.vault-view,.profile-view{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.league-view{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start}.quest-screen-card,.league-card,.vault-badge-card,.profile-card{align-content:start;gap:var(--space-3);padding:clamp(16px,2vw,22px);display:grid}.vault-badge-card{text-align:center;justify-items:center}.vault-badge-card .progress-bar{width:100%}.leaderboard-row{gap:var(--space-3);grid-template-columns:48px minmax(0,1fr) 48px minmax(74px,auto)}.mini-row{align-items:start}.mini-row .mini-action{justify-self:end}.duo-home{grid-template-columns:minmax(0,720px) minmax(300px,360px);align-items:start;gap:clamp(28px,4vw,44px);width:min(1120px,100%);padding-inline:0;display:grid}.duo-path-panel{gap:var(--space-5);min-width:0;max-width:none;padding-bottom:var(--space-5);display:grid}.duo-unit-card{border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(160px,190px);grid-template-areas:"copy progress""copy actions";align-items:center;gap:16px 24px;padding:clamp(18px,2.4vw,24px);display:grid}.duo-unit-copy{grid-area:copy;gap:8px;min-width:0;display:grid}.duo-unit-copy h2{max-width:26ch;font-size:clamp(1.35rem,2.4vw,1.85rem)}.duo-unit-copy p{overflow-wrap:anywhere;max-width:54ch}.duo-unit-progress{grid-area:progress;width:100%;min-width:0}.duo-unit-actions{grid-area:actions;justify-content:stretch;min-width:0;display:flex}.duo-unit-actions .button-primary{width:100%}.duo-path-lane{width:min(520px,100%);padding-bottom:var(--space-6);margin-inline:auto}.duo-path-row,.duo-path-row.offset-right,.duo-path-row.offset-left{place-items:initial;width:max-content;max-width:100%;margin-inline:auto;display:block}.duo-node-card{display:none!important}.duo-side-panel{align-content:start;gap:var(--space-4);flex:initial;min-width:0;display:grid}.duo-user-progress{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.duo-progress-button{white-space:nowrap;justify-content:center;min-width:0;padding-inline:8px}.duo-progress-button img{object-fit:contain;flex:none}.duo-progress-button.points img{width:24px;height:36px}.duo-progress-button span{text-overflow:ellipsis;min-width:0;overflow:hidden}.clone-sidebar{width:224px;padding:20px 12px 14px}.clone-brand{gap:10px;min-height:48px;margin-bottom:20px;padding-left:12px}.clone-sidebar-item{gap:12px;min-height:48px;padding-inline:12px;font-size:.82rem}.clone-sidebar-item img{width:28px;height:28px}.clone-quiz-view{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;width:min(1320px,100%);min-height:calc(100dvh - 56px);overflow:visible}.clone-quiz-header{gap:clamp(12px,2.4vw,28px);padding:12px 0 18px}.clone-quiz-body{place-items:start center;padding:clamp(12px,2vw,24px) 0 clamp(18px,3vw,34px);overflow:visible}.clone-quiz-content{gap:clamp(16px,2.4vw,24px);width:min(720px,100%)}.clone-quiz-content.has-question-code{width:min(1260px,100%)}.clone-quiz-content h1{max-width:24ch;color:var(--text-primary);overflow-wrap:anywhere;font-size:clamp(1.45rem,2.7vw,2.05rem);line-height:1.16}.clone-quiz-content.has-question-code h1{max-width:100%}.clone-question-layout{width:100%}.clone-question-code{width:100%;max-height:min(46dvh,460px)}.clone-answer-field>textarea{resize:vertical;min-height:132px;max-height:240px}@media (width>=900px){.clone-quiz-content.has-question-code .clone-question-layout{grid-template-columns:minmax(420px,1.12fr) minmax(420px,.88fr);align-items:start;gap:clamp(24px,3vw,36px)}.clone-quiz-content.has-question-code .clone-question-code{max-height:min(72dvh,820px)}.clone-quiz-content.has-question-code .clone-answer-field>textarea{min-height:clamp(210px,36vh,380px);max-height:min(52vh,520px)}}.clone-answer-footer{z-index:5;border-radius:14px 14px 0 0;min-height:68px;padding:9px clamp(18px,3vw,34px);position:sticky;bottom:0}.quiz-footer-feedback{min-width:0}.quiz-footer-feedback p{max-width:min(48ch,48vw)}.quiz-footer-actions{flex:none}.workspace-shell.workspace-stage{grid-template-rows:minmax(0,1fr);align-content:stretch;height:100%;padding-bottom:clamp(16px,2.2vw,28px);display:grid;overflow:hidden}.workspace-stage .error-banner{align-self:start}.lesson-stage-view{grid-template-rows:auto minmax(0,1fr);gap:0;width:min(960px,100%);height:100%;min-height:0;max-height:100%;margin-inline:auto;padding-inline:clamp(48px,7vw,76px);display:grid;position:relative;overflow:hidden}.lesson-stage-header{align-items:center;gap:clamp(12px,2.4vw,28px);padding:10px 0 16px;display:flex}.lesson-stage-header .progress-bar{background:#e5e7eb;flex:1;height:14px}.lesson-stage-header .progress-bar span{background:#22c55e}.lesson-stage-count{color:#1f2937;text-align:right;min-width:72px;font-weight:900}.lesson-stage-card{color:#111827;min-height:0;box-shadow:none;border:2px solid #e5e7eb;border-bottom-width:4px;gap:clamp(14px,2.1vh,24px);padding:clamp(18px,3vw,34px);display:grid;overflow:hidden}.lesson-intro-card{grid-template-rows:auto minmax(0,1fr)}.lesson-intro-card .lesson-stage-intro{align-self:center}.lesson-rule-card{grid-template-rows:minmax(0,1fr)}.lesson-rule-card .lesson-step-stage{background:0 0;border:0;border-radius:0;padding:0}.lesson-stage-card .eyebrow,.lesson-step-stage .eyebrow{color:#4b5563}.lesson-stage-topline{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.lesson-stage-intro{grid-template-columns:minmax(0,1fr) minmax(120px,150px);align-items:end;gap:clamp(14px,3vw,28px);min-width:0;display:grid}.lesson-stage-intro h1{overflow-wrap:anywhere;max-width:15ch;font-size:clamp(2rem,5vh,4.2rem);line-height:.94}.lesson-stage-intro p{max-width:70ch;margin-top:var(--space-3);color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lesson-stage-meter{justify-items:end;gap:var(--space-1);color:#374151;text-transform:uppercase;font-weight:900;display:grid}.lesson-stage-meter strong{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2.5rem,8vh,4.5rem);line-height:.9}.lesson-step-stage{color:#111827;gap:var(--space-4);border-radius:var(--radius-xl);background:#fff;border:2px solid #e5e7eb;border-bottom-width:4px;grid-template-columns:52px minmax(0,1fr);min-height:0;padding:clamp(14px,2.2vw,22px);display:grid;overflow:hidden}.lesson-step-stage .lesson-step-body{align-content:start;min-height:0;overflow:hidden}.lesson-step-stage .lesson-step-title h2{font-size:clamp(1.35rem,3vh,2rem);line-height:1.05}.lesson-step-stage p{color:#1f2937;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lesson-example-stack{gap:var(--space-3);min-width:0;display:grid}.lesson-step-stage .lesson-example-code{color:#f8fafc;overflow-wrap:normal;white-space:pre;background:#111827;max-height:clamp(120px,26vh,240px);overflow:auto}.lesson-output-pair{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));min-width:0;display:grid}.lesson-output-box{border-radius:var(--radius-lg);background:#fff;border:2px solid #d1d5db;border-bottom-width:4px;min-width:0;overflow:visible}.lesson-output-box h3{color:#374151;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid #e5e7eb;padding:8px 12px;font-size:.72rem;font-weight:900}.lesson-output-box pre{color:#111827;white-space:pre;background:#f8fafc;margin:0;padding:12px;font-size:.86rem;line-height:1.45;overflow-x:auto}.lesson-result-box pre{font-weight:900}.lesson-result-compile-time-error h3{color:#b45309}.lesson-result-runtime-exception h3,.lesson-result-runtime-error h3{color:#c7352b}.lesson-stderr-box pre{color:#f8fafc;background:#111827;font-size:.78rem}.lesson-edge-nav{z-index:8;border-radius:var(--radius-pill);color:#111827;width:clamp(42px,5.5vw,58px);height:clamp(76px,14vh,116px);font-family:var(--font-display);cursor:pointer;background:#fff;border:2px solid #d1d5db;border-bottom-width:5px;place-items:center;font-size:clamp(2rem,4.8vw,3.4rem);font-weight:900;line-height:1;transition:transform .16s,border-color .16s,background .16s,color .16s;display:grid;position:absolute;top:calc(50% + 20px);transform:translateY(-50%);box-shadow:0 14px 24px #1118271a}.lesson-edge-nav:after{border-radius:var(--radius-lg);color:#fff;content:attr(data-shortcuts);font-family:var(--font-body);letter-spacing:.08em;opacity:0;pointer-events:none;text-transform:uppercase;white-space:nowrap;background:#111827;border:2px solid #111827;padding:8px 10px;font-size:.78rem;font-weight:900;transition:opacity 80ms,transform 80ms;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px)}.lesson-edge-nav:hover:not(:disabled),.lesson-edge-nav:focus-visible:not(:disabled){color:#166534;background:#f0fdf4;border-color:#22c55e;transform:translateY(-50%)scale(1.03)}.lesson-edge-nav:hover:not(:disabled):after,.lesson-edge-nav:focus-visible:not(:disabled):after{opacity:1;transition:opacity .14s .52s,transform .14s .52s;transform:translate(-50%)}.lesson-edge-nav:disabled{opacity:.24;cursor:default}.lesson-edge-left{left:0}.lesson-edge-right{right:0}.workspace-shell.workspace-stage.workspace-lesson-stage{overscroll-behavior:contain;height:100%;padding-bottom:clamp(18px,2.5vw,32px);display:block;overflow:hidden auto}.workspace-lesson-stage .lesson-stage-view{gap:var(--space-4);grid-template-rows:auto minmax(0,1fr);height:auto;min-height:100%;max-height:none;overflow:visible}.workspace-lesson-stage .lesson-stage-card{grid-template-rows:auto auto auto;overflow:visible}.workspace-lesson-stage .lesson-intro-card{grid-template-rows:auto minmax(0,1fr)}.workspace-lesson-stage .lesson-rule-card{grid-template-rows:minmax(0,1fr)}.workspace-lesson-stage .lesson-stage-intro h1{max-width:22ch;font-size:clamp(2rem,4vw,3.35rem);line-height:.98}.workspace-lesson-stage .lesson-stage-intro p,.workspace-lesson-stage .lesson-step-stage p{-webkit-line-clamp:unset;display:block;overflow:visible}.workspace-lesson-stage .lesson-step-stage,.workspace-lesson-stage .lesson-step-stage .lesson-step-body{overflow:visible}.workspace-lesson-stage .lesson-step-stage .lesson-example-code{max-height:none;overflow:auto visible}.workspace-lesson-stage .lesson-output-box{overflow-x:auto}.workspace-stage .clone-quiz-view{width:min(1320px,100%);height:100%;min-height:0;max-height:100%;overflow:hidden}.workspace-stage .clone-quiz-header{padding:8px 0 12px}.workspace-stage .clone-quiz-body{place-items:center;padding:clamp(6px,1.4vh,14px) 0;overflow:hidden}.workspace-stage .clone-quiz-content{gap:clamp(12px,2vh,20px);max-height:100%;overflow:hidden}.workspace-stage .clone-quiz-content.has-question-code{width:min(1260px,100%)}.workspace-stage .clone-quiz-content h1{max-width:28ch;font-size:clamp(1.35rem,3.2vh,2rem)}.workspace-stage .clone-quiz-content.has-question-code h1{max-width:100%}.workspace-stage .clone-question-code{max-height:clamp(180px,38vh,420px)}.workspace-stage .clone-answer-field{gap:10px}.workspace-stage .clone-answer-field>textarea{resize:none;min-height:92px;max-height:124px}.workspace-stage .answer-shortcut{min-height:38px}.workspace-stage .runtime-name-field input,.workspace-stage .runtime-output-field textarea{height:52px;min-height:52px}.workspace-stage .runtime-output-field textarea{max-height:none}.workspace-stage .clone-answer-footer{min-height:64px;position:static}@media (width>=900px){.workspace-stage .clone-quiz-content.has-question-code .clone-question-layout{grid-template-columns:minmax(420px,1.12fr) minmax(420px,.88fr);align-items:start;gap:clamp(22px,2.6vw,34px)}.workspace-stage .clone-quiz-content.has-question-code .clone-question-code{max-height:clamp(340px,72vh,820px)}.workspace-stage .clone-quiz-content.has-question-code .clone-answer-field>textarea{min-height:clamp(200px,40vh,380px);max-height:min(52vh,520px)}}@media (width>=1025px){.product-shell{padding-left:224px}.workspace-shell{height:100dvh;padding-top:28px}}@media (width<=1180px){.duo-home{grid-template-columns:minmax(0,760px);justify-content:center}.duo-side-panel{position:static}.league-view{grid-template-columns:1fr}}@media (width<=760px){.workspace-shell{padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.workspace-shell.workspace-stage{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.lesson-stage-view{width:100%}.workspace-lesson-stage .lesson-stage-view{gap:var(--space-3)}.lesson-stage-header{padding-bottom:10px}.lesson-stage-card{padding:var(--space-4)}.lesson-stage-intro{grid-template-columns:1fr;align-items:start}.lesson-stage-intro h1{max-width:none;font-size:clamp(1.75rem,6.5vw,2.4rem)}.lesson-stage-meter{display:none}.lesson-step-stage{gap:var(--space-3);padding:var(--space-4);grid-template-columns:40px minmax(0,1fr)}.lesson-output-pair{grid-template-columns:1fr}.lesson-edge-nav{width:38px;height:72px;font-size:1.9rem;top:calc(50% + 18px)}.lesson-edge-nav:after{display:none}.duo-home{gap:var(--space-5)}.duo-unit-card{grid-template-columns:1fr;grid-template-areas:"copy""progress""actions"}.duo-user-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.duo-progress-button{gap:6px;font-size:.84rem}.duo-progress-button img{width:24px;height:24px}.duo-progress-button.points img{width:20px;height:32px}.clone-quiz-view{width:100%;min-height:calc(100dvh - 146px)}.clone-quiz-content h1{max-width:none}.clone-answer-footer{align-items:stretch;gap:var(--space-2);min-height:92px;padding:var(--space-3);flex-direction:column}.quiz-footer-feedback{align-items:center}.quiz-footer-actions{width:100%}.quiz-footer-actions .button-primary,.quiz-footer-actions .button-secondary{flex:1 1 0;min-width:0}.leaderboard-row{grid-template-columns:42px minmax(0,1fr) minmax(68px,auto)}.leaderboard-row em{display:none}}