:root{color-scheme:dark;--bg:#080e1b;--bg2:#0b1424;--panel:#101d30;--panel2:#132239;--line:#25354e;--text:#f0f7ff;--dim:#8da3bb;--faint:#617891;--cyan:#67e6fb;--blue:#447dff;--green:#53e2ba;--pink:#8bc2e7;--gold:#8dc3e7;--shadow:0 22px 85px #01071175;--radius:19px;font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--cyan)}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}::selection{background:#4283a7;color:white}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 95% 5%,#193d6c51 0,transparent 30%),radial-gradient(circle at 30% 88%,#112b3b3b 0,transparent 40%);pointer-events:none}
.app-shell{min-height:100dvh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;align-self:start;height:100dvh;border-right:1px solid #1b3048;background:linear-gradient(175deg,#0e1b2d,#0a1221);padding:27px 16px 22px;display:flex;flex-direction:column;gap:24px;z-index:2}.brand{padding:2px 8px;display:flex;gap:11px;align-items:center;background:none;border:0;text-align:left;color:inherit;letter-spacing:.06em}.brand-icon{width:49px;height:49px;border:1px solid #64dffb78;background:linear-gradient(140deg,#173e5b,#172441);color:#91f6ff;border-radius:13px;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:26px;font-weight:900;box-shadow:inset 0 0 18px #2aacc62f,0 0 24px #30cce224}.brand-icon span{color:#5d9efe}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text b{font-size:18px;letter-spacing:.09em}.brand-text small{font-size:9px;color:var(--dim);margin-top:6px;letter-spacing:.17em}.side-section-label{font:700 10px/1.3 monospace;color:#6f91ad;letter-spacing:.14em;margin:20px 15px -10px}.nav-stack{display:grid;gap:6px}.nav-item{position:relative;border:1px solid transparent;background:none;color:#a2b4c8;display:flex;align-items:center;gap:15px;text-align:left;padding:12px 14px;border-radius:12px;font-weight:650;font-size:13px;transition:.15s}.nav-item:hover{color:white;background:#182c46}.nav-item.selected{color:var(--cyan);background:linear-gradient(95deg,#173d527f,#1735574d);border-color:#2f63765e}.nav-item.selected:before{content:"";height:17px;width:3px;background:var(--cyan);border-radius:4px;position:absolute;left:0}.nav-symbol{font-size:23px;width:23px;line-height:1;text-align:center}.nav-count{margin-left:auto;font-size:10px;border-radius:8px;background:#20354b;padding:2px 6px}.side-bottom{margin-top:auto;background:#102037;border:1px solid #263e55;border-radius:16px;padding:15px}.player-mini{display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:10px;background:#284762;display:grid;place-items:center;font-size:20px}.player-mini div:nth-child(2){display:flex;flex-direction:column;min-width:0}.player-mini small{font-size:9px;color:#8fa9c1;letter-spacing:.08em}.player-mini strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mini-level{font:700 9px monospace;color:var(--cyan);margin-left:auto}.mini-progress-label{display:flex;justify-content:space-between;color:#aac1d7;font:11px monospace;margin-top:17px;margin-bottom:8px}.meter{height:7px;border-radius:8px;background:#1c3148;overflow:hidden}.meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f99ff,#72f0f9);transition:width .25s}.side-bottom p{font-size:10px;color:var(--faint);margin:11px 0 0}.main-column{min-width:0;display:flex;flex-direction:column}.topbar{min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:13px 33px;border-bottom:1px solid #1e3249;background:#0b1726a6;gap:12px}.top-left,.hud{display:flex;align-items:center;gap:13px}.top-left{min-width:0}.online-dot{height:8px;width:8px;flex-shrink:0;display:inline-block;border-radius:50%;background:#58ecc3;box-shadow:0 0 15px #58ecc3a8}.sys-label{font:700 10px monospace;letter-spacing:.16em;color:#65e7bd}.top-sep{color:#46627c}.breadcrumb{color:#a6b9ce;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.hud>span{font-size:12px;border:1px solid #2a4059;background:#14233a;border-radius:9px;padding:7px 12px;white-space:nowrap}.coin{color:#8dc3e7}.energy{color:#7ceaf5}.language-switch{display:flex;align-items:center;padding:3px;background:#15233b;border:1px solid #2a4059;border-radius:10px}.language-switch button{background:none;border:0;color:#8499b2;padding:6px 10px;border-radius:7px;font:700 11px monospace}.language-switch button.active{background:#3273a3;color:#f4ffff;box-shadow:0 3px 11px #0004}
#content{width:min(1440px,100%);margin:0 auto;padding:32px 34px 48px;flex:1}.hero{min-height:341px;position:relative;overflow:hidden;border:1px solid #315570;border-radius:24px;background:radial-gradient(circle at 85% 35%,#163b55 0,transparent 38%),linear-gradient(116deg,#163854 0,#10243a 49%,#102037 100%);display:grid;grid-template-columns:1.16fr .84fr;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#53dff71a 1px,transparent 1px),linear-gradient(0deg,#53dff71a 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent 10%,#000 100%);opacity:.32;pointer-events:none}.hero-copy{position:relative;z-index:1;padding:37px 0 31px 40px}.eyebrow{display:flex;align-items:center;gap:10px;color:#85eaf3;font:700 11px monospace;letter-spacing:.16em}.eyebrow-line{width:20px;height:2px;background:#7ae9fb}.hero h1{font-size:clamp(32px,3.8vw,56px);line-height:1.12;letter-spacing:-.045em;margin:16px 0 14px;font-weight:850}.hero p{color:#b7c9da;max-width:580px;line-height:1.75;font-size:13px;margin:0 0 24px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{min-height:44px;border-radius:11px;padding:10px 17px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:750;transition:transform .15s,background .15s,box-shadow .15s;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(100deg,#6de5f5,#64aafb);color:#071627;box-shadow:0 6px 28px #5fc8ef3b}.btn.primary:hover{box-shadow:0 6px 34px #6ad9ff65}.btn.ghost{color:#c9e6f8;border-color:#426177;background:#142e458a}.btn.ghost:hover{background:#22445d}.btn.secondary{border-color:#365774;background:#18344b;color:#d7f6fd}.btn.danger-btn{background:#233a4a;border-color:#456f8b;color:#e0eef8}.hero-tags{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;font:700 9px monospace;letter-spacing:.1em;color:#70cad4}.network-visual{position:relative;min-height:290px;display:grid;place-items:center;overflow:hidden}.network-visual svg{width:min(100%,420px);filter:drop-shadow(0 0 16px #4ac9e41d)}.visual-grid{position:absolute;inset:20px 0;background:radial-gradient(circle,#5deaff0e 1px,transparent 2px);background-size:22px 22px;mask-image:radial-gradient(circle,#000 20%,transparent 75%)}.pulse-circle{transform-origin:210px 123px;animation:breath 3.6s ease-in-out infinite}.visual-caption{position:absolute;bottom:24px;right:33px;font:700 10px monospace;letter-spacing:.16em;color:#9bbacf}.visual-caption span{color:#5af1bc;margin-left:14px}@keyframes breath{50%{opacity:.52;transform:scale(1.18)}}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 37px}.stat{min-height:118px;background:linear-gradient(135deg,#132338,#102031);border:1px solid #243c52;border-radius:17px;padding:18px 18px 15px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:26px 1fr;column-gap:13px}.stat-icon{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:22px}.stat-icon.sky{background:#1b4a5a;color:#79e9f5}.stat-icon.purple{background:#30336a;color:#b8a4ff}.stat-icon.gold{background:#2c3e4a;color:#a8d1ec}.stat-icon.rose{background:#2b3d49;color:#a8d1ec}.stat small{font-size:10px;letter-spacing:.04em;color:var(--dim)}.stat strong{font-size:26px;line-height:1.4}.stat em{font-style:normal;font-weight:500;color:#7392ae;font-size:13px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:21px}.section-kicker{font:700 11px monospace;color:#64ddec;letter-spacing:.15em}.section-head h2,.page-intro h1{margin:6px 0 3px;font-size:clamp(25px,2.7vw,34px);letter-spacing:-.04em}.section-head p,.page-intro p{color:var(--dim);font-size:13px;margin:2px 0}.overall{width:170px;flex-shrink:0}.overall>span{color:#afd1e5;font:11px monospace;display:block;margin-bottom:10px}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mission-card{--accent:var(--cyan);position:relative;min-height:237px;padding:22px 23px 19px;background:linear-gradient(160deg,#15273c,#102033);border:1px solid #284258;border-radius:19px;overflow:hidden;transition:transform .2s,border-color .2s}.mission-card:hover{transform:translateY(-2px);border-color:var(--accent)}.mission-card:before{content:"";position:absolute;right:-35px;top:-55px;height:170px;width:170px;border-radius:50%;background:var(--accent);opacity:.055;filter:blur(2px);pointer-events:none}.theme-violet{--accent:#b89aff}.theme-green{--accent:#66e8ab}.theme-rose{--accent:#a0cdeb}.theme-amber{--accent:#92c6e8}.theme-blue{--accent:#8eafff}.theme-orange{--accent:#a0cdeb}.theme-gold{--accent:#8ec3e7}.mission-card.is-locked{opacity:.67}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.mission-icon{display:grid;place-items:center;background:#28445c71;border:1px solid #5a7d8b50;width:53px;height:53px;border-radius:13px;font-size:27px}.status{display:inline-block;font:700 9px monospace;letter-spacing:.06em;border:1px solid #407484;background:#163449;color:#91e5f2;padding:7px 9px;border-radius:7px}.status.done{color:#70eabb;border-color:#336b5c;background:#193d36}.status.locked{color:#9ca8b7;border-color:#465161;background:#262d38}.card-meta{font:700 10px monospace;color:var(--accent);letter-spacing:.04em;margin:18px 0 3px}.mission-card h3{font-size:20px;letter-spacing:-.035em;margin:2px 0}.mission-card p{font-size:11px;color:#9ab1c6;margin:3px 0 19px}.card-footer{display:flex;align-items:center;justify-content:space-between}.card-info{color:#8daac2;font-size:11px}.card-info b{color:#edf9ff}.card-info span{color:#87c0e6}.card-go{background:#193b54;color:var(--accent);border:1px solid #35556e;border-radius:11px;width:40px;height:38px;font-size:20px;display:grid;place-items:center}.card-go:not(:disabled):hover{background:#285879}.card-progress{margin-top:12px}.card-progress .meter{height:4px}.map-footer{text-align:center;margin-top:23px}.page-intro{margin:0 0 25px;padding-top:6px}.page-intro h1{font-size:37px}.unlock-note{border:1px solid #59533d;border-radius:12px;background:#262419;padding:15px;color:#aad1eb;margin-top:20px;font-size:12px}
.mission-layout{display:grid;grid-template-columns:minmax(240px,.39fr) minmax(0,.61fr);align-items:start;gap:20px}.quest-sidebar{position:relative;border:1px solid #304759;border-radius:19px;background:linear-gradient(175deg,#19364a,#112339 60%);padding:23px;overflow:hidden}.text-back{border:none;background:transparent;color:#b2d6e7;font-size:12px;padding:4px 0 12px}.quest-illustration{height:171px;display:grid;place-items:center;position:relative;margin:0 -22px}.quest-illustration>span{font-size:65px;position:relative;z-index:2;filter:drop-shadow(0 9px 15px #0008)}.quest-rings{position:absolute;width:157px;height:157px;border:1px dashed var(--accent);opacity:.4;border-radius:50%;box-shadow:0 0 50px #6bbedb3b,inset 0 0 35px #70c6de20;animation:spin 24s linear infinite}.quest-rings:after{content:"";position:absolute;inset:18px;border-radius:50%;border:2px dotted var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.mission-eyebrow{font-size:10px;margin-top:11px;color:var(--accent)}.quest-sidebar h2{font-size:25px;line-height:1.25;margin:12px 0 23px}.micro-title{font:700 10px monospace;letter-spacing:.1em;color:#8de6ee;display:block;margin-bottom:8px}.quest-sidebar p{font-size:12px;color:#b4c9d8;line-height:1.75;margin:0 0 25px}.quest-sidebar .target{color:#87e6c3}.mission-summary{border-top:1px solid #345166;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a2b9cc;margin-top:35px;margin-bottom:10px}.mission-summary b{font-size:15px;color:#e6f9ff}.game-area{background:#111f31;border:1px solid #283e54;border-radius:20px;padding:25px 27px 28px;min-height:645px}.quest-progress-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a5b9d0;font:700 10px monospace;letter-spacing:.06em}.quest-progress-top>span:first-child{color:#74eaca}.quest-progress-top .online-dot{width:6px;height:6px;margin-right:7px}.question-dots{display:flex;gap:6px;margin:18px 0 28px}.question-dots span{flex:1;height:5px;background:#233850;border-radius:4px}.question-dots span.passed{background:#5cd8ab}.question-dots span.active{background:#65ddef;box-shadow:0 0 12px #51dcee86}.question-type{font:700 10px monospace;letter-spacing:.16em;color:#6de5f5}.question-box h1{font-size:clamp(20px,2.2vw,29px);line-height:1.4;letter-spacing:-.03em;margin:14px 0 28px}.answer-grid{display:grid;gap:12px}.answer{border:1px solid #344c64;border-radius:13px;padding:13px 15px;background:#17293d;color:#d3e0ec;display:flex;align-items:center;text-align:left;gap:15px;min-height:63px;width:100%;font-size:13px;transition:background .13s,border-color .13s}.answer:hover:not(:disabled){border-color:#67c9dc;background:#1b3a4e}.answer.selected-answer{border-color:#5de5f6;background:#1b4354;box-shadow:inset 0 0 0 1px #5de5f62c}.letter{border:1px solid #40566c;background:#1f364b;color:#d5e9ff;width:30px;height:30px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;font:700 12px monospace}.answer.good{background:#16443e;border-color:#53dcb1;color:#e6fff8}.answer.bad{background:#263c4a;border-color:#84bbe0;color:#e6f2fa}.answer-check{margin-left:auto;color:#5eedc1;font-size:21px}.hint-button{margin-top:16px;border:none;background:transparent;color:#9cbfd4;padding:8px 0;font-size:12px;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.hint-button:hover{color:var(--cyan)}.hint-box{margin-top:15px;background:#403922;border:1px solid #877b45;border-radius:12px;padding:12px;font-size:12px;color:#c2dff2}.question-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #2a4054;margin-top:26px;padding-top:20px}.key-tip{font:11px monospace;color:#9aaebf}.key-expl{color:#627b8f}.feedback{margin-top:21px;padding:18px;border-radius:13px;border:1px solid #3b806e;background:#173a36}.feedback.bad{border-color:#627e91;background:#293339}.feedback-title{color:#8cf3cc;font-size:13px;font-weight:800;letter-spacing:.03em}.feedback.bad .feedback-title{color:#c6e1f3}.explain-title{display:block;font:700 10px monospace;color:#a6b6c7;letter-spacing:.1em;margin-top:12px}.feedback p{color:#d1e8e9;font-size:12px;line-height:1.7;margin:7px 0}.feedback small{color:#8eeac9}.terminal-wrap{border:1px solid #35586d;border-radius:14px;overflow:hidden;box-shadow:0 10px 32px #06101c6b}.terminal-header{height:38px;background:#233951;color:#abbdd0;display:flex;align-items:center;gap:15px;padding:0 13px;font:11px monospace}.terminal-lights{display:flex;gap:6px}.terminal-lights i{width:8px;height:8px;border-radius:50%;background:#93c6e8}.terminal-lights i:nth-child(2){background:#77b7e2}.terminal-lights i:nth-child(3){background:#69d8af}.terminal-body{background:#060f19;display:flex;gap:12px;align-items:center;padding:30px 18px;color:#66ddb0;font:13px monospace}.terminal-label{white-space:nowrap}.terminal-body input{min-width:0;flex:1;border:none;border-bottom:1px solid #2d745d;color:#aeffce;background:transparent;border-radius:0;padding:8px 3px;outline:none;font:14px monospace}.terminal-body input:focus{border-color:#6ef4b6}.terminal-body input:disabled{opacity:.7}.terminal-notice{font-size:11px;color:#7e9ab0;margin-top:12px}
.result-screen{text-align:center;max-width:670px;margin:25px auto;padding:45px 27px;border:1px solid #28475f;background:radial-gradient(circle at 50% 5%,#1e4f5c,#112239 63%);border-radius:24px;box-shadow:var(--shadow)}.result-halo{width:117px;height:117px;border:2px dashed #66dbeb;border-radius:50%;display:grid;place-items:center;margin:0 auto 23px;box-shadow:0 0 70px #3cabc050}.result-halo span{font-size:60px}.result-screen h1{font-size:36px;margin:10px 0 0}.result-screen>p{color:#aec4d7;margin:5px}.result-stars{font-size:49px;letter-spacing:6px;color:#90c5e8;margin:17px 0}.result-stars span{color:#45566a}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #2d4e63;background:#142d40;border-radius:14px;margin:15px 0 25px}.result-stats>div{padding:19px 5px;border-right:1px solid #2d4e63}.result-stats>div:last-child{border:0}.result-stats small{display:block;color:#9eb8cb;font-size:10px}.result-stats strong{font-size:24px}.result-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px}
.search-wrap{display:flex;align-items:center;gap:15px;border:1px solid #304a61;border-radius:13px;background:#15283a;padding:0 18px;margin-bottom:23px}.search-wrap>span{font-size:26px;color:#7eacbf}.search-wrap input{flex:1;min-width:0;border:0;outline:0;background:none;color:#eefaff;padding:17px 0}.search-wrap small{color:#9ab0c4}.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.glossary-card{background:#122237;border:1px solid #28435b;border-radius:15px;padding:21px}.glossary-index{font:10px monospace;color:#7cdbe7}.glossary-pair{display:flex;gap:5px;flex-direction:column;margin:11px 0}.glossary-pair strong{font-size:15px}.glossary-pair strong+strong{color:#90c9ea}.glossary-card p{font-size:12px;color:#a3b7ca;margin:12px 0 0}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.badge-card{background:#15273a;border:1px solid #37536d;border-radius:17px;padding:20px;text-align:center}.badge-card.muted{opacity:.5;filter:grayscale(.65)}.big-badge{height:82px;display:grid;place-items:center;font-size:45px}.tag-status{font:700 10px monospace;color:#70e8bf}.badge-card.muted .tag-status{color:#a7b7c5}.badge-card h3{font-size:16px;margin:14px 0 6px}.badge-card p{font-size:12px;color:#a3bbd0;margin:0}.settings-stack{display:grid;gap:16px;max-width:760px}.settings-card{border:1px solid #294860;background:#132539;border-radius:16px;padding:22px}.settings-card label:not(.file-button){display:block;color:#a9cadc;margin-bottom:11px;font-size:12px}.settings-card h3{margin:0 0 8px}.settings-card p{color:#9fb5c7;font-size:12px;margin:12px 0 0}.field-row{display:flex;gap:10px}.field-row input{min-width:0;flex:1;border:1px solid #3c6278;border-radius:11px;background:#0c1b2b;color:white;padding:12px}.settings-buttons{display:flex;gap:10px;flex-wrap:wrap}.file-button{position:relative;cursor:pointer}.file-button input{display:none}.app-footer{padding:16px 35px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px;border-top:1px solid #1f3247;font:10px monospace;color:#57748b}.toast{position:fixed;z-index:9;right:25px;bottom:23px;pointer-events:none;max-width:min(420px,calc(100vw - 50px));background:#b5f3ef;color:#062537;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:800;transform:translateY(120px);opacity:0;transition:transform .2s,opacity .2s;box-shadow:0 16px 50px #000a}.toast.show{opacity:1;transform:translateY(0)}
@media (max-width:1250px){.app-shell{grid-template-columns:213px 1fr}.sidebar{padding-left:11px;padding-right:11px}.topbar{padding:13px 24px}#content{padding:24px 25px 40px}.stat{padding:15px 10px;grid-template-columns:34px 1fr;column-gap:10px}.stat-icon{width:34px;height:34px}.stat strong{font-size:22px}.hero-copy{padding-left:28px}}
@media (max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;width:100%;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:13px 18px;gap:10px;border-right:0;border-bottom:1px solid #25435c}.brand{margin-right:auto}.side-section-label,.side-bottom{display:none}.nav-stack{display:flex;order:3;flex:1 0 100%;overflow-x:auto;gap:5px}.nav-item{white-space:nowrap;padding:10px}.nav-symbol{font-size:17px;width:auto}.topbar{min-height:65px}.mission-layout{grid-template-columns:.37fr .63fr}.quest-sidebar{padding:16px}.game-area{padding:19px}.quest-illustration{height:125px}.quest-illustration>span{font-size:46px}.quest-rings{width:115px;height:115px}}
@media (max-width:690px){.brand-icon{height:43px;width:43px}.nav-item{font-size:0;flex:1;justify-content:center;padding:9px 6px}.nav-symbol{font-size:23px}.nav-count{font-size:9px}.topbar{padding:10px 15px}.sys-label,.top-sep,.breadcrumb{display:none}.hud{gap:5px}.hud>span{padding:6px;font-size:10px}.language-switch button{padding:6px 8px}#content{padding:16px 14px 30px}.hero{grid-template-columns:1fr}.hero-copy{padding:27px 22px 20px}.hero h1{font-size:38px}.hero p{font-size:12px}.network-visual{display:none}.hero-tags{margin-top:20px;gap:10px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0 28px}.stat{min-height:96px;padding:12px}.stat strong{font-size:22px}.mission-grid,.glossary-grid{grid-template-columns:1fr}.mission-card{min-height:209px}.section-head{align-items:start}.overall{display:none}.page-intro h1{font-size:31px}.mission-layout{grid-template-columns:1fr}.quest-sidebar{padding:17px}.quest-illustration{display:none}.quest-sidebar h2{font-size:22px;margin:9px 0}.quest-sidebar p{margin-bottom:14px}.mission-summary{margin-top:10px}.game-area{min-height:0;padding:19px 16px}.question-box h1{font-size:22px;margin:12px 0 18px}.answer{padding:9px 10px;min-height:57px;font-size:12px}.question-footer .key-tip{display:none}.question-footer{justify-content:flex-end}.badge-grid{grid-template-columns:repeat(2,1fr);gap:10px}.badge-card{padding:14px}.result-screen{padding:30px 13px}.result-stats strong{font-size:19px}.app-footer{padding:17px 15px;font-size:9px}.field-row{flex-wrap:wrap}.field-row input{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* BYTEQUEST v2 — Academy, personal lessons and incident-response lab */
.learn-card-link{border:0;background:#1a3951;color:#88ebf7;border-radius:8px;padding:7px 12px;margin-top:10px;font-size:12px;font-weight:750}.learn-card-link:hover{background:#22536d}
.academy-statline{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0;color:#9adce5;font:700 11px monospace}.academy-statline span{border:1px solid #33526d;background:#13283c;border-radius:20px;padding:7px 13px}
.academy-cta{border:1px solid #42617b;border-radius:19px;background:linear-gradient(105deg,#234158,#102c41);padding:24px;display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:15px;box-shadow:0 14px 40px #0002}.academy-cta.alt{background:linear-gradient(108deg,#26345b,#10243a);border-color:#4f5381}.academy-cta b{font-size:18px}.academy-cta p{max-width:700px;color:#a9c4d7;margin:6px 0 0;font-size:13px}.academy-cta .btn{flex-shrink:0}
.academy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.academy-card{border:1px solid #30546a;background:linear-gradient(160deg,#152e43,#101f31);border-radius:17px;padding:22px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:11px}.academy-card .big{font-size:38px}.academy-card h3{font-size:19px;margin:0;line-height:1.2}.academy-card p{color:#aec1d4;font-size:13px;line-height:1.65;margin:0 0 8px;flex:1}.academy-card .btn{max-width:100%}
.lesson-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px}.lesson-sidebar{align-self:start;border:1px solid #2f5168;border-radius:17px;padding:17px;background:#13293b}.lesson-sidebar>b{display:block;margin-bottom:11px;font-size:13px}.lesson-side-link{margin-top:10px;width:100%;text-align:left;color:#b4ccdc;background:transparent;padding:10px 12px;border:1px solid #254a5d;border-radius:10px;line-height:1.35;font-size:12px}.lesson-side-link.selected{background:#1c5267;color:#b1ffff;border-color:#65adbc}.lesson-sidebar p{color:#a0b7ca;font-size:11px;margin-top:20px}.lesson-content{background:linear-gradient(145deg,#162d43,#102235);border:1px solid #34566c;min-height:370px;border-radius:18px;padding:clamp(19px,3vw,34px);min-width:0}.lesson-tag{font:700 12px monospace;color:#7ce8f9;letter-spacing:.1em;margin-bottom:17px}.lesson-content h2{font-size:clamp(21px,2.4vw,29px);line-height:1.25;margin:0 0 20px}.lesson-content .lesson-paragraph{font-size:15px;line-height:1.95;color:#d4e6f3;white-space:pre-line}.example-card{background:#0d2837;border:1px solid #316176;border-radius:13px;padding:18px 21px;margin:25px 0;color:#e7fff9}.example-card p{line-height:1.75;margin:8px 0 0;font-size:13px;color:#bce1e5}.lesson-footer{display:flex;justify-content:flex-end;gap:11px;flex-wrap:wrap;margin-top:27px}.lesson-content .answer-grid{margin-top:26px}.lesson-content .feedback{margin-top:20px}.lesson-content .meter{margin:0 0 24px}
.ai-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(260px,.96fr);align-items:start;gap:18px}.ai-form,.library-panel{background:#14293c;border:1px solid #305067;border-radius:19px;padding:23px;min-width:0}.ai-step-label{color:#91eaf3;font:700 12px monospace;margin:12px 0 15px}.provider-row{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:19px}.provider-row label{display:flex;gap:7px;align-items:center;font-size:13px}.provider-row input{accent-color:#78e0ed}.ac-label{display:block;color:#c3dbea;font-size:12px;font-weight:650;margin:14px 0 8px}.ai-form input[type="password"],.ai-form input[type="text"],.ai-form textarea{width:100%;background:#0b1c2e;border:1px solid #3e627a;color:#e7f7ff;border-radius:11px;padding:12px 13px;outline-offset:3px;resize:vertical;font-family:inherit;font-size:13px}.ai-form textarea{min-height:110px}.ai-small{font-size:11px;line-height:1.65;color:#9db7ca;margin:10px 0 15px}.upload-pad{border:2px dashed #4e8694;background:#123346;border-radius:16px;padding:24px 10px;margin:0 0 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;text-align:center}.upload-pad:hover{background:#1a4657}.upload-pad>span{font-size:38px}.upload-pad b{font-size:12px}.upload-pad small{font-size:11px;color:#a9c6d5;overflow-wrap:anywhere}.ai-photo{object-fit:contain;max-width:100%;max-height:210px;border-radius:10px;border:1px solid #3c6680;display:block;margin:7px auto 15px}.ai-create{width:100%;margin:13px 0}.ai-error{background:#2d4c61;color:#eaf4fa;border:1px solid #487c9e;border-radius:12px;padding:14px;font-size:12px;overflow-wrap:anywhere}.library-panel h2{margin:0 0 18px;font-size:22px}.library-panel h2 small{font-size:12px;color:#92a9b9}.library-panel .academy-grid{grid-template-columns:1fr}.library-actions{display:flex;gap:8px;flex-wrap:wrap}.library-panel .academy-card{padding:16px}.library-panel .academy-card h3{font-size:17px}.library-panel .academy-card .big{font-size:25px}.library-panel .academy-card small{color:#a9c4d3}.custom-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:15px}.imported-content{max-width:850px;margin:0 auto}.imported-content>section{padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid #39576a}.imported-content h2{margin-bottom:9px}.vocab-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:20px 0}.vocab-chips>div{background:#123348;border:1px solid #326079;padding:12px;border-radius:10px;display:flex;flex-direction:column;gap:4px}.vocab-chips small{color:#b3ceda}.ai-warn{color:#92c6e8;background:#2a2f32;border-radius:9px;padding:10px;font-size:12px}
.lab-shell{max-width:1000px;margin:0 auto;border:1px solid #3c586e;border-radius:22px;background:radial-gradient(circle at 45% 19%,#18425b,#102235 70%);padding:clamp(15px,3vw,28px)}.lab-shell h2{margin:20px 0 7px;font-size:24px}.lab-shell>p{color:#c5dbea;font-size:13px}.lab-top{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;border:1px solid #395769;padding:13px;border-radius:12px;background:#102d40}.lab-top span{font-size:14px}.lab-network{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:20px 0;position:relative}.lab-device{position:relative;background:#16334b;border:1px solid #416d85;border-radius:16px;color:#e4f5fa;min-height:145px;padding:12px 7px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.lab-device:hover,.lab-device.inspected{border-color:#6eebea;background:#1d4960;box-shadow:0 0 20px #30b0c42c}.lab-device>span{font-size:32px}.lab-device b{font-size:13px;text-align:center}.lab-device small{color:#96d2d9;font-size:10px;text-align:center}.lab-console{background:#050e1a;border:1px solid #316277;border-radius:14px;min-height:145px;padding:16px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.lab-console>strong{color:#6edfc2}.lab-log{color:#a4d6e4;overflow-wrap:anywhere;margin-top:8px}.lab-log div{padding:4px 0;border-bottom:1px solid #142b3e}.lab-log div span{color:#78f5ac}.lab-repairs{margin:22px 0}.lab-repairs h3{font-size:17px}.lab-repair{width:100%;justify-content:flex-start;text-align:left;margin:5px 0;border:1px solid #385b75;background:#16334a;color:#dcf2ff}.lab-repair:hover{background:#22526c}.lab-repair.active{border-color:#69e4ee}.lab-shell .feedback{margin-top:20px}
@media(max-width:1150px){.ai-layout{grid-template-columns:1fr}.library-panel .academy-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}}
@media(max-width:720px){.academy-cta{flex-direction:column;align-items:stretch;padding:17px}.academy-cta .btn{align-self:flex-start}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{padding:13px}.lesson-sidebar .lesson-side-link{width:auto;display:inline-flex;margin:6px}.lesson-sidebar p{margin:10px 0 0}.lab-network{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-device{min-height:120px}.lab-shell{padding:14px}.ai-form,.library-panel{padding:15px}.lesson-content{min-height:0}.academy-card{padding:17px}}

.ai-consent{border:1px solid #466e7e;background:#102c40;border-radius:11px;padding:12px 13px;display:flex;gap:11px;align-items:start;font-size:11px;line-height:1.5;color:#c2d6e3;cursor:pointer}.ai-consent input{accent-color:#77e5ed;flex-shrink:0;width:16px;height:16px}

@media(max-width:690px){.nav-item{font-size:9px;flex:0 0 auto;min-width:79px;flex-direction:column;gap:4px;padding:9px 6px}.nav-item .nav-symbol{font-size:20px}.nav-stack{scroll-snap-type:x proximity}.nav-item{scroll-snap-align:start}}