:root{color-scheme:dark;font:16px/1.5 "Segoe UI",Arial,sans-serif;background:#071217;color:#eaf3f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 15%,#16363055,transparent 48%)}main{max-width:1240px;margin:auto;padding:0 38px}a{color:inherit}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12;gap:20px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:16px;font-weight:750;letter-spacing:.8px}.brand>span:last-child{font-weight:350;color:#a9b9bd}.brand-mark{color:#b9f5c9;font-size:33px;margin-right:6px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none;color:#bdcacc}nav a:hover{color:#bbf5ce}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:58px;padding:76px 0 70px}.eyebrow{font:11px/1.6 Consolas,monospace;letter-spacing:2px;color:#a5c4bb;margin-bottom:21px}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b9efbc;margin-right:9px}h1{font-size:clamp(36px,4.3vw,59px);line-height:1.1;letter-spacing:-2px;font-weight:600;margin:0 0 25px}h1 em{font-style:normal;color:#b9f5c9}h2{font-size:28px;line-height:1.25;letter-spacing:-.6px;font-weight:550;margin:0 0 16px}h3{font-size:20px;font-weight:550;line-height:1.3}p{color:#9eafb4;line-height:1.75;margin:12px 0}.hero p{max-width:500px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}button,a.button{font:600 14px/1.4 "Segoe UI",Arial,sans-serif;border:1px solid #345059;border-radius:7px;padding:12px 18px;background:#142a33;color:#edf7f5;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:25px}button:hover,a.button:hover{background:#213e46}button.primary,a.button.primary{background:#b9f5c9;color:#10261b;border-color:#b9f5c9}button.primary:hover,a.button.primary:hover{background:#d2ffdd}button:disabled{opacity:.55;cursor:wait}.text-link{font-size:14px;padding:12px 2px;text-decoration:none;color:#bbc9c8}.muted,small{font-size:13px;color:#829b9f}.hero .muted{margin-top:22px;font-size:12px;letter-spacing:.2px}.radar-preview{background:#091b21;border:1px solid #2c4849;border-radius:14px;box-shadow:0 25px 80px #0003;overflow:hidden;transform:rotate(-2deg)}.radar-preview svg{display:block;width:100%;height:auto}.radar-caption,.radar-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;color:#88a5aa;font:10px Consolas,monospace;letter-spacing:1px;border-bottom:1px solid #294146}.live-dot{color:#b9f5c9}.radar-bottom{border-top:1px solid #294146;border-bottom:0;gap:9px;font:10px "Segoe UI",sans-serif;letter-spacing:0}.radar-bottom i{display:inline-block;width:5px;height:5px;background:#a6e5be;border-radius:50%;margin-right:5px}.card{background:#0d1d24;border:1px solid #263c43;border-radius:12px;padding:30px;margin:20px 0}.access-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start;border-top:1px solid #263c43;padding-top:25px;scroll-margin-top:25px}.access-layout .card{max-width:520px}.access-info{padding-top:43px}.access-info h2{font-size:34px}.access-info ol{padding-left:23px;margin-top:30px}.access-info li{padding:0 0 18px 12px;color:#b9f5c9}.access-info li b{color:#d6e3e2;font-size:15px;font-weight:550}.access-info li p{font-size:14px;margin:4px 0;max-width:355px}.tabs{display:flex;border-bottom:1px solid #284048;margin-bottom:25px;gap:15px}.tab{border:0;border-bottom:2px solid transparent;border-radius:0;padding:0 3px 13px;background:transparent;font-weight:500;color:#829b9f}.tab:hover{background:transparent;color:#d2ffdd}.tab.active{border-color:#b9f5c9;color:#b9f5c9}label{display:block;font-size:13px;margin:18px 0 8px;color:#c7d5d8}input,select{font:16px "Segoe UI",Arial,sans-serif;padding:12px 14px;border:1px solid #354c54;background:#09171d;color:#eaf3f2;border-radius:6px;max-width:100%;width:100%}small{display:block;margin-top:6px;font-size:11px;line-height:1.5}input:focus,select:focus{outline:2px solid #b9f5c9;outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid #b9f5c9;outline-offset:4px}.student-note{margin-top:24px;padding-top:20px;border-top:1px solid #263c43;font-size:12px;color:#91a7aa;line-height:1.7}.about{padding:70px 0 50px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.features article{border-top:1px solid #385149;padding-top:25px}.features article>span{font:11px Consolas,monospace;color:#a6d2be;letter-spacing:1px}.features p{font-size:14px}.room-top{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.room-top h2{margin:0}.badge{display:inline-block;padding:5px 10px;border:1px solid #365c4e;color:#a9e8c3;border-radius:30px;font-size:12px}.user-row{padding:20px 0;border-top:1px solid #294047;margin-top:20px}.user-row strong{overflow-wrap:anywhere}.user-row .actions{margin-top:13px}.danger{color:#ffc0b2;border-color:#82534a}.status-card{max-width:670px;border-left:3px solid #b9f5c9}.narrow{max-width:520px}#notice{color:#ffc7a3;white-space:pre-wrap;overflow-wrap:anywhere}#notice:empty{display:none}#inviteLink{font-size:14px}footer{border-top:1px solid #263c43;display:flex;justify-content:space-between;gap:20px;padding:27px 0 35px;font-size:11px;color:#789093;letter-spacing:.5px}.signed-in .hero,.invited .hero{display:block;padding:42px 0 5px}.signed-in h1,.invited h1{font-size:38px}.signed-in #radarPreview,.signed-in #heroActions,.signed-in #heroNote,.signed-in #about,.signed-in #aboutLink,.signed-in #accessLink,.invited #radarPreview,.invited #heroActions,.invited #heroNote,.invited #about,.invited #aboutLink,.invited #accessLink{display:none}.signed-in .access-layout,.invited .access-layout{border:0;padding:0;display:block}.signed-in .hero .eyebrow,.invited .hero .eyebrow{display:none}[hidden]{display:none!important}@media(max-width:850px){main{padding:0 22px}.hero{gap:25px;padding:45px 0}.access-layout{gap:35px}.radar-bottom>span:last-child{display:none}h1{font-size:40px}.features{gap:20px}}@media(max-width:620px){header{height:78px}.brand{font-size:12px;gap:5px}.brand-mark{font-size:26px}nav{gap:12px;font-size:12px}.hero{grid-template-columns:1fr;gap:35px}.hero h1{font-size:43px}.radar-preview{transform:none;max-width:440px}.access-layout{grid-template-columns:1fr;gap:10px}.access-info{padding:15px 0}.access-layout .card{max-width:none}.card{padding:23px}.features{grid-template-columns:1fr;gap:15px}.about{padding-top:45px}footer{flex-direction:column;gap:8px}.actions .button,.actions button{max-width:100%}main{padding:0 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#gameLevelAdmin textarea{display:block;width:100%;min-height:92px;resize:vertical;box-sizing:border-box;background:#08191f;color:#e2f3f5;border:1px solid #31515c;border-radius:7px;padding:12px;font:inherit;margin:8px 0 18px}#levelRuleFields{align-items:flex-start;margin:16px 0}#levelRuleFields label{flex:1 1 180px;max-width:260px}#levelAdminActions{margin-top:18px}


.radio-event{margin:16px 0;padding:16px;border:1px solid #31515c;border-radius:10px}.radio-event label{display:block}.radio-event audio{width:100%;max-width:400px;margin:8px 0}#levelRadioEditor{margin:24px 0}#levelRadioEditor input[type=file]{max-width:100%}#levelRadioEditor details{padding:12px;border:1px solid #31515c;border-radius:8px}#levelTutorial{width:auto}


.player-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.player-nav button[aria-current=page]{background:#b9f5c9;color:#092018}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin:20px 0}.player-tile{padding:22px;background:linear-gradient(135deg,#102b33,#0b1b25);border:1px solid #34545c;border-radius:16px;min-width:0}.player-tile h3{margin:0 0 12px;overflow-wrap:anywhere}.player-tile p{color:#aac5ca;line-height:1.6}.player-tile strong{display:block;font-size:32px;color:#b9f5c9;margin:10px 0}.player-tile button{width:100%;margin-top:10px}.player-tile[data-locked=true]{opacity:.65}.player-dashboard .narrow{max-width:none}.player-dashboard #welcome{padding-top:22px}.player-dashboard #gameShifts{border:0;padding:0;background:none}.player-dashboard #gameLevelChoice{max-width:100%}.player-dashboard #accountPlan{max-width:none}
.player-grid > button.player-tile{display:block;text-align:left;white-space:normal;font:inherit}.player-grid > button.player-tile h3{font-size:19px;line-height:1.4}.player-grid > button.player-tile p{font-size:14px;font-weight:400;margin-bottom:0}.player-grid > button.player-tile:hover{border-color:#8adbb7;background:#14333b}

.solo-editor{background:#0c2028;color:#e5f4ef;border:1px solid #52786a;border-radius:16px;width:min(760px,90vw);max-height:85vh;overflow:auto;padding:24px}.solo-editor::backdrop{background:#0009}.solo-editor fieldset{margin:12px 0}.solo-editor button{margin:8px 8px 0 0}

/* Account section tiles */
.player-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 28px}
.player-nav .player-menu-tile{position:relative;display:flex;align-items:center;gap:14px;min-width:0;min-height:108px;margin:0;padding:20px;text-align:left;white-space:normal;border:1px solid #2b4751;border-radius:18px;background:linear-gradient(125deg,#102934,#0b1b24);color:#e5f2f3;transition:background .15s,border-color .15s,box-shadow .15s}
.player-nav .player-menu-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#163b43;color:#98dfcf}.player-menu-icon svg{width:26px;height:26px}
.player-menu-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.player-menu-copy strong{font-size:16px;line-height:1.3;overflow-wrap:anywhere}.player-menu-copy small{font-size:12px;line-height:1.45;font-weight:400;color:#aac2cb}.player-menu-arrow{margin-left:auto;align-self:flex-start;color:#8ba7b3;font-size:18px}
.player-nav .player-menu-tile:hover{border-color:#739f9e;background:#173641;box-shadow:0 4px 18px #0002}.player-nav .player-menu-tile:focus-visible{outline:2px solid #b9f5c9;outline-offset:3px}
.player-nav .player-menu-tile[aria-current=page]{border-color:#83cbb1;background:linear-gradient(125deg,#214639,#102d2c);box-shadow:inset 0 0 0 1px #83cbb133;color:#e4ffed}.player-menu-tile[aria-current=page] .player-menu-icon{background:#b9f5c9;color:#143c31}.player-menu-tile[aria-current=page] .player-menu-arrow{color:#b9f5c9}
.player-menu-tile[data-player-section=learning] .player-menu-icon{color:#b1c9ff;background:#20324f}.player-menu-tile[data-player-section=games] .player-menu-icon{color:#f1d59b;background:#433826}.player-menu-tile[data-player-section=teachers] .player-menu-icon{color:#a9e3ef;background:#193c4a}
@media(min-width:1400px){.player-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.player-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.player-nav .player-menu-tile{padding:16px;gap:10px}.player-menu-arrow{display:none}}
@media(max-width:480px){.player-nav{gap:10px}.player-nav .player-menu-tile{align-items:flex-start;flex-direction:column;min-height:145px;padding:14px}.player-menu-copy strong{font-size:14px}.player-menu-copy small{font-size:11px}.player-nav .player-menu-icon{flex-basis:36px;width:36px;height:36px;border-radius:10px}.player-menu-icon svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.player-nav .player-menu-tile{transition:none}}

.plan-expiry{padding:12px 16px;border:1px solid #36594f;border-radius:12px;margin:12px 0;background:#102b29}.plan-expiry p{margin:6px 0 0;font-size:13px}.plan-expiry [data-urgent=true]{color:#ffd28d}.plan-due{padding:12px 0;border-bottom:1px solid #34515a}#planManagement input,#planManagement select{width:100%;box-sizing:border-box}