@font-face{font-family:Manrope;src:url('/site-manrope.ttf?v=3ae11c49db04') format('truetype');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0c1019;color:#f2f5ff;font:14px/1.6 Manrope,sans-serif}button,a{font:inherit;outline-offset:5px}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #8bafff}button{color:inherit}h1,h2,h3,p{margin:0}.sidebar{width:218px;position:fixed;inset:0 auto 0 0;background:#10151f;border-right:1px solid #222a3a;padding:30px 20px;display:flex;flex-direction:column;z-index:2}.logo{display:flex;align-items:center;gap:8px;font-size:28px;font-weight:800;letter-spacing:-1.2px;margin:0 5px 50px}.logo>span{font-weight:400;margin-left:-8px}.logo svg{width:30px;height:34px;fill:#86a9ff;stroke:#86a9ff;stroke-width:1.5}.nav-heading{font-size:8px;letter-spacing:1.7px;color:#64708b;margin:0 12px 14px;font-weight:700}nav{display:flex;flex-direction:column;gap:7px}nav a,nav button{display:flex;align-items:center;gap:13px;padding:13px 13px;border:0;border-radius:7px;background:none;text-align:left;color:#99a4bb;font-size:12px}nav i{font-style:normal;font-size:19px;width:21px;line-height:1}nav .active{background:#233052;color:#b8c9ff}nav .active:after{content:'';margin-left:auto;width:4px;height:17px;background:#8bafff;border-radius:5px}nav button:hover,nav a:hover{background:#1c2538;color:#eef3ff}.sidebar-bottom{margin-top:auto;border:1px solid #34405c;background:linear-gradient(145deg,#1e2b48,#161d2c);padding:20px 15px;border-radius:10px}.join-icon{color:#9bb9ff;font-size:26px}.sidebar-bottom h3{font-size:12px;line-height:1.5;margin:6px 0 9px}.sidebar-bottom p{color:#8293b0;font-size:10px}.sidebar-bottom button{background:#2b3b5b;border:1px solid #405376;padding:9px 11px;border-radius:5px;font-size:10px;display:flex;justify-content:space-between;width:100%;margin-top:18px}.help{font-size:8px;color:#66758e;text-align:center;margin-top:22px}main{margin-left:218px;max-width:1620px;padding:0 36px}header{height:101px;display:flex;align-items:center;justify-content:space-between;gap:24px}.top-title{display:block;font-size:16px;font-weight:750}.top-sub{color:#727f98;font-size:10px}.header-actions{display:flex;align-items:center;gap:28px}.platform{color:#76849d;font-size:8px;letter-spacing:1.5px}.sign-in{padding:10px 21px;border:1px solid #3c475e;background:#1b2536;border-radius:6px;font-weight:700;font-size:11px}.sign-in span{margin-left:25px}.hero{min-height:454px;position:relative;overflow:hidden;border-radius:13px;border:1px solid #314466;background:#0c2547}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#081a31ed 0%,#0c203ac9 29%,#0c24453b 61%,transparent),linear-gradient(0deg,#07172ccb,transparent 50%),url('/site-cover.png?v=002e8e1daa9d') center 47%/cover no-repeat}.hero-copy{position:relative;z-index:1;padding:44px 44px 34px}.eyebrow{display:block;font-size:8px;letter-spacing:1.7px;font-weight:750;color:#a2b6de}.hero .eyebrow{color:#bcceee}.eyebrow i{display:inline-block;width:6px;height:6px;background:#8dd8ed;border-radius:50%;margin-right:10px}.hero h1{font-size:60px;font-weight:800;letter-spacing:-2.4px;line-height:1.06;margin:20px 0}.hero p{font-size:12px;line-height:1.8;color:#afc0dc;max-width:380px}.hero-actions{display:flex;gap:22px;align-items:center;margin:25px 0 16px}.play{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px;background:#89adff;color:#081529;border:1px solid #a4c0ff;border-radius:6px;font-size:12px;font-weight:800;box-shadow:0 5px 24px #4d83ff20}.play:hover{background:#aec6ff}.play>span{font-size:9px}.hero-actions a{font-size:11px;color:#dce6ff}.hero-actions a span{margin-left:8px}.hero small{font-size:8px;color:#7e99bb}.cover-caption{position:absolute;bottom:34px;right:31px;text-align:right}.cover-caption span{font-size:7px;letter-spacing:1.8px;color:#a0bad6;display:block}.cover-caption b{font-size:10px;font-weight:600}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:34px 0 21px;gap:20px}.section-heading .eyebrow{font-size:7px;color:#667b9c;letter-spacing:1.7px;margin-bottom:7px}h2{font-size:24px;font-weight:750;letter-spacing:-.7px}.heading-dot{color:#88acff}.filters{display:flex;padding:4px;background:#151c29;border:1px solid #263046;border-radius:7px;gap:4px}.filters button{border:0;background:none;font-size:9px;padding:7px 12px;border-radius:4px;color:#7f90ad}.filters button.selected{background:#2b3a58;color:#dce6ff}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.level-card{padding:0;background:#151c29;border:1px solid #293449;border-radius:10px;overflow:hidden;text-align:left;min-width:0;transition:transform .18s,border-color .18s}.level-card:hover{transform:translateY(-4px);border-color:#6c8ccb}.level-art{height:166px;position:relative;overflow:hidden;background:#1a2d4b}.badge{position:absolute;top:15px;left:17px;z-index:1;padding:4px 7px;border:1px solid #9cc8ff33;border-radius:4px;background:#111e3888;font-size:6px;letter-spacing:1px;font-weight:750;color:#c1d7f3}.art-number{position:absolute;right:23px;top:9px;font-size:105px;line-height:1.3;color:#b4d8ff10;font-weight:800;letter-spacing:-10px}.art-title{position:absolute;bottom:24px;left:19px;font-size:24px;font-weight:800;line-height:1;letter-spacing:-.8px;color:#ecf4ff;text-shadow:0 2px 15px #001027}.round-play{position:absolute;bottom:20px;right:19px;width:31px;height:31px;border-radius:50%;border:1px solid #a7ceff66;background:#a3ccff16;display:grid;place-items:center;font-size:8px;color:#e0f3ff}.first{background:radial-gradient(ellipse at top right,#286da1aa,transparent),linear-gradient(145deg,#122038,#143b54)}.runway{position:absolute;inset:-10px -10px -40px 30%;transform:rotate(-29deg);background:linear-gradient(90deg,transparent 22%,#32b1e875 22.5%,#102e42 23%,#102e42 54%,#32b1e875 54.5%,transparent 55%)}.runway div{height:100%;margin-left:37%;border-left:2px dashed #7bc8e6aa}.aircraft{position:absolute;right:71px;top:51px;color:#b7e7fd;font-size:46px;transform:rotate(-72deg);text-shadow:0 5px 20px #082032}.second{background:radial-gradient(ellipse at right top,#554b7e99,transparent),#202440}.second .radar{position:absolute;width:125%;height:auto;top:-30px;right:-60px;color:#b0a4dc;opacity:.35;--plane1:#b0a4dc;--plane2:#afc3df;--label:#202440}.conflict{position:absolute;right:10px;top:10px;width:175px;height:130px;fill:none;stroke:#bdadfb;stroke-width:1;opacity:.55}.third{background:linear-gradient(90deg,#1424398a,#1b345642),url('/site-cover.png?v=002e8e1daa9d') 77% 67%/170% no-repeat}.level-body{padding:16px 18px 0}.level-meta{display:flex;align-items:center;justify-content:space-between;color:#7b8da9;font-size:7px;letter-spacing:1.4px}.difficulty{color:#b6a4ec;font-size:9px;letter-spacing:3px}.difficulty.easy{color:#78c5c6}.difficulty.advanced{color:#e1b38a}.level-body h3{font-size:16px;letter-spacing:-.3px;margin:9px 0 8px}.level-body p{font-size:10px;color:#8394af;line-height:1.6;min-height:34px}.level-footer{border-top:1px solid #283248;display:flex;justify-content:space-between;padding:12px 0;margin-top:16px;font-size:8px}.level-footer span:first-child{color:#6f819e}.level-footer span:last-child{color:#b2c9fc}.concept-note{font-size:8px;color:#596d8a;margin-top:12px}.more{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.more-card{display:flex;align-items:center;gap:18px;padding:22px;background:#151e2c;border:1px solid #29374f;border-radius:9px;text-align:left}.more-icon{color:#8cb7f6;background:#243653;width:43px;height:43px;display:grid;place-items:center;font-size:24px;flex-shrink:0;border-radius:9px}.more .eyebrow{font-size:6px;color:#7995bc;letter-spacing:1.2px}.more h3{font-size:13px;margin:5px 0}.more p{font-size:9px;color:#7c90ac}.arrow{margin-left:auto;color:#90a9cc}.learn .more-icon{background:#332e47;color:#b6a2ea}.learn{background:#1b1d2c;border-color:#353348}footer{display:flex;justify-content:space-between;color:#586a85;font-size:8px;padding:30px 0;margin-top:15px;border-top:1px solid #202a3c}dialog{background:#151e2e;color:#eff4ff;border:1px solid #3b5278;border-radius:14px;padding:40px;max-width:520px}dialog::backdrop{background:#030911bb;backdrop-filter:blur(5px)}dialog h2{margin:22px 0 16px}dialog p{font-size:13px;color:#96a8c5;margin-bottom:24px}.close{position:absolute;right:16px;top:10px;font-size:26px;background:none;border:0;color:#9aaac4}[hidden]{display:none!important}@media(min-width:1600px){main{padding-inline:50px}.hero{min-height:510px}.hero-copy{padding:58px}.hero h1{font-size:72px}.level-art{height:190px}}@media(max-width:1150px){.sidebar{width:186px;padding-inline:14px}main{margin-left:186px;padding:0 25px}.hero-copy{padding:36px 30px}.hero h1{font-size:50px}.hero{min-height:420px}.cover-caption{display:none}.platform{display:none}.level-grid{gap:12px}.art-title{font-size:21px}.level-body{padding:14px 13px 0}.level-body h3{font-size:14px}.filters button{padding:7px 9px}.more-card{padding:18px 15px;gap:12px}.more-icon{display:none}.section-heading h2{font-size:22px}}@media(max-width:850px){.sidebar{width:74px;padding:24px 12px}.logo{font-size:0;gap:0;margin:0 5px 35px}.logo span,.nav-heading,.sidebar-bottom,.help{display:none}.logo svg{width:29px}.sidebar nav a,.sidebar nav button{font-size:0;padding:12px 10px}.sidebar nav i{font-size:21px}.sidebar nav .active:after{display:none}main{margin-left:74px;padding:0 23px}header{height:86px}.hero h1{font-size:48px}.hero p{font-size:11px}.level-art{height:148px}.art-title{font-size:19px}.level-body h3{font-size:13px}.level-body p{font-size:9px;min-height:44px}.level-footer{font-size:7px}.level-footer span:first-child{max-width:70px}.level-meta{font-size:6px;letter-spacing:.5px}.badge{font-size:5px;left:12px}.art-title{left:12px}.round-play{right:12px;width:25px;height:25px}.section-heading{align-items:center}.section-heading h2{font-size:20px}.filters button{font-size:8px;padding:7px}.more h3{font-size:12px}.more p{font-size:8px}}@media(max-width:600px){.sidebar{display:none}main{margin:0;padding:0 17px}.hero-copy{padding:30px 22px}.hero h1{font-size:43px}.hero-image{background-position:65% center}.hero-actions{gap:14px}.hero-actions a{font-size:9px}.play{font-size:11px;padding:13px}.section-heading{flex-direction:column;align-items:start}.level-grid{grid-template-columns:1fr}.level-art{height:200px}.level-body p{min-height:0;font-size:12px}.level-body h3{font-size:18px}.level-footer{font-size:10px}.more{grid-template-columns:1fr}.top-title{font-size:14px}.top-sub{font-size:8px}.sign-in{padding:9px 13px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.level-card{transition:none}}
/* Audience-led gaming direction, wording chosen by owner. */
.hero h1{font-size:52px;max-width:700px;letter-spacing:-2.1px}.hero p{max-width:475px}.hero-image{background-image:linear-gradient(90deg,#081a31f2 0%,#0c203ac9 38%,#0c24452b 73%,transparent),linear-gradient(0deg,#07172ccb,transparent 50%),url('/site-cover.png?v=002e8e1daa9d')}.audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:26px;padding:4px 0}.audiences .audience-item{display:flex;gap:13px;align-items:start;text-align:left;background:none;border:0;border-right:1px solid #2b3447;padding:11px 20px;color:inherit}.audiences .audience-item:first-child{padding-left:0}.audiences .audience-item:last-child{border:0;padding-right:0}.audience-index{font-size:9px;color:#6582b1;margin-top:4px}.audiences h3{font-size:14px;line-height:1.4;font-weight:750}.audiences p{color:#8092ae;font-size:9px;margin-top:8px;line-height:1.8}.audience-arrow{margin-left:auto;color:#8aa4cd;font-size:13px}.mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.mode{display:flex;align-items:center;gap:20px;padding:22px 23px;border:1px solid #33496c;border-radius:9px;background:linear-gradient(110deg,#233b61,#18263e);text-align:left}.mode.training{border-color:#484260;background:linear-gradient(110deg,#302d4a,#211f35)}.mode>span:last-child{margin-left:auto}.mode-symbol{font-size:30px;color:#accbff}.mode .eyebrow{font-size:6px;letter-spacing:1.4px;color:#91acd4}.mode h3{font-size:16px;line-height:1.3;margin-top:7px;letter-spacing:-.3px}.mode.training .eyebrow{color:#b0a1cf}.mode.training .mode-symbol{color:#baa9e7}@media(min-width:1600px){.hero h1{font-size:62px;max-width:850px}}@media(max-width:1150px){.hero h1{font-size:45px;max-width:630px}.hero{min-height:428px}.audiences .audience-item{padding:9px 13px;gap:9px}.audiences h3{font-size:12px}.audiences p{font-size:8px}.mode{padding:18px;gap:13px}.mode h3{font-size:14px}}@media(max-width:850px){.hero h1{font-size:40px;max-width:560px;letter-spacing:-1.5px}.hero-copy{padding:36px 25px}.audiences h3{font-size:11px}.audience-index{display:none}.audiences p{font-size:8px}.mode-choice{gap:12px}.mode-symbol{display:none}.mode{padding:17px}.mode .eyebrow{font-size:5px}.mode h3{font-size:13px}}@media(max-width:600px){.hero h1{font-size:37px;letter-spacing:-1px}.hero-copy{padding:30px 22px}.audiences{grid-template-columns:1fr}.audiences .audience-item{padding:17px 0;border-right:0;border-bottom:1px solid #29334a}.audiences h3{font-size:15px}.audiences p{font-size:11px}.audience-index{display:block}.mode-choice{grid-template-columns:1fr}.mode h3{font-size:16px}.mode .eyebrow{font-size:7px}.mode-symbol{display:block}}

/* Learning cards replace the illustrative shift catalog. */
.resources-intro{max-width:290px;color:#8092ae;font-size:10px;text-align:right}.resource-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.resource-card{padding:0;min-width:0;text-align:left;border:1px solid #293449;border-radius:10px;overflow:hidden;background:#151c29;color:#f2f5ff;transition:transform .18s,border-color .18s,box-shadow .18s}.resource-card:hover,.resource-card:focus-visible,.mode:hover,.mode:focus-visible{transform:translateY(-4px);border-color:#6c8ccb;box-shadow:0 12px 28px #0003}.mode{transition:transform .18s,border-color .18s,box-shadow .18s}.mode.training:hover,.mode.training:focus-visible{border-color:#a58cd0}.resource-art{height:118px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,#44749c66,transparent 70%),#182b42;color:#9fc7fc}.resource-number{position:absolute;left:17px;top:13px;font-size:9px;letter-spacing:1px;opacity:.6}.resource-symbol{position:absolute;left:21px;bottom:17px;font-size:43px;line-height:1;font-weight:400;z-index:1}.resource-decor{position:absolute;right:-22px;top:29px;width:105px;height:105px;border:1px solid currentColor;border-radius:50%;opacity:.12;box-shadow:0 0 0 20px #8ca9cc33,0 0 0 40px #8ca9cc22}.english .resource-art{background:radial-gradient(ellipse at 85% 15%,#7968a255,transparent 70%),#282440;color:#c4b3f1}.english .resource-symbol{font-size:37px;font-weight:650;letter-spacing:-2px}.documents .resource-art{background:radial-gradient(ellipse at 85% 15%,#458b8f55,transparent 70%),#183139;color:#93d0cb}.selection .resource-art{background:radial-gradient(ellipse at 85% 15%,#ac826955,transparent 70%),#392c2b;color:#dfb598}.study .resource-art{background:radial-gradient(ellipse at 85% 15%,#567f9855,transparent 70%),#243044;color:#a0bedf}.resource-body{padding:18px 17px 0;display:flex;flex-direction:column;min-height:186px}.resource-body h3{font-size:14px;line-height:1.4;letter-spacing:-.3px;min-height:40px}.resource-body p{font-size:10px;color:#8394af;line-height:1.7;margin:11px 0 19px}.resource-open{display:flex;justify-content:space-between;border-top:1px solid #2b354a;padding:12px 0;font-size:8px;color:#abc4ef;margin-top:auto}.resource-card:hover .resource-open{color:#d5e3ff}@media(max-width:1150px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-body{min-height:170px}.resource-art{height:105px}.resources-intro{max-width:230px;font-size:9px}}@media(max-width:850px){.resource-grid{gap:12px}.resource-body{padding:15px 13px 0;min-height:180px}.resource-body h3{font-size:13px}.resource-body p{font-size:9px}.resources-intro{max-width:205px;font-size:8px}}@media(max-width:600px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-intro{text-align:left;max-width:none;font-size:10px}.resource-body{min-height:190px}.resource-body h3{font-size:13px}.resource-body p{font-size:10px}}@media(prefers-reduced-motion:reduce){.resource-card,.mode{transition:none}.resource-card:hover,.resource-card:focus-visible,.mode:hover,.mode:focus-visible{transform:none}}

/* Readability pass: larger interface and supporting copy. */
body{font-size:16px}.sidebar{width:238px;padding-inline:18px}main{margin-left:238px}.nav-heading{font-size:10px;letter-spacing:1px}nav a,nav button{font-size:14px;padding:14px 12px}.sidebar-bottom h3{font-size:14px}.sidebar-bottom p{font-size:12px}.sidebar-bottom button{font-size:12px}.help{font-size:10px}.top-title{font-size:20px}.top-sub{font-size:13px}.platform{font-size:10px;letter-spacing:1px}.sign-in{font-size:14px}.eyebrow{font-size:11px;letter-spacing:1.2px}.hero{min-height:490px}.hero h1{font-size:54px;max-width:740px}.hero p{font-size:16px;max-width:540px;line-height:1.75}.hero small{font-size:11px}.hero-actions{margin-top:28px;gap:24px}.play{font-size:15px;padding:15px 23px}.hero-actions a{font-size:14px}.cover-caption span{font-size:9px}.cover-caption b{font-size:12px}.audiences{margin-top:28px}.audiences h3{font-size:17px;line-height:1.45}.audiences p{font-size:13px;line-height:1.7}.audience-index{font-size:11px}.audiences .audience-item{padding-inline:17px;gap:11px}.mode{padding:24px}.mode .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.9px}.mode h3{font-size:20px;line-height:1.4}.section-heading .eyebrow{font-size:10px;letter-spacing:1.1px}.section-heading h2{font-size:29px}.resources-intro{font-size:13px;max-width:345px;line-height:1.7}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resource-art{height:125px}.resource-number{font-size:12px}.resource-body{padding:21px 22px 0;min-height:202px}.resource-body h3{font-size:19px;line-height:1.4;min-height:54px}.resource-body p{font-size:14px;line-height:1.7;margin:12px 0 20px}.resource-open{font-size:12px;padding:15px 0}.more{align-items:stretch}.more-card{padding:24px;gap:17px}.more .eyebrow{font-size:9px;line-height:1.6;letter-spacing:.8px}.more h3{font-size:17px;line-height:1.45}.more p{font-size:13px;line-height:1.7}.more-icon{width:43px}.arrow{font-size:18px}footer{font-size:11px;gap:20px}dialog p{font-size:16px;line-height:1.75}dialog h2{font-size:28px}
@media(min-width:1600px){.hero h1{font-size:64px;max-width:920px}.hero{min-height:535px}.resource-body{min-height:215px}}
@media(max-width:1150px){.sidebar{width:205px;padding-inline:13px}main{margin-left:205px;padding-inline:25px}nav a,nav button{font-size:13px;gap:10px}.nav-heading{font-size:9px}.hero-copy{padding:35px 29px}.hero h1{font-size:47px;max-width:650px}.hero p{font-size:15px;max-width:510px}.hero-actions a{font-size:13px}.play{font-size:14px;padding:14px 19px}.hero small{font-size:10px}.audiences h3{font-size:15px}.audiences p{font-size:12px}.audiences .audience-item{padding-inline:13px;gap:8px}.audience-index{display:none}.mode{padding:20px;gap:13px}.mode h3{font-size:17px}.mode .eyebrow{font-size:9px}.mode-symbol{display:none}.section-heading h2{font-size:26px}.resources-intro{font-size:12px;max-width:270px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.resource-body h3{font-size:18px}.resource-body p{font-size:14px}.resource-body{min-height:205px}.more-card{padding:20px}.more h3{font-size:16px}.more p{font-size:12px}.more-icon{display:none}.more .eyebrow{font-size:8px}}
@media(max-width:850px){.sidebar{width:74px;padding-inline:12px}.sidebar nav a,.sidebar nav button{font-size:0;padding:12px 10px}.sidebar .nav-heading,.sidebar .sidebar-bottom,.sidebar .help{display:none}main{margin-left:74px;padding-inline:23px}.top-title{font-size:18px}.top-sub{font-size:12px}.hero h1{font-size:44px;letter-spacing:-1.5px}.hero p{font-size:15px}.hero{min-height:480px}.hero-actions{gap:20px}.hero-actions a{font-size:12px}.audiences h3{font-size:15px}.audiences p{font-size:12px}.audiences .audience-item{padding-inline:11px}.mode h3{font-size:17px}.mode .eyebrow{font-size:8px}.mode{padding:19px}.section-heading{gap:25px}.section-heading .eyebrow{font-size:9px}.section-heading h2{font-size:25px}.resources-intro{font-size:12px;max-width:245px}.resource-body{padding:19px 20px 0;min-height:215px}.resource-body h3{font-size:18px}.resource-body p{font-size:14px}.resource-open{font-size:12px}.more h3{font-size:16px}.more p{font-size:12px}.more .eyebrow{font-size:8px}footer{font-size:10px}}
@media(max-width:600px){main{margin-left:0;padding-inline:17px}.hero-copy{padding:30px 22px}.hero h1{font-size:38px;letter-spacing:-1px}.hero p{font-size:14px}.hero .eyebrow{font-size:9px}.hero-actions{flex-wrap:wrap;gap:12px}.hero small{font-size:10px}.audiences h3{font-size:17px}.audiences p{font-size:14px}.audiences .audience-item{padding:17px 0}.mode h3{font-size:19px}.mode .eyebrow{font-size:9px}.resource-grid{grid-template-columns:1fr}.resources-intro{font-size:13px;max-width:none}.resource-body{min-height:190px}.resource-body h3{font-size:20px;min-height:0}.resource-body p{font-size:15px}.resource-open{font-size:13px}.more h3{font-size:17px}.more p{font-size:14px}.sign-in{font-size:13px}.sign-in span{margin-left:12px}.section-heading h2{font-size:27px}}

/* Clickable page concepts. */
.soft-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:#22324e;border:1px solid #3b5072;color:#c3d7ff;border-radius:6px;padding:11px 16px;font-size:13px;font-weight:650;text-align:left}.soft-button:hover{background:#2d4266}.page-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:#7386a5;font-size:12px;padding:12px 0 25px}.page-breadcrumb button{background:none;border:0;color:#a8bfdf;font-size:12px;padding:5px 0}.page-breadcrumb button:first-child{border:1px solid #34435a;padding:7px 13px;border-radius:5px}.detail-heading{margin:12px 0 35px;max-width:890px}.detail-heading h1{font-size:43px;line-height:1.2;letter-spacing:-1.5px;margin:13px 0 17px;overflow-wrap:anywhere}.detail-heading>p{font-size:16px;line-height:1.8;color:#98aac6}.detail-page{min-height:65vh;padding-bottom:40px}.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.destination-card{display:flex;flex-direction:column;padding:26px;background:linear-gradient(130deg,#1c293f,#141c2b);border:1px solid #30435f;border-radius:12px;min-width:0}.destination-card h3{font-size:21px;line-height:1.4;margin:14px 0}.destination-card p{font-size:15px;color:#93a6c3;margin-bottom:27px;line-height:1.8}.destination-card button{margin-top:auto;align-self:start}.small-tag{font-size:10px;font-weight:700;letter-spacing:1px;color:#abc6ee;display:inline-block;align-self:start;padding:6px 9px;background:#29415f66;border:1px solid #354f7288;border-radius:4px}.progress-panel,.feature-panel{padding:27px 30px;background:linear-gradient(120deg,#233b5f,#1b263e);border:1px solid #365278;border-radius:12px;display:flex;gap:25px;justify-content:space-between;align-items:center;margin:0 0 26px}.progress-panel b{font-size:20px}.progress-panel p,.feature-panel p{font-size:15px;line-height:1.8;color:#9bafd0;margin-top:10px}.feature-panel{margin:30px 0}.feature-panel h2{font-size:28px;line-height:1.35;margin-top:12px}.feature-panel>button,.progress-panel>button{flex-shrink:0}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px;align-items:start}.reading-layout:has(>.contents){grid-template-columns:225px minmax(0,1fr)}.reading{border:1px solid #2e3f58;background:#141d2b;padding:34px;border-radius:12px;max-width:950px;min-width:0}.reading h2{font-size:30px;line-height:1.35;margin:16px 0 20px}.reading h3{font-size:21px;line-height:1.5;margin:28px 0 12px}.reading p,.reading li{font-size:16px;line-height:1.9;color:#a3b2cc}.reading p{margin:16px 0 23px}.reading-callout{padding:23px;border-left:3px solid #7ca6f2;background:#1e2e49;color:#b3c9ee;font-size:15px;line-height:1.8;margin:25px 0}.contents{border:1px solid #2e3e58;padding:23px;background:#131b29;border-radius:10px;position:sticky;top:25px}.contents a{display:block;font-size:14px;line-height:1.6;color:#9db6d9;padding:15px 0;border-bottom:1px solid #2b3a51}.contents .eyebrow{font-size:9px}.page-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:25px 0}.prototype-note{font-size:13px;color:#9aaac3;line-height:1.8;padding:18px 21px;border:1px dashed #3a4c68;border-radius:8px;margin:25px 0}.inline-status{font-size:14px!important;color:#a9d9c3!important;margin-top:18px;line-height:1.7}.inline-status:empty{display:none}.path-steps{padding:0;list-style:none;margin:22px 0}.path-steps li{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid #2c3b52}.path-steps li>span{color:#88aeed;font-size:15px;margin-top:4px}.path-steps h3{font-size:21px;margin:0 0 10px}.path-steps p{font-size:15px;line-height:1.8;color:#94a9c8;margin:0}.topic-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}.topic-tabs button{padding:12px 17px;border:1px solid #354860;background:#172337;color:#99b0d1;border-radius:6px;font-size:14px}.topic-tabs button.selected{background:#304976;color:#e0ebff}.audio-placeholder{background:#21304a;border:1px solid #3c5172;padding:28px;display:flex;gap:25px;align-items:center;font-size:32px;border-radius:9px}.audio-placeholder span{font-size:15px;color:#a7bad7}.search-row{display:flex;gap:20px;align-items:center;margin:0 0 25px}.search-row input{flex:1;min-width:0}.search-row input,.prototype-form input,.prototype-form textarea,.prototype-form select,.chat-compose input{padding:15px 16px;border:1px solid #3a4b67;background:#101a29;color:#e5edfa;border-radius:7px;font:inherit;font-size:15px}.search-row input::placeholder,.prototype-form input::placeholder,.prototype-form textarea::placeholder,.chat-compose input::placeholder{color:#7a90af}.document-list{display:grid;gap:14px}.document-row{display:flex;align-items:center;gap:23px;text-align:left;padding:25px;border:1px solid #2f425f;border-radius:9px;background:#162237;color:#e2eafa}.document-row>span:last-child{margin-left:auto}.document-row h3{font-size:19px}.document-row p{font-size:13px;margin-top:9px;color:#8da3c4}.document-icon{font-size:30px;color:#97badf}.info-card{padding:27px;background:#1a263b;border:1px solid #344963;border-radius:10px}.info-card h3{font-size:20px}.info-card p{font-size:14px;color:#9aafce;margin:18px 0;line-height:1.9}dl{margin:23px 0}dt{font-size:12px;color:#718cac;margin-top:20px}dd{font-size:15px;color:#afc2df;margin:7px 0}.file-placeholder{height:330px;border:1px dashed #3b506b;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:65px;color:#6688b1;gap:20px}.file-placeholder span{font-size:14px}.sample-code{font-size:35px;letter-spacing:5px;color:#bad0ff;background:#22324d;padding:20px 30px;border:1px solid #49618b;border-radius:8px;display:inline-block;margin:0 0 25px}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.answer{padding:22px;background:#1c2c45;border:1px solid #3d5376;color:#c8daff;border-radius:7px;font-size:22px;letter-spacing:2px}.answer.correct{background:#183c32;border-color:#74caa7;color:#acf0d5}.answer.wrong{background:#452c36;border-color:#c37c8c;color:#f0baca}.reading>[data-retry]{margin-top:25px}.teacher-card,.teacher-hero{display:flex;align-items:center;gap:25px;padding:30px;border:1px solid #364a68;border-radius:12px;background:linear-gradient(120deg,#20334e,#172133)}.teacher-card h3{font-size:23px;margin:10px 0}.teacher-card p,.teacher-hero p{font-size:14px;color:#9fb1cc}.teacher-card>button,.teacher-hero>button{margin-left:auto}.avatar{width:85px;height:85px;flex-shrink:0;display:grid;place-items:center;border-radius:20px;border:1px solid #526c94;background:#304767;color:#c7dcff;font-size:35px}.avatar.small{width:45px;height:45px;font-size:22px;border-radius:12px}.teacher-status{font-size:12px;color:#a6b6ce;margin-top:13px}.teacher-hero{margin-bottom:28px}.teacher-hero h2{font-size:29px;margin:12px 0}.prototype-form{max-width:720px;border:1px solid #344964;border-radius:12px;background:#162236;padding:30px;margin:0 0 25px}.prototype-form label{display:flex;flex-direction:column;gap:9px;margin:0 0 20px;font-size:14px;color:#b3c7e5}.prototype-form textarea{min-height:125px;resize:vertical}.prototype-form p{font-size:14px;color:#91a7c8;margin:16px 0 23px;line-height:1.8}.prototype-form .check{flex-direction:row;align-items:start;gap:12px}.check input{margin-top:6px}.auth-preview{max-width:610px}.auth-preview .prototype-note{margin-top:0}.chat-example{max-width:850px;background:#141f31;border:1px solid #344966;border-radius:12px;overflow:hidden}.chat-title{display:flex;align-items:center;gap:18px;padding:23px;border-bottom:1px solid #2f405c}.chat-title p{font-size:12px;color:#8fa5c5;margin-top:5px}.bubbles{min-height:280px;padding:26px;display:flex;flex-direction:column;gap:20px}.bubble{padding:17px 22px;border-radius:4px 16px 16px;background:#273c5c;max-width:80%;align-self:start;color:#bdd0ed;font-size:15px;overflow-wrap:anywhere}.bubble.mine{background:#394167;align-self:end;border-radius:16px 4px 16px 16px}.chat-compose{display:flex;gap:15px;padding:20px;border-top:1px solid #2e415d}.chat-compose input{flex:1;min-width:0}.plan-price{font-size:16px;color:#b7cdf0;margin-bottom:25px}.plans-grid .destination-card:nth-child(2){border-color:#789cdd;background:linear-gradient(135deg,#273e62,#1d2940)}footer button{border:0;background:none;color:#99b4db;font-size:12px}.detail-page button:hover{filter:brightness(1.12)}@media(max-width:1150px){.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-heading h1{font-size:36px}.reading-layout,.reading-layout:has(>.contents){grid-template-columns:1fr}.contents{position:static;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.contents a{border:0;padding:5px;font-size:12px}.reading{padding:28px}.teacher-card,.teacher-hero{flex-wrap:wrap}.teacher-card>button,.teacher-hero>button{margin-left:0}.progress-panel,.feature-panel{align-items:start;flex-direction:column}.header-actions{gap:12px}.header-actions>.soft-button{font-size:11px;padding:10px 12px}.search-row{flex-wrap:wrap}.destination-card{padding:23px}.destination-card h3{font-size:20px}}@media(max-width:850px){.detail-heading h1{font-size:32px}.detail-heading>p{font-size:15px}.destination-card h3{font-size:19px}.destination-card p{font-size:14px}.reading h2{font-size:26px}.search-row .small-tag{font-size:9px}.teacher-card{padding:24px}.document-row{padding:22px}.document-row h3{font-size:17px}.prototype-form{padding:25px}}@media(max-width:600px){.destination-grid{grid-template-columns:1fr}.detail-heading h1{font-size:30px}.reading{padding:23px}.answer-grid{grid-template-columns:1fr}.chat-compose{flex-direction:column}.header-actions{gap:7px}.header-actions>.soft-button{font-size:10px;padding:8px}.top-title{font-size:16px}.top-sub{font-size:10px}.document-row{gap:15px}.document-row h3{font-size:16px}.teacher-hero h2{font-size:24px}.path-steps{margin-block:15px}.path-steps li{gap:14px}.path-steps h3{font-size:19px}}

/* Preparation carousel */
.resources{position:relative}.resources .section-heading{padding-right:112px}.resource-arrows{position:absolute;right:0;top:10px;display:flex;gap:10px}.resource-arrows button{width:44px;height:44px;border:1px solid #425575;border-radius:50%;background:#1a263a;color:#e6eeff;font-size:23px;cursor:pointer}.resource-arrows button:hover:not(:disabled){background:#304970;border-color:#9dbdfa}.resource-arrows button:disabled{opacity:.3;cursor:default}.resources .resource-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 24px;overscroll-behavior-x:contain}.resource-grid::-webkit-scrollbar{display:none}.resources .resource-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}.resources .resource-body{min-height:225px}.resource-arrows button:focus-visible{outline:2px solid #a2c4ff;outline-offset:3px}@media(max-width:1150px){.resources .resource-card{flex-basis:calc((100% - 18px)/2)}.resources-intro{display:none}}@media(max-width:600px){.resources .resource-card{flex-basis:85%}.resources .section-heading{padding-right:100px}}

/* Inline carousel controls */
.resources .section-heading{padding-right:0}
.resource-carousel{position:relative;padding:0 58px}
.resource-carousel .resource-arrows{position:absolute;inset:0;pointer-events:none;display:block}
.resource-carousel .resource-arrows button{position:absolute;top:calc(50% - 8px);transform:translateY(-50%);pointer-events:auto;z-index:2;width:46px;height:64px;border-radius:14px;background:#1b2940;box-shadow:0 5px 18px #0004}
.resource-carousel [data-resource-prev]{left:0}
.resource-carousel [data-resource-next]{right:0}
@media(max-width:850px){.resource-carousel{padding:0 48px}.resource-carousel .resource-arrows button{width:38px;height:58px}}

/* Shared lower row for hero captions */
.hero .hero-copy{padding-bottom:100px}
.hero-bottom{position:absolute;z-index:1;left:44px;right:31px;bottom:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.hero-bottom .cover-caption{position:static}
.hero-bottom small,.hero-bottom .cover-caption b{display:block;line-height:18px}
@media(min-width:1600px){.hero-bottom{left:58px}}
@media(max-width:1150px){.hero-bottom{left:29px}}
@media(max-width:600px){.hero-bottom{left:22px;right:22px}}

body.game-info-open,body.training-info-open{overflow:hidden}
:is(#gameInfo,#trainingInfo){box-sizing:border-box;position:fixed;inset:0;width:650px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 48px);margin:auto;padding:38px;overflow:auto;border:1px solid #4b6186;border-radius:20px;background:#151e2e;color:#edf2fc;text-align:left;box-shadow:0 24px 90px #0009}
:is(#gameInfo,#trainingInfo)::backdrop{background:#060b18c9;backdrop-filter:blur(4px)}
:is(#gameInfo,#trainingInfo) h2{margin:0 40px 20px 0;font-size:28px}
:is(#gameInfo,#trainingInfo) p{margin:0;font-size:18px;line-height:1.8;color:#c7d4e9}
:is(#gameInfo,#trainingInfo) .game-info-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border:1px solid #4b6186;border-radius:10px;background:#24344e;color:#edf2fc;font-size:24px;cursor:pointer}
:is(#gameInfo,#trainingInfo) .game-info-close:focus-visible{outline:2px solid #b8d0ff;outline-offset:3px}

#trainingInfo p+p{margin-top:16px}
#trainingInfo .training-intro{color:#edf2fc;font-weight:650}
#trainingInfo .training-plans{margin-top:24px;padding:16px;border:1px solid #55537b;border-radius:12px;background:#29283f;color:#d7cef7;font-size:15px;line-height:1.6}

.audiences .audience-item{cursor:default}