/* Retro's quiet amber mission route: question bank → lesson file → classroom. */
#sys .re-brand{flex:none;max-width:13em;white-space:normal;line-height:1.25;text-align:start;border:0;border-inline-start:1px solid #385062;background:none;color:#ffca76;padding:2px 8px;font:12px/1.3 var(--f-mono);cursor:pointer}
#sys{flex-wrap:wrap}.re-page h1:focus{outline:none}
.re-invite{display:flex;align-items:center;flex-wrap:wrap;flex:0 0 auto;gap:8px 14px;max-width:100%;padding:10px 14px;border:1px solid #355367;border-inline-start:3px solid #ffb23e;border-radius:8px;background:#08131cf5;color:#dce9ef;font:14px/1.45 "Quicksand",sans-serif;margin-block-start:auto;text-align:start}
.re-invite-brand{font:11px/1.3 var(--f-display);letter-spacing:.06em;color:#ffca76}.re-invite-copy{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}.re-dismiss{border:0;background:transparent;color:#bfd5df;cursor:pointer;font:24px/1 sans-serif;padding:6px}
.re-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;padding:9px 15px;border:1px solid #668899;border-radius:7px;font:700 15px/1.4 "Quicksand",sans-serif;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;color:#def0f6;background:#102331}
.re-button:hover{border-color:#ffca76;background:#183447}.re-button:disabled{opacity:.55;cursor:default}.re-primary{background:#ffca76;color:#101820;border-color:#ffca76}.re-primary:hover{background:#ffda9e;color:#101820}.re-quiet{background:#0b1c28;color:#d9eef7}.re-button:focus-visible,.re-brand:focus-visible,.re-dismiss:focus-visible{outline:3px solid #62d3ff;outline-offset:3px}
#stage #a-retro{background:linear-gradient(#06101ae8,#07121af5),url(../bg/bg-launch.webp) center/cover no-repeat,#06101a;color:#dce9ef;font-family:"Quicksand",sans-serif;--b1:#ffca76;--b2:#0a1721;gap:0}
#stage #a-retro::before{display:none}
.re-page{width:min(1220px,100%);margin-inline:auto;line-height:1.6;font-size:clamp(15px,1.8vmin,20px);padding-bottom:20px}
.re-page h1,.re-page h2,.re-page h3{margin:0;color:#f4f7fa;line-height:1.35;overflow-wrap:anywhere}.re-page h1{font:clamp(24px,3.8vw,47px)/1.35 var(--f-display);max-width:22em}.re-page h2{font-size:1.22em}.re-page h3{font:14px/1.5 var(--f-display)}
.re-page p{margin:.65em 0}.re-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.re-heading>div{min-width:0}.re-heading>.re-button{flex:0 1 220px}.re-eyebrow{font:12px/1.5 var(--f-mono);letter-spacing:.16em;color:#ffca76;margin:0 0 12px!important}.re-lead{max-width:64ch;color:#c5d9e4}.re-source{font-size:13px;color:#a9c1cf}
.re-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:28px}.re-path>div{position:relative;padding:16px;border-block-start:2px solid #ffca76;background:#0b1d29;min-width:0}.re-step{display:block;color:#ffca76;font:28px/1 var(--f-mono);margin-bottom:10px}.re-path h2{font-size:1.05em}.re-path p{font-size:.9em;color:#bcd2df}
.re-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}.re-panel{padding:24px;border:1px solid #385465;border-radius:10px;background:#0a1b27;min-width:0}.re-access{border-color:#9a7744}.re-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:18px}.re-note,.re-import{font-size:.85em;color:#b9cfdb}.re-import{margin-top:20px}.re-import summary{cursor:pointer;color:#ffca76}.re-import ol{padding-inline-start:1.4em}.re-import li{margin-block:10px}
.re-page #join{display:flex;flex-direction:column;gap:8px;margin-top:20px}.re-page #join>label{font-weight:700;font-size:.86em}.re-page #join input.f{width:100%;border:1px solid #628197;background:#05121b;color:#fff;min-height:42px;font:16px/1.5 "Quicksand",sans-serif;padding:8px 10px;border-radius:5px}.re-page #join p{font-size:.78em;color:#b6cdd9;margin:0}.re-page .re-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin-block:6px}.re-consent input{flex:none;width:18px;height:18px;margin-top:3px;accent-color:#ffca76}.re-page #j-ok{font-size:.9em;color:#ffda9e;overflow-wrap:anywhere}.re-page #re-signup-link{color:#8bdcff;font-size:.86em}.re-games{margin-top:30px}.re-games #ar-fleet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.re-games article{padding:16px;background:#0b1c28;border:1px solid #355367;border-radius:8px;min-width:0}.re-games article p{font-size:.83em;color:#bed3df}.re-promise{padding-block:20px;color:#ffca76;font-size:.86em}
.local-tool>.re-invite{margin:10px 16px}
#a-sketch>.re-invite{position:relative;z-index:3}#a-sketch #sk-tip{bottom:calc(var(--re-invite-height,0px) + 12px)}
.rx .re-export-note{margin:0;padding:10px 18px;font-size:14px;line-height:1.5;flex:none;background:#0a1826;color:#d8e8ee}.rx .rx-summary{display:flex;flex-wrap:wrap;gap:8px 16px;line-height:1.6}.rx .rx-summary span{white-space:normal}.rx .rx-tx{line-height:1.65}.rx .rx-tx .re-button{margin:6px}.rx .rx-tx p,.rx .rx-tx li{overflow-wrap:anywhere}.rx .rx-term h4{margin:10px 0;overflow-wrap:anywhere}.rx .rx-g{grid-template-columns:minmax(80px,1fr) minmax(80px,1fr)}.rx .rx-g em{grid-column:1/-1}.rx .rx-body{min-height:0}.rx .rx-form{overflow:auto}.rx .rx-term{min-height:180px}
#qz-rx .rx{background:#081723;border-color:#ffca76;color:#e2edf3;box-shadow:0 12px 50px #0009}#qz-rx .qz-mkt h3{color:#ffca76}#qz-rx .b{--b1:#ffca76}#qz-rx .rx-opt .b.on{background:#ffca76;color:#101820}#qz-rx .rx-tip{color:#b9d0df;line-height:1.55}#qz-rx .rx-form textarea,#qz-rx .rx-form .qz-f input:not([type=range]){background:#05121b;color:#eef6fa;border-color:#52768c}#qz-rx .rx-form textarea:focus,#qz-rx .rx-form .qz-f input:focus{border-color:#62d3ff}#qz-rx .rx-term{background:#06121b;color:#dcebf4;border-color:#52768c;text-shadow:none;font-size:15px;line-height:1.6}#qz-rx .rx-term::after{display:none}#qz-rx .rx-hd{border-color:#52768c;color:#ffca76;letter-spacing:.04em}#qz-rx .rx-hd span{text-shadow:none;color:#dcebf4}#qz-rx .rx-chips span{border-color:#668da4;color:#eef6fa;white-space:normal;overflow-wrap:anywhere}#qz-rx .rx-g{border-color:#355367;grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:14px;padding-block:7px}#qz-rx .rx-g.ok span{background:#bee5ce;color:#0e2d20}#qz-rx .rx-g.no span{background:#ffca76;color:#17202a}#qz-rx .rx-g span{white-space:normal;overflow-wrap:anywhere;letter-spacing:0}#qz-rx .rx-g b{color:#e8f2f7}#qz-rx .rx-g em{color:#bbd3df;grid-column:1/-1}#qz-rx .rx-tx{position:static;background:transparent;padding:0;color:#dcebf4}#qz-rx #rx-save{background:#ffca76;color:#101820;text-shadow:none}#qz-rx .rx-opt .check input{accent-color:#ffca76}
:root:has(:fullscreen) .re-invite,:root:has(.cmc-expanded-app) .re-invite,:root:has(.fakefs) .re-invite,:root:has(:fullscreen) .re-brand,:root:has(.cmc-expanded-app) .re-brand,:root:has(.fakefs) .re-brand,.db-full .re-invite,#a-quiz:has(#qz-setup[hidden])>.re-invite{display:none}
@media(max-width:760px){#sys .re-brand{font-size:10px;padding:2px 5px;max-width:9em}.re-invite{font-size:13px;padding:10px;gap:8px}.re-invite-brand{flex:1 1 80%}.re-invite-copy{flex:1 1 100%;order:2}.re-invite .re-button{order:3}.re-invite .re-dismiss{order:1}.re-heading{flex-direction:column;gap:12px}.re-heading>.re-button{flex:auto}.re-path,.re-columns{grid-template-columns:1fr;gap:12px}.re-path{margin-block:20px}.re-path>div{padding:14px}.re-path .re-step{float:inline-start;margin-inline-end:12px}.re-panel{padding:16px}.re-games #ar-fleet{grid-template-columns:repeat(2,minmax(0,1fr))}.re-page h1{font-size:24px}.re-page .re-button{font-size:14px}.re-games article{padding:12px}}
@media(max-width:420px){.re-games #ar-fleet{grid-template-columns:1fr}}
.re-games article>img{display:block;width:96px;height:96px;object-fit:cover;border-radius:12px;margin-block-end:14px}
@media(max-width:760px){#sys .re-brand{order:20;flex-basis:100%;max-width:none;text-align:center;border:0;padding:0;font-size:10px;line-height:1.2}}
@media(max-width:900px),(max-height:520px){#qz-rx .rx-body{display:block;overflow:auto;min-height:0}#qz-rx .rx-form{overflow:visible;min-height:auto}#qz-rx .rx-form textarea{flex:none;min-height:10em}#qz-rx .rx-term{overflow:visible;min-height:auto;margin-top:16px}#qz-rx .qz-mkt,#qz-rx .qz-mkb{flex-shrink:0}}
@media(max-height:520px){#qz-rx .re-export-note{display:none}}
@media print{.re-invite,.re-brand,#a-retro{display:none!important}}
/* The teaching app leads; the arcade is an included package below the tour. */
#sys .re-brand{border:1px solid #7d704f;border-radius:5px;padding:5px 9px;font:700 12px/1.35 "Quicksand",sans-serif;max-width:12em;background:#241e13;min-height:32px}
.rp-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:center;padding-block:12px 32px}.rp-introduction{min-width:0}.rp-hero h1{font-size:clamp(27px,3vw,42px);max-width:18ch}.rp-hero .re-lead{font-size:clamp(17px,1.5vw,20px)}.rp-hero-screen{min-width:0;margin:0;padding:10px;border:1px solid #6f7b77;border-radius:12px;background:#0b1d29;box-shadow:0 18px 44px #0006}.rp-hero-screen button{display:block;width:100%;padding:0;border:0;background:#030906;cursor:zoom-in}.rp-hero-screen img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}.rp-hero-screen figcaption{padding:10px 5px 0;color:#b6ccd8;font:13px/1.5 var(--f-mono)}.rp-text-button{background:none;border:0;border-block-end:1px solid #8b784e;padding:5px 0;color:#ffca76;cursor:pointer;font:700 15px/1.5 "Quicksand",sans-serif;text-align:start}.rp-brand-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #385465;gap:20px;padding-block:15px;margin-block-end:34px}.rp-brand-map p{min-width:0;margin:0}.rp-brand-map strong,.rp-brand-map span{display:block;overflow-wrap:anywhere}.rp-brand-map strong{color:#ffca76;font:14px/1.5 var(--f-display)}.rp-brand-map span{font-size:14px;color:#b6ccd8;margin-top:5px}.rp-classroom{scroll-margin-block-start:15px}.rp-gallery{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:center;margin-block:20px}.rp-main-preview{display:block;padding:0;background:#030906;border:1px solid #54788c;border-radius:8px;overflow:hidden;cursor:zoom-in;color:#d5efff;text-align:start;width:100%;min-width:0}.rp-main-preview img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}.rp-main-preview>span{display:block;padding:9px 14px;font:700 14px/1.5 "Quicksand",sans-serif}.rp-scene-copy{min-width:0}.rp-scene-copy h3{font:clamp(19px,2vw,25px)/1.5 "Quicksand",sans-serif;color:#ffca76}.rp-scene-copy p{font-size:17px;color:#c5d9e4}.rp-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rp-scenes button{padding:0;border:1px solid #385465;border-radius:7px;overflow:hidden;background:#0b1d29;color:#d9edf7;cursor:pointer;text-align:start;min-width:0;font:700 14px/1.45 "Quicksand",sans-serif}.rp-scenes img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}.rp-scenes span{display:block;padding:9px 10px;overflow-wrap:anywhere}.rp-scenes [aria-pressed=true]{border-color:#ffca76;box-shadow:0 0 0 1px #ffca76}.rp-package{margin-block:36px;padding-block:24px;border-block:1px solid #385465}.rp-practical{margin-block:30px}.rp-practical ul{padding-inline-start:1.3em}.rp-practical li{margin-block:10px}.rp-practical .re-note{max-width:85ch}.rp-dialog{width:min(1280px,96vw);max-height:94vh;box-sizing:border-box;padding:15px;border:1px solid #62d3ff;border-radius:10px;background:#08131f;color:#eaf3f8;font:16px/1.5 "Quicksand",sans-serif}.rp-dialog::backdrop{background:#02060deb}.rp-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:12px}.rp-dialog h2{min-width:0;margin:0;font:700 19px/1.45 "Quicksand",sans-serif;overflow-wrap:anywhere}.rp-dialog>header button{flex:none}.rp-dialog>img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}.rp-dialog-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.rp-dialog-nav>p{margin:0;font-size:14px;text-align:center}.rp-dialog-nav>button{flex:0 1 auto;min-width:0}.rp-dialog video{display:block;width:100%;aspect-ratio:16/10;max-height:67vh;background:#000}#rp-tour::cue{font-family:Arial,sans-serif;font-size:16px;line-height:1.4;background-color:#06101aeb;color:white}.rp-dialog #rp-tour-caption{padding-inline:5px;color:#e0eff8;min-height:1.5em}.rp-chapters{display:flex;flex-wrap:wrap;gap:8px}.rp-chapters .re-button{font-size:13px;min-height:36px;padding:7px 10px}.rp-chapters [aria-current=step]{border-color:#ffca76;color:#ffca76}.rp-transcript{margin-block:16px}.rp-transcript summary{color:#ffca76;cursor:pointer}.rp-transcript ol{padding-inline-start:1.4em}.rp-transcript li{margin-block:10px}.rp-dialog .re-note{font-size:13px}.rp-dialog [hidden]{display:none!important}.rp-hero-screen button:focus-visible,.rp-main-preview:focus-visible,.rp-scenes button:focus-visible,.rp-text-button:focus-visible,.rp-transcript summary:focus-visible{outline:3px solid #62d3ff;outline-offset:4px}
@media(max-width:850px){.rp-hero,.rp-gallery{grid-template-columns:1fr;gap:18px}.rp-hero h1{max-width:22ch}.rp-hero-screen{width:100%;box-sizing:border-box}.rp-scene-copy{grid-row:1}.rp-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-brand-map{gap:12px}.rp-brand-map strong{font-size:12px}.rp-brand-map span{font-size:13px}.rp-dialog>header{gap:10px}.rp-dialog h2{font-size:16px}.rp-dialog-nav{flex-wrap:wrap}.rp-dialog-nav>p{order:-1;width:100%}.rp-dialog-nav>button{flex:1 1 100px}}
@media(max-width:480px){.rp-brand-map{grid-template-columns:1fr;gap:15px}.rp-brand-map p{padding-inline-start:12px;border-inline-start:2px solid #7d704f}.rp-hero{padding-block-start:4px}.rp-hero h1{font-size:27px}.rp-dialog{padding:12px}.rp-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rp-chapters .re-button{font-size:12px}.rp-scene-copy p{font-size:16px}}
@media(max-width:760px){#sys .re-brand{font-size:12px;line-height:1.4;padding:5px 9px;max-width:none;border:1px solid #7d704f}}
.rp-platform-label{color:#ffca76;font-weight:700}.rp-principles{padding:24px;border:1px solid #53635a;border-inline-start:3px solid #ffca76;background:#0d201e;border-radius:8px;margin-block:12px 28px}.rp-principles p{max-width:90ch}.rp-references{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px}.rp-references a{color:#a7deef;text-underline-offset:4px}.rp-preparation,.rp-roles,.rp-student{margin-block:32px}.rp-setup-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-start:20px}.rp-setup-cards article{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #385465;background:#0b1d29;border-radius:8px}.rp-setup-cards h3{font:700 19px/1.45 "Quicksand",sans-serif;color:#ffca76}.rp-setup-cards p{font-size:16px}.rp-setup-cards button{margin-block-start:auto}.rp-role{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:30px;padding:24px;border:1px solid #385465;background:#0b1d29;border-radius:10px;margin-block-start:18px}.rp-role-copy{min-width:0}.rp-role-number{display:block;font:32px/1.3 var(--f-mono);color:#ffca76;margin-block-end:12px}.rp-role h3{font:700 24px/1.45 "Quicksand",sans-serif}.rp-role p{font-size:18px;color:#c5d9e4}.rp-role button,.rp-setup-cards button,.rp-student button{display:block;min-width:0;width:100%;padding:0;background:#06121b;border:1px solid #54788c;border-radius:6px;overflow:hidden;text-align:start;color:#d9eef7;cursor:zoom-in;font:700 14px/1.5 "Quicksand",sans-serif}.rp-role button img,.rp-setup-cards button img,.rp-student button img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}.rp-role button span,.rp-setup-cards button span,.rp-student button span{display:block;padding:9px 12px;overflow-wrap:anywhere}.rp-student{padding:24px;border:1px solid #7d704f;border-radius:10px;background:#161d20}.rp-student p{max-width:80ch}.rp-student button{max-width:720px;margin-block-start:18px}.rp-role button:focus-visible,.rp-setup-cards button:focus-visible,.rp-student button:focus-visible,.rp-references a:focus-visible{outline:3px solid #62d3ff;outline-offset:4px}
@media(max-width:850px){.rp-setup-cards,.rp-role{grid-template-columns:1fr}.rp-role{gap:18px;padding:18px}.rp-role h3{font-size:22px}.rp-role p{font-size:17px}.rp-role-number{font-size:27px}.rp-setup-cards article{padding:18px}.rp-setup-cards button{max-width:600px}.rp-principles,.rp-student{padding:18px}}

@media(max-width:480px){#rp-tour::cue{font-size:11px}}