:root{--navy:#12355b;--navy-light:#18466f;--teal:#1fa6a2;--teal-light:#dff2ee;--amber:#f2c15b;--amber-light:#fef7e0;--cream:#f7f4ec;--coral:#d9795d;--coral-light:#fce6de;--bg:var(--cream);--card:#fff;--ink:#21313f;--muted:#5f6f80;--line:#d7e2ed;--success:#0f7c4a;--success-bg:#e6f7ef;--error:#b64e2f;--error-bg:#fef0ec;--hint:#875f00;--hint-bg:#fef7e0;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--font-display:"Outfit", system-ui, sans-serif;--font-body:ui-rounded, "Segoe UI", "Verdana", "Trebuchet MS", system-ui, -apple-system, sans-serif;--shadow-sm:0 2px 8px #12355b0f;--shadow-md:0 8px 24px #12355b1a;--shadow-lg:0 18px 38px #12355b21;--shadow-glow:0 0 0 3px #1fa6a240;--radius-xl:28px;--radius-full:999px;--sp-9:48px;--sp-10:64px;--font-mono:"SF Mono", "Cascadia Code", "Fira Code", monospace;--fs-base:1.0625rem;--lh-base:1.65;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--theme-accent:var(--teal);--theme-accent-light:var(--teal-light)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);font-size:var(--fs-base);line-height:var(--lh-base);letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;background:0 0;border:none}img,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;line-height:1.2}.app{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy) 0%, var(--navy-light) 100%);color:#fff;height:100vh;padding:var(--sp-6) var(--sp-5);gap:var(--sp-4);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{align-items:center;gap:var(--sp-3);display:flex}.sidebar-badge{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--amber), var(--teal));width:48px;height:48px;color:var(--navy);flex-shrink:0;place-items:center;font-size:1.4rem;font-weight:900;display:grid;box-shadow:0 6px 16px #00000040}.sidebar-title{font-family:var(--font-display);font-size:.95rem;font-weight:800;line-height:1.15}.sidebar-subtitle{color:#ffffffb3;margin-top:2px;font-size:.78rem}.student-info{border-radius:var(--radius-md);padding:var(--sp-3);background:#ffffff1a;border:1px solid #ffffff26}.student-info label{text-transform:uppercase;letter-spacing:.06em;color:#fff9;margin:var(--sp-2) 0 var(--sp-1);font-size:.72rem;font-weight:700;display:block}.student-info label:first-child{margin-top:0}.student-info input{border-radius:var(--radius-sm);width:100%;color:var(--ink);transition:box-shadow var(--duration-fast) ease;background:#fff;border:none;padding:8px 10px;font-size:.9rem}.student-info input:focus{box-shadow:var(--shadow-glow);outline:none}.xp-container{border-radius:var(--radius-md);padding:var(--sp-3);background:#ffffff14}.xp-header{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.xp-label{text-transform:uppercase;letter-spacing:.05em;color:var(--amber);font-size:.78rem;font-weight:800}.xp-value{font-family:var(--font-display);color:#fff;font-size:.85rem;font-weight:800}.xp-bar-track{border-radius:var(--radius-full);background:#ffffff1f;height:8px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--amber), var(--teal));border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out);width:0%}.phase-nav{gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.phase-btn{gap:var(--sp-2);text-align:left;color:#fff;border-radius:var(--radius-md);width:100%;transition:all var(--duration-fast) ease;background:#ffffff0d;border:1px solid #ffffff1f;grid-template-columns:36px 1fr auto;align-items:center;padding:10px 12px;font-size:.88rem;font-weight:700;display:grid}.phase-btn:hover:not(.locked){background:#ffffff1f;transform:translate(2px)}.phase-btn.active{color:var(--navy);background:#fff;border-color:#fff;font-weight:800;box-shadow:0 6px 18px #0003}.phase-btn.completed{background:#1fa6a21f;border-color:#1fa6a266}.phase-btn.locked{opacity:.4;cursor:not-allowed}.phase-btn:not(.active):not(.completed):not(.locked){cursor:pointer}.phase-num{width:36px;height:36px;color:var(--amber);transition:all var(--duration-fast) ease;background:#ffffff1f;border-radius:10px;place-items:center;font-size:.85rem;font-weight:900;display:grid}.phase-btn.active .phase-num{background:var(--teal);color:#fff}.phase-btn.completed .phase-num{background:var(--success);color:#fff}.phase-stars{gap:2px;font-size:.7rem;display:flex}.phase-stars .star{opacity:.25}.phase-stars .star.earned{opacity:1;color:var(--amber)}.main{padding:var(--sp-7);width:100%;max-width:1000px}.phase{animation:phaseIn .35s var(--ease-out);display:none}.phase.active{display:block}@keyframes phaseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--sp-6);margin-bottom:var(--sp-5);border:1px solid #12355b12}.card-compact{padding:var(--sp-4);border-radius:var(--radius-md)}.card-teal{background:var(--teal-light);border-color:#1fa6a226}.card-amber{background:var(--amber-light);border-color:#f2c15b40}.card-coral{background:var(--coral-light);border-color:#d9795d33}.section-header{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.section-icon{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.5rem;display:grid}.section-icon-teal{background:var(--teal);color:#fff}.section-icon-amber{background:var(--amber);color:var(--navy)}.section-icon-coral{background:var(--coral);color:#fff}.section-icon-navy{background:var(--navy);color:#fff}.section-title{color:var(--navy);letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.section-desc{color:var(--muted);margin-top:3px;font-size:1rem;line-height:1.5}.badge{align-items:center;gap:var(--sp-1);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.badge-amber{background:var(--amber);color:var(--navy)}.badge-teal{background:var(--teal);color:#fff}.badge-navy{background:var(--navy);color:#fff}.badge-success{background:var(--success);color:#fff}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius-md);letter-spacing:.01em;transition:all var(--duration-fast) ease;min-height:46px;padding:12px 24px;font-size:1.02rem;font-weight:800;display:inline-flex}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 4px 12px #1fa6a24d}.btn-primary:hover{background:#1a918e;transform:translateY(-1px);box-shadow:0 6px 18px #1fa6a266}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--navy);border:2px solid var(--line);background:#fff}.btn-secondary:hover{border-color:var(--teal);color:var(--teal)}.btn-amber{background:var(--amber);color:var(--navy);box-shadow:0 4px 12px #f2c15b4d}.btn-amber:hover{background:#e5b54e;transform:translateY(-1px)}.btn-lg{border-radius:var(--radius-lg);padding:14px 32px;font-size:1.05rem}.text-input{border:2px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--ink);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;resize:vertical;background:#fff;padding:12px 14px;font-size:.95rem}.text-input:focus{border-color:var(--teal);box-shadow:var(--shadow-glow);outline:none}.text-input::placeholder{color:var(--muted);opacity:.6}.sentence-frame{border-radius:var(--radius-md);padding:var(--sp-4);margin:var(--sp-3) 0;background:#1fa6a20f;border:2px dashed #1fa6a240;font-size:1.05rem;line-height:1.7}.sentence-frame .blank{border-bottom:2px solid var(--teal);min-width:120px;color:var(--teal);margin:0 4px;padding:2px 4px;font-weight:700;display:inline-block}.feedback{padding:var(--sp-4);border-radius:var(--radius-md);animation:feedbackIn .3s var(--ease-spring);font-size:1rem;font-weight:600;line-height:1.5;display:none}.feedback.visible{gap:var(--sp-3);align-items:flex-start;display:flex}.feedback-icon{border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:900;display:grid}.feedback-success{background:var(--success-bg);color:var(--success);border:1px solid #0f7c4a26}.feedback-success .feedback-icon{background:var(--success);color:#fff}.feedback-hint{background:var(--hint-bg);color:var(--hint);border:1px solid #875f0026}.feedback-hint .feedback-icon{background:var(--hint);color:#fff}.feedback-error{background:var(--error-bg);color:var(--error);border:1px solid #b64e2f26}.feedback-error .feedback-icon{background:var(--error);color:#fff}@keyframes feedbackIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:none}}.grid-2{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-main-side{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.vocab-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);border:1px solid var(--line);width:100%;overflow:hidden}.vocab-table th{background:var(--navy);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;font-size:.88rem;font-weight:800}.vocab-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px;font-size:1.02rem;line-height:1.55}.vocab-table tr:nth-child(2n) td{background:#f8fbfc}.vocab-table tr:last-child td{border-bottom:none}.drag-zone{border:2px dashed var(--line);border-radius:var(--radius-md);min-height:80px;padding:var(--sp-3);gap:var(--sp-2);transition:all var(--duration-fast) ease;flex-wrap:wrap;display:flex}.drag-zone.over{border-color:var(--teal);background:#1fa6a20d}.drag-item{border:2px solid var(--line);border-radius:var(--radius-md);cursor:grab;-webkit-user-select:none;user-select:none;transition:all var(--duration-fast) var(--ease-spring);box-shadow:var(--shadow-sm);background:#fff;align-items:center;padding:8px 16px;font-size:1rem;font-weight:700;display:inline-flex}.drag-item:active{cursor:grabbing;box-shadow:var(--shadow-md);transform:scale(1.05)}.drag-item.correct{border-color:var(--success);background:var(--success-bg)}.drag-item.incorrect{border-color:var(--error);background:var(--error-bg);animation:.4s shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.celebration-overlay{pointer-events:none;z-index:1000;position:fixed;inset:0}.confetti-piece{opacity:0;width:10px;height:10px;position:absolute}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)scale(1)}to{opacity:0;transform:translateY(100vh)rotate(720deg)scale(.5)}}.phase-complete-banner{text-align:center;padding:var(--sp-8) var(--sp-6);animation:bannerIn .5s var(--ease-spring);display:none}.phase-complete-banner.visible{display:block}.phase-complete-banner h3{color:var(--navy);margin-bottom:var(--sp-2);font-size:1.8rem}.phase-complete-xp{font-family:var(--font-display);color:var(--amber);font-size:2.4rem;font-weight:900}@keyframes bannerIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.star-display{margin:var(--sp-3) 0;justify-content:center;gap:4px;display:flex}.star-display .star-icon{opacity:.2;transition:all .3s var(--ease-spring);font-size:2rem}.star-display .star-icon.earned{opacity:1;color:var(--amber);animation:starPop .4s var(--ease-spring)}@keyframes starPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes correctPop{0%{box-shadow:0 0 #0f7c4a66}70%{box-shadow:0 0 0 12px #0f7c4a00}to{box-shadow:0 0 #0f7c4a00}}.pop-correct{animation:.5s correctPop}.streak-display{z-index:900;color:#fff;border-radius:var(--radius-full);font-family:var(--font-display);opacity:0;transition:all .3s var(--ease-spring);pointer-events:none;background:linear-gradient(135deg,#ff6b35,#f2c15b);align-items:center;gap:6px;padding:8px 16px;font-size:1rem;font-weight:900;display:flex;position:fixed;top:16px;right:16px;transform:scale(.8)translateY(-10px);box-shadow:0 4px 16px #ff6b3566}.streak-display.visible{opacity:1;transform:scale(1)translateY(0)}.streak-fire{font-size:1.2rem}.streak-count{min-width:1ch}.streak-bump{animation:streakBump .3s var(--ease-spring)}@keyframes streakBump{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.streak-badge{margin-top:var(--sp-3);color:var(--coral);font-size:.88rem;font-weight:700}.card{transition:transform .15s,box-shadow .15s}.match-card{perspective:600px;transition:transform .2s var(--ease-spring)}.match-card:hover:not(.matched):not(.flipped){transform:translateY(-3px)}.match-card-inner{transition:transform .4s var(--ease-out);transform-style:preserve-3d}.match-card.flipped .match-card-inner{transform:rotateY(180deg)}.match-card.matched{animation:matchPop .4s var(--ease-spring)}@keyframes matchPop{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.nl-marker{transition:left .2s var(--ease-spring)}.nl-marker.snapped{animation:markerSnap .3s var(--ease-spring)}@keyframes markerSnap{0%{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.3)}to{transform:translateY(-50%)scale(1)}}.cg-point{animation:pointAppear .3s var(--ease-spring)}@keyframes pointAppear{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.fill-cell input:focus{box-shadow:var(--shadow-glow);border-color:var(--teal)}.fill-cell.cell-correct{background:var(--success-bg);animation:.3s cellCheck}.fill-cell.cell-correct:after{content:"✓";color:var(--success);font-weight:900;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@keyframes cellCheck{0%{background:#fff}to{background:var(--success-bg)}}.mc-option{transition:all .15s}.mc-option:hover:not(.selected):not(.correct):not(.wrong){border-color:var(--teal);box-shadow:var(--shadow-sm);transform:translate(4px)}.mc-option.correct{border-color:var(--success);background:var(--success-bg);animation:.5s correctPop}.mc-option.wrong{border-color:var(--error);background:var(--error-bg);animation:.4s shake}.scale-beam{transition:transform .5s var(--ease-spring);transform-origin:50%}.scale-beam.tilt-left{transform:rotate(-8deg)}.scale-beam.tilt-right{transform:rotate(8deg)}.scale-beam.balanced{transform:rotate(0)}.ea-step{opacity:0;animation:.3s forwards stepReveal;transform:translateY(8px)}.ea-step:first-child{animation-delay:0s}.ea-step:nth-child(2){animation-delay:.1s}.ea-step:nth-child(3){animation-delay:.2s}.ea-step:nth-child(4){animation-delay:.3s}@keyframes stepReveal{to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app{grid-template-columns:1fr}.sidebar{height:auto;padding:var(--sp-3) var(--sp-4);gap:var(--sp-3);flex-flow:wrap;position:relative}.phase-nav{flex-flow:row;overflow-x:auto}.phase-btn{white-space:nowrap;grid-template-columns:28px auto;min-width:max-content;padding:8px 10px;font-size:.78rem}.phase-stars{display:none}.main{padding:var(--sp-4)}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.btn{min-height:48px}.drag-item{padding:10px 18px;font-size:1rem}.streak-display{top:auto;bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:3px solid var(--teal);outline-offset:2px}@media (width<=1100px){.app{grid-template-columns:220px minmax(0,1fr)}.main{padding:var(--sp-5)}.grid-main-side{grid-template-columns:1fr}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.app:has(.identity-screen){display:block}.identity-screen{min-height:100vh;padding:var(--sp-6);background:var(--cream);place-items:center;display:grid}.identity-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--sp-8) var(--sp-6);text-align:center;background:#fff;width:100%;max-width:420px}.identity-emoji{margin-bottom:var(--sp-3);font-size:3rem}.identity-title{color:var(--navy);margin:0 0 var(--sp-1);font-size:1.4rem;font-weight:800}.identity-sub{color:var(--muted);margin-bottom:var(--sp-6);font-size:.85rem}.identity-form{gap:var(--sp-2);text-align:left;flex-direction:column;display:flex}.identity-form label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.identity-form input{border:2px solid var(--line);border-radius:var(--radius-md);transition:border-color var(--duration-fast) ease;padding:10px 14px;font-size:1rem}.identity-form input:focus{border-color:var(--teal);outline:none}.identity-btn{margin-top:var(--sp-3);background:var(--teal);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--duration-fast) ease;border:none;padding:12px;font-size:1rem;font-weight:700}.identity-btn:disabled{opacity:.4;cursor:not-allowed}.identity-btn:not(:disabled):hover{opacity:.9}.identity-saved{margin-top:var(--sp-5);border-top:1px solid var(--line);padding-top:var(--sp-4);text-align:left}.identity-saved-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-2);font-size:.78rem;font-weight:700}.identity-saved-btn{text-align:left;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--cream);cursor:pointer;width:100%;margin-bottom:var(--sp-2);transition:all var(--duration-fast) ease;padding:10px 14px;font-size:.85rem;display:block}.identity-saved-btn:hover,.identity-saved-btn.match{border-color:var(--teal);background:var(--teal-light)}.student-name-display{color:var(--navy);font-size:.9rem;font-weight:700}.student-period-display{color:var(--muted);font-size:.8rem}.export-toolbar{z-index:950;justify-content:flex-end;align-items:center;gap:var(--sp-2);padding:6px var(--sp-4);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f7f4eceb;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #12355b0f}.export-btn{border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) ease;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;font-weight:700;line-height:1;display:inline-flex}.export-btn svg{flex-shrink:0}.export-btn-primary{background:var(--navy);color:#fff;box-shadow:0 2px 8px #12355b33}.export-btn-primary:hover{background:var(--teal);transform:translateY(-1px);box-shadow:0 4px 12px #1fa6a24d}.export-btn-secondary{color:var(--navy);border:1.5px solid var(--line);background:#fff}.export-btn-secondary:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-1px)}.export-btn-success{background:var(--success)!important;color:#fff!important;border-color:var(--success)!important}body:has(.export-toolbar) .app{margin-top:42px}body:has(.identity-screen) .export-toolbar{display:none}@media (width<=768px){.export-toolbar{padding:5px var(--sp-3);gap:var(--sp-1)}.export-btn{padding:6px 10px;font-size:.75rem}.export-btn-primary span{display:none}.export-btn-primary:after{content:"Save"}body:has(.export-toolbar) .app{margin-top:38px}}.level-selector{margin-bottom:var(--sp-5)}.level-selector-intro{color:var(--muted);margin-bottom:var(--sp-3);font-size:.85rem;font-weight:700}.level-selector-row{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.level-option{gap:var(--sp-1);text-align:left;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--card);cursor:pointer;flex-direction:column;min-height:64px;padding:12px 14px;transition:all .15s;display:flex}.level-option:hover{border-color:var(--teal)}.level-option.selected{border-color:var(--teal);background:var(--teal-light)}.level-option:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.level-option-title{color:var(--navy);font-size:.95rem;font-weight:800}.level-option-blurb{color:var(--muted);font-size:.78rem;line-height:1.35}@media (width<=640px){.level-selector-row{grid-template-columns:1fr}}:root{--navy:#12355b;--navy-light:#18466f;--teal:#1fa6a2;--teal-light:#dff2ee;--amber:#f2c15b;--amber-light:#fef7e0;--cream:#f7f4ec;--coral:#d9795d;--coral-light:#fce6de;--bg:var(--cream);--card:#fff;--ink:#21313f;--muted:#5f6f80;--line:#d7e2ed;--success:#0f7c4a;--success-bg:#e6f7ef;--error:#b64e2f;--error-bg:#fef0ec;--hint:#875f00;--hint-bg:#fef7e0;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--font-display:"Outfit", system-ui, sans-serif;--font-body:Calibri, "Segoe UI", system-ui, sans-serif}.flagship-mission{z-index:9000;padding:var(--sp-5);background:radial-gradient(circle at 30% 20%, #1fa6a259, transparent 55%), radial-gradient(circle at 75% 80%, #f2c15b4d, transparent 55%), var(--navy);animation:flagshipFade .4s var(--ease-out,ease) both;place-items:center;display:grid;position:fixed;inset:0}.flagship-mission.leaving{animation:.35s forwards flagshipFadeOut}.flagship-mission-card{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:600px;padding:var(--sp-8) var(--sp-7);text-align:center;animation:flagshipRise .5s var(--ease-spring,ease) both .1s;box-shadow:0 24px 70px #0006}.flagship-mission-emoji{margin-bottom:var(--sp-3);font-size:3.4rem;line-height:1}.flagship-mission-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--teal);margin-bottom:var(--sp-2);font-size:.74rem;font-weight:800}.flagship-mission-title{font-family:var(--font-display);color:var(--navy);margin:0 0 var(--sp-4);font-size:2rem}.flagship-mission-story{color:var(--ink);margin:0 0 var(--sp-5);font-size:1.05rem;line-height:1.65}.flagship-mission-objective{background:var(--teal-light);border-radius:var(--radius-md);padding:var(--sp-4);text-align:left;margin-bottom:var(--sp-5)}.flagship-mission-objective span{color:var(--teal);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:800}.flagship-mission-objective p{margin:var(--sp-2) 0 0;color:var(--ink);line-height:1.5}.flagship-mission-start{width:100%}.flagship-scene-hud{gap:var(--sp-4);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-5);animation:flagshipRise .4s var(--ease-out,ease) both;background:linear-gradient(100deg,#12355b0f,#1fa6a214);align-items:center;display:flex}.flagship-scene-icon{font-size:1.8rem;line-height:1}.flagship-scene-name{font-family:var(--font-display);color:var(--navy);font-size:1.02rem;font-weight:800}.flagship-scene-text{color:var(--muted);margin-top:2px;font-size:.9rem;line-height:1.5}.flagship-finale{z-index:9500;pointer-events:none;opacity:0;place-items:center;transition:opacity .4s;display:grid;position:fixed;inset:0}.flagship-finale.visible{opacity:1}.flagship-finale-card{text-align:center;background:var(--card);border-radius:var(--radius-lg);padding:var(--sp-7) var(--sp-8);transition:transform .4s var(--ease-spring,ease);transform:scale(.9);box-shadow:0 24px 70px #00000059}.flagship-finale.visible .flagship-finale-card{transform:scale(1)}.flagship-finale-emoji{font-size:3.6rem}.flagship-finale-title{font-family:var(--font-display);color:var(--navy);margin:var(--sp-3) 0 var(--sp-2);font-size:1.8rem;font-weight:900}.flagship-finale-text{color:var(--muted);max-width:420px;margin:0;line-height:1.55}@keyframes flagshipFade{0%{opacity:0}to{opacity:1}}@keyframes flagshipFadeOut{to{opacity:0}}@keyframes flagshipRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
/*$vite$:1*/