:root{color-scheme:dark;--bg:#07111f;--panel:#0b1728;--panel2:#101f33;--text:#f8fafc;--muted:#94a3b8;--green:#34d399;--mint:#5eead4;--violet:#c4b5fd;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Manrope,"Segoe UI",Arial,sans-serif}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,17,31,.72),rgba(7,17,31,.48) 48%,rgba(7,17,31,.66)),linear-gradient(0deg,rgba(7,17,31,.62),rgba(7,17,31,.08) 62%,rgba(7,17,31,.45)),url("quest-background.jpg") center/cover no-repeat;opacity:.82}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.grid-bg{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.glow{position:fixed;border-radius:999px;filter:blur(110px);opacity:.22;pointer-events:none}.glow-a{width:440px;height:440px;left:-180px;top:-120px;background:#10b981}.glow-b{width:520px;height:520px;right:-220px;top:100px;background:#8b5cf6}
.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:auto;padding:24px 28px}.brand,.header-meta{display:flex;align-items:center;gap:12px}.brand{font-weight:900}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:14px;background:var(--green);color:var(--bg);font-weight:950;box-shadow:0 0 30px rgba(52,211,153,.25)}.brand-mark.small{flex:0 0 auto}.class-label{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.045);color:#cbd5e1;font-size:12px;font-weight:800;letter-spacing:.04em}.score-badge{display:inline-grid;min-width:62px;height:40px;place-items:center;border:1px solid rgba(94,234,212,.2);border-radius:12px;background:rgba(94,234,212,.08);color:var(--mint);font-family:Consolas,monospace;font-size:12px;font-weight:900}.grade-badge{display:inline-grid;height:40px;place-items:center;border:1px solid rgba(250,204,21,.25);border-radius:12px;padding:0 13px;background:rgba(250,204,21,.1);color:#fde68a;font-size:12px;font-weight:950}
.screen{display:none;position:relative;z-index:2}.screen.active{display:grid}.landing{grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;max-width:1180px;margin:auto;padding:65px 28px 80px}.eyebrow,.label{margin:0;color:var(--mint);font-family:Consolas,monospace;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.label{color:var(--muted);font-family:inherit;font-size:11px}.hero-copy>h1{margin:20px 0 0;font-size:clamp(52px,7vw,78px);line-height:.93;letter-spacing:-.065em}.hero-copy>h1 span{color:transparent;background:linear-gradient(100deg,var(--mint),var(--violet));background-clip:text;-webkit-background-clip:text}.lead{max-width:700px;margin:26px 0 0;color:#cbd5e1;font-size:18px;line-height:1.75}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pills span{border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.045);color:#cbd5e1;font-size:13px}.pills strong{color:white}
.login-form{max-width:630px;margin-top:32px;padding:22px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035)}.login-grid{display:grid;grid-template-columns:1fr 1fr 90px;gap:10px;margin:12px 0 15px}.login-grid label>span{display:block;margin:0 0 7px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.login-grid input,.answer-input{width:100%;min-height:52px;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:0 15px;background:rgba(255,255,255,.055);color:white;outline:0}.login-grid input:focus,.answer-input:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(94,234,212,.12)}.form-message{min-height:20px;margin-bottom:8px;color:#fda4af;font-size:13px}.hero-actions,.finish-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}
.primary-button,.secondary-button{min-height:50px;border-radius:16px;padding:0 23px;font-weight:950;transition:.18s}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;background:var(--green);color:var(--bg);box-shadow:0 12px 38px rgba(52,211,153,.2)}.primary-button:hover:not(:disabled){transform:translateY(-2px);background:var(--mint)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.primary-button.compact{min-height:46px;font-size:14px}.secondary-button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#e2e8f0}.secondary-button:hover{background:rgba(255,255,255,.1)}.link-button{border:0;background:transparent;color:#94a3b8;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.link-button:hover{color:white}
.console-card{position:relative;border:1px solid var(--line);border-radius:32px;padding:27px;background:linear-gradient(145deg,rgba(9,24,43,.88),rgba(7,17,31,.72));box-shadow:0 28px 80px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.console-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.console-head h2{margin:5px 0 0;font-size:20px}.status-light{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.character-squad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 13px}.character-squad>div{position:relative;display:flex;align-items:center;min-height:76px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035)}.character-squad img{width:56px;height:72px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 12px rgba(0,0,0,.3))}.character-squad span{display:block;color:#64748b;font-size:8px;font-weight:800;line-height:1.35;text-transform:uppercase}.character-squad strong{display:block;color:#e2e8f0;font-size:11px;text-transform:none}.sector-map{display:grid;gap:8px}.sector-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:43px;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:6px 12px;background:rgba(7,17,31,.62);color:#cbd5e1}.sector-row.done{border-color:rgba(52,211,153,.19);background:rgba(52,211,153,.06);color:#d1fae5}.sector-number{display:grid;width:34px;height:28px;place-items:center;border-radius:9px;background:rgba(255,255,255,.07);color:#94a3b8;font-family:Consolas,monospace;font-size:11px;font-weight:900}.sector-row.done .sector-number{background:var(--green);color:var(--bg)}.sector-row strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sector-row small{color:#64748b;font-family:Consolas,monospace;font-size:10px}
.quest-screen{display:none}.quest-screen.active{display:block}.quest-topbar{display:flex;align-items:center;gap:16px;max-width:1280px;margin:auto;padding:16px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(7,17,31,.72);backdrop-filter:blur(16px)}.progress-block{flex:1}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.progress-track{height:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.09)}.progress-bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--mint));transition:width .4s}.quest-layout{display:grid;grid-template-columns:225px 1fr;gap:22px;max-width:1280px;margin:auto;padding:28px 24px 50px}.mission-list-panel{border:1px solid var(--line);border-radius:26px;padding:18px 13px;background:rgba(255,255,255,.035)}.mission-list-panel>.label{padding:0 10px 12px}.mission-nav{display:flex;align-items:center;gap:10px;min-height:57px;border:1px solid transparent;border-radius:15px;padding:7px;color:#64748b}.mission-nav.active{border-color:rgba(94,234,212,.18);background:rgba(94,234,212,.07);color:white}.mission-nav.done{color:#94a3b8}.mission-nav>span{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border-radius:11px;background:rgba(255,255,255,.06);font-family:Consolas,monospace;font-size:10px;font-weight:900}.mission-nav.active>span{background:var(--mint);color:var(--bg)}.mission-nav.done>span{background:rgba(52,211,153,.12);color:#6ee7b7}.mission-nav div{min-width:0}.mission-nav strong,.mission-nav small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-nav strong{font-size:13px}.mission-nav small{margin-top:3px;color:#64748b;font-size:10px}
.mission-shell{display:grid;grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);min-height:690px;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:var(--panel);box-shadow:0 28px 90px rgba(0,0,0,.3)}.mission-story{display:flex;flex-direction:column;justify-content:space-between;padding:38px;background:radial-gradient(circle at 20% 15%,rgba(52,211,153,.13),transparent 38%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.16),transparent 43%),rgba(12,26,45,.94)}.protocol-line{display:flex;align-items:center;gap:12px}.protocol-line i{height:1px;flex:1;background:var(--line)}.protocol{border:1px solid rgba(94,234,212,.18);border-radius:999px;padding:7px 11px;background:rgba(94,234,212,.06);color:var(--mint);font-family:Consolas,monospace;font-size:10px;font-weight:900;letter-spacing:.12em}.sector-label{margin:28px 0 0;color:#6ee7b7;font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.mission-story h1{margin:12px 0 0;font-size:clamp(38px,4vw,54px);line-height:.98;letter-spacing:-.05em}.mission-story h1+p{margin:20px 0 0;color:#cbd5e1;line-height:1.68}.story-bottom{margin-top:24px}.guide-card{display:flex;align-items:center;gap:12px;min-height:102px;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:7px 12px 7px 4px;background:linear-gradient(100deg,rgba(94,234,212,.09),rgba(139,92,246,.08));overflow:hidden}.guide-card img{width:84px;height:96px;flex:0 0 auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 15px rgba(0,0,0,.35))}.guide-card strong{color:#f8fafc}.guide-card p{margin:5px 0 0;color:#cbd5e1;font-size:12px;line-height:1.45}.key-area{margin-top:17px}.key-fragment{max-width:280px;margin-top:8px;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:13px 17px;background:rgba(7,17,31,.55);color:#475569;font-family:Consolas,monospace;font-size:20px;font-weight:900;letter-spacing:.15em}.key-fragment.unlocked{border-color:rgba(52,211,153,.3);color:#6ee7b7}.task-panel{display:flex;flex-direction:column;justify-content:center;padding:44px;background:linear-gradient(145deg,rgba(16,31,51,.97),rgba(11,23,40,.97))}.task-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.task-heading h2{margin:12px 0 0;font-size:clamp(24px,2.3vw,32px);line-height:1.25;letter-spacing:-.025em}.options{display:grid;gap:10px;margin-top:28px}.answer-option{display:flex;align-items:center;gap:14px;min-height:59px;border:1px solid var(--line);border-radius:16px;padding:11px 15px;text-align:left;background:rgba(255,255,255,.035);color:#e2e8f0;transition:.16s}.answer-option:hover:not(:disabled){border-color:rgba(94,234,212,.42);transform:translateX(3px)}.answer-option.selected{border-color:var(--mint);background:rgba(94,234,212,.1)}.answer-option>span{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);color:#94a3b8;font-family:Consolas,monospace;font-size:11px}.answer-option.selected>span{background:var(--mint);color:var(--bg)}.answer-option strong{line-height:1.45}.answer-input{margin-top:9px;font-family:Consolas,monospace;font-size:18px;text-transform:uppercase}.task-panel form{margin-top:28px}.task-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.hint-button{min-height:42px;padding:0;border:0;background:transparent;color:#94a3b8;font-size:13px;font-weight:900}.hint-button:hover:not(:disabled){color:white}.message{margin-top:17px;border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.55}.message p{margin:4px 0 0}.message.hint{display:flex;gap:12px;border:1px solid rgba(250,204,21,.17);background:rgba(250,204,21,.06);color:#fde68a}.message.hint strong{font-family:Consolas,monospace;font-size:10px;letter-spacing:.12em}.message.wrong{border:1px solid rgba(251,113,133,.2);background:rgba(251,113,133,.07);color:#fecdd3}.message.correct{border:1px solid rgba(52,211,153,.22);background:rgba(52,211,153,.08);color:#d1fae5}.message.correct strong{color:#6ee7b7}.loading{padding:28px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:#94a3b8}
.finish-screen{place-items:center;max-width:980px;margin:auto;padding:40px 24px}.finish-screen.active{display:grid}.finish-card{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:38px;padding:38px 28px 48px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(52,211,153,.15),transparent 34%),linear-gradient(145deg,rgba(9,24,43,.92),rgba(7,17,31,.84));box-shadow:0 30px 90px rgba(0,0,0,.3)}.success-mark{display:grid;width:82px;height:82px;margin:auto;place-items:center;border:1px solid rgba(52,211,153,.25);border-radius:50%;background:rgba(52,211,153,.1);color:var(--green);font-size:36px;font-weight:900}.finish-characters{display:flex;align-items:flex-end;justify-content:center;height:130px;margin:-18px auto 0}.finish-characters img{width:112px;height:140px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 18px rgba(0,0,0,.36))}.finish-characters img:nth-child(2){width:126px;height:156px;margin:0 -12px;z-index:2}.finish-card>.eyebrow{margin-top:4px}.finish-card>h1{margin:14px 0 0;font-size:clamp(48px,7vw,72px);letter-spacing:-.06em}.finish-card>.lead{margin:18px auto 0}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:780px;margin:30px auto 0}.result-grid>div{border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(255,255,255,.045)}.result-grid strong,.result-grid span{display:block}.result-grid strong{color:var(--mint);font-family:Consolas,monospace;font-size:30px}.result-grid span{margin-top:5px;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.result-grid .grade-result{border-color:rgba(250,204,21,.28);background:rgba(250,204,21,.1)}.result-grid .grade-result strong{color:#fde047;font-size:38px}.rank-box{max-width:780px;margin:14px auto 0;border:1px solid rgba(196,181,253,.2);border-radius:22px;padding:22px;background:rgba(196,181,253,.08)}.rank-box h2{margin:7px 0 0;color:#ede9fe}.rank-box>p:last-child{margin:7px 0 0;color:#cbd5e1}.finish-actions{justify-content:center}.noscript{position:fixed;left:20px;right:20px;bottom:20px;z-index:99;border-radius:14px;padding:16px;background:#7f1d1d;color:white;text-align:center}
.story-hook{max-width:690px;margin-top:20px;border:1px solid rgba(94,234,212,.16);border-radius:18px;padding:15px 17px;background:linear-gradient(100deg,rgba(94,234,212,.075),rgba(139,92,246,.075));backdrop-filter:blur(10px)}.story-hook>span{color:var(--mint);font-family:Consolas,monospace;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.story-hook p{margin:7px 0 0;color:#dbeafe;font-size:14px;line-height:1.62}
@media(max-width:980px){.landing{grid-template-columns:1fr;gap:42px;padding-top:45px}.console-card{max-width:650px}.quest-layout{grid-template-columns:1fr}.mission-list-panel{display:none}.mission-shell{grid-template-columns:1fr}.mission-story{min-height:350px}.task-panel{min-height:520px}}
@media(max-width:700px){.site-header{padding:18px}.brand>span:last-child,.class-label{display:none}.landing{padding:38px 18px 60px}.login-grid{grid-template-columns:1fr 1fr}.login-grid label:last-child{grid-column:1/-1}.console-card{padding:18px;border-radius:24px}.character-squad span{display:none}.character-squad>div{justify-content:center}.quest-topbar{padding:13px}.quest-layout{padding:18px 12px}.mission-shell{border-radius:24px}.mission-story,.task-panel{padding:26px}.task-actions{align-items:stretch;flex-direction:column}.task-actions>*{width:100%}.result-grid{grid-template-columns:repeat(2,1fr)}.finish-card{padding:34px 18px;border-radius:28px}.finish-characters img{width:92px}.finish-characters img:nth-child(2){width:104px}}
@media(max-width:440px){.login-grid{grid-template-columns:1fr}.login-grid label:last-child{grid-column:auto}.primary-button{width:100%}.header-meta{gap:6px}.site-header{align-items:flex-start}.mission-story h1{font-size:40px}.task-heading{flex-direction:column}.task-heading>.score-badge{order:-1}}
@media print{.grid-bg,.glow,.site-header,button{display:none!important}body{background:white!important;color:#111827!important}.screen{display:none!important}.finish-screen{display:grid!important}.finish-card{border:2px solid #111827;box-shadow:none;background:white}.finish-card *{color:#111827!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Light classroom theme */
:root{color-scheme:light;--bg:#eef8ff;--panel:#ffffff;--panel2:#f6fbff;--text:#10233f;--muted:#58718a;--green:#22c795;--mint:#087f73;--violet:#6858d8;--line:rgba(27,72,111,.14)}
body{background:#eef7fc;color:var(--text)}
body::before{background:radial-gradient(circle at 8% 10%,rgba(45,212,191,.2),transparent 28%),radial-gradient(circle at 92% 12%,rgba(99,102,241,.16),transparent 30%),linear-gradient(rgba(38,101,139,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(38,101,139,.045) 1px,transparent 1px),linear-gradient(135deg,#f9fdff 0%,#eaf7fc 48%,#f5f1ff 100%);background-size:auto,auto,36px 36px,36px 36px,auto;opacity:1}
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:url("number-background.svg?v=10") center/cover no-repeat}
.number-cloud{display:none!important}
.grid-bg,.glow{display:none}
.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.68);backdrop-filter:blur(14px)}
.brand{color:#173653}.class-label{border-color:var(--line);background:#fff;color:#47637d}.score-badge{border-color:rgba(8,127,115,.2);background:rgba(34,199,149,.1);color:#087f73}.grade-badge{color:#8a5a00}
.hero-copy>h1{color:#10233f}.lead{color:#405f7a}.story-hook{border-color:rgba(8,127,115,.16);background:linear-gradient(100deg,rgba(34,199,149,.09),rgba(104,88,216,.07));box-shadow:0 12px 34px rgba(55,100,135,.08)}.story-hook p{color:#294d6b}
.login-form,.console-card,.mission-list-panel{border-color:var(--line);background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(43,91,125,.14)}
.login-grid input,.answer-input{border-color:var(--line);background:#f7fbfe;color:#14324d}.login-grid input:focus,.answer-input:focus{background:#fff}.login-grid label>span{color:var(--muted)}
.secondary-button{border-color:var(--line);background:#f2f8fc;color:#244761}.secondary-button:hover{background:#e7f3fa}.link-button{color:#55718a}.link-button:hover{color:#173653}
.character-squad>div{border-color:var(--line);background:#f7fbfe}.character-squad strong{color:#244761}.character-squad span{color:#6d8296}
.sector-row{border-color:var(--line);background:#f7fbfe;color:#31546f}.sector-row.done,.sector-row.available{border-color:rgba(34,199,149,.24);background:rgba(34,199,149,.08);color:#175944}.sector-number{background:#e9f2f8;color:#55718a}.sector-row.done .sector-number,.sector-row.available .sector-number{background:var(--green);color:#073d32}.sector-row small{color:#087f73;font-weight:900}
.quest-topbar{border-color:var(--line);background:rgba(255,255,255,.88)}.progress-label{color:#58718a}.progress-track{background:#dcebf3}.home-button{min-height:40px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;color:#244761;font-weight:900}.home-button:hover{border-color:rgba(8,127,115,.35);background:#effbf7;color:#087f73}
.mission-nav{width:100%;border:1px solid transparent;background:transparent;text-align:left;color:#58718a;cursor:pointer}.mission-nav.available{color:#31546f}.mission-nav:hover,.mission-nav.available:hover{border-color:rgba(8,127,115,.2);background:rgba(34,199,149,.07)}.mission-nav.active{border-color:rgba(8,127,115,.24);background:rgba(34,199,149,.11);color:#173653}.mission-nav.done{color:#58718a}.mission-nav>span{background:#e8f1f7;color:#55718a}.mission-nav strong{color:inherit}.mission-nav small{color:#71879b}
.mission-shell{border-color:var(--line);background:#fff;box-shadow:0 26px 80px rgba(43,91,125,.15)}.mission-story{background:radial-gradient(circle at 18% 12%,rgba(34,199,149,.15),transparent 40%),radial-gradient(circle at 100% 100%,rgba(104,88,216,.12),transparent 45%),#f7fbfe}.mission-story h1{color:#10233f}.mission-story h1+p{color:#405f7a}.protocol{border-color:rgba(8,127,115,.2);background:rgba(34,199,149,.1);color:#087f73}.guide-card{border-color:var(--line);background:linear-gradient(100deg,rgba(34,199,149,.1),rgba(104,88,216,.08))}.guide-card strong{color:#173653}.guide-card p{color:#405f7a}.key-fragment{border-color:var(--line);background:#eef5f9;color:#8ca0b2}
.task-panel{background:linear-gradient(145deg,#fff,#f5faff)}.task-heading h2{color:#173653}.answer-option{border-color:var(--line);background:#f8fbfd;color:#294d6b}.answer-option:hover:not(:disabled){background:#f0fbf7}.answer-option>span{background:#e8f1f7;color:#58718a}.task-actions{border-color:var(--line)}.hint-button{color:#58718a}.hint-button:hover:not(:disabled){color:#087f73}
.task-stack{display:grid;gap:14px;margin-top:22px}.task-item{display:grid;grid-template-columns:34px 1fr;gap:12px;border:1px solid var(--line);border-radius:18px;padding:15px;background:rgba(255,255,255,.7)}.task-item-number{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#dff8f1;color:#087f73;font-family:Consolas,monospace;font-size:12px;font-weight:900}.task-item h3{margin:3px 0 10px;color:#173653;font-size:15px;line-height:1.45}.task-item .options{margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.task-item .answer-option{min-height:45px;padding:8px 10px;font-size:12px}.task-item .answer-option>span{width:26px;height:26px}.task-item .answer-input{margin-top:2px}.task-panel:has(.task-stack){justify-content:flex-start}.task-panel:has(.task-stack) form{margin-top:18px}
@media(max-width:700px){.task-item .options{grid-template-columns:1fr}.task-item{grid-template-columns:1fr}.task-item-number{margin-bottom:-4px}}
.finish-card{border-color:var(--line);background:radial-gradient(circle at 50% 0,rgba(34,199,149,.17),transparent 35%),#fff;box-shadow:0 30px 90px rgba(43,91,125,.15)}.finish-card>h1,.rank-box h2{color:#173653}.result-grid>div{border-color:var(--line);background:#f7fbfe}.result-grid span{color:#58718a}.rank-box{border-color:rgba(104,88,216,.18);background:rgba(104,88,216,.07)}.rank-box>p:last-child{color:#405f7a}

/* Compact first screen */
.brand-mark,.pills{display:none!important}.student-info{display:inline-flex;align-items:center;border:0;padding:0;background:transparent;color:#244761;font-size:13px;font-weight:900;letter-spacing:0}
.site-header{padding:14px 28px}.brand{font-size:14px}.landing{align-items:start;gap:44px;padding:34px 28px 54px}.hero-copy>h1{max-width:700px;margin-top:12px;font-size:clamp(40px,5vw,58px);line-height:1;letter-spacing:-.045em}.lead{margin-top:16px;font-size:16px;line-height:1.55}.story-hook{margin-top:13px;padding:12px 15px}.story-hook p{margin-top:5px;font-size:13px;line-height:1.5}.login-form{margin-top:20px;padding:18px}.console-card{padding:22px}
@media(max-width:980px){.landing{padding-top:28px}.hero-copy>h1{max-width:760px}}
@media(max-width:700px){.site-header{padding:12px 18px}.landing{padding-top:24px}.hero-copy>h1{font-size:clamp(38px,12vw,52px)}}

@media(max-width:980px){.mission-list-panel{display:block;overflow-x:auto}.mission-list-panel>nav{display:flex;gap:8px;padding-bottom:4px}.mission-nav{min-width:210px}}
@media(max-width:700px){.site-header{display:none}.landing{padding-top:18px}}
@media(max-width:700px){.number-cloud span{opacity:.18}.number-cloud span:nth-child(3n){display:none}}