/* Learning games. FIF look: black screen panels, signal yellow, square corners. Contrast checked: #f2f2f0 and #b8b8b4 on #0a0a0b, #0a0a0b on #ffe600. */
.lg{--lg-bg:#0a0a0b;--lg-ink:#f2f2f0;--lg-mut:#b8b8b4;--lg-acc:#ffe600;--lg-line:#3a3a3d;margin:1.5rem 0 2rem}
.lg.lg-on{background:var(--lg-bg);color:var(--lg-ink);padding:clamp(1rem,3vw,2rem);border-radius:0}
.lg.lg-on a{color:var(--lg-acc);text-underline-offset:.18em}
.lg-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lg-app h3{color:#fff;font-size:1.25rem;margin:1.2rem 0 .5rem}
.lg-app p,.lg-app li{max-width:46rem}
.lg-k{font:500 .75rem/1.3 'Archivo',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--lg-acc);margin:0 0 .3rem}
.lg-banner{font:500 .78rem/1.5 'Archivo',Helvetica,Arial,sans-serif;color:var(--lg-mut);border-left:3px solid var(--lg-acc);padding-left:.75rem;margin:0 0 1rem}
.lg-intro{font-size:1.05rem;margin:0 0 1.25rem}
.lg-count{color:var(--lg-mut);font-size:.9rem;margin:.6rem 0}
.lg button,.lg input,.lg select,.lg summary{font-family:inherit}
.lg :focus-visible{outline:3px solid var(--lg-acc);outline-offset:2px}
.lg-b{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.55rem 1.1rem;border:2px solid var(--lg-ink);border-radius:0;background:transparent;color:var(--lg-ink);font-weight:700;font-size:.95rem;cursor:pointer;margin:0 .5rem .5rem 0}
.lg-b.lg-1{background:var(--lg-acc);border-color:var(--lg-acc);color:#0a0a0b}
.lg-b:hover:not(:disabled){background:#fff;color:#0a0a0b;border-color:#fff}
.lg-b:disabled{opacity:.45;cursor:not-allowed}
.lg-act{margin:1rem 0 0;display:flex;flex-wrap:wrap;align-items:center}
/* call sheet */
.lg-sheet{background:#161618;border:1px solid var(--lg-line);padding:1rem;margin:0 0 .5rem}
.lg-sheet-h{border-bottom:1px dashed var(--lg-line);margin-bottom:.9rem;padding-bottom:.7rem}
.lg-sheet-h p{margin:0}.lg-prod{font-weight:800;font-size:1.3rem}.lg-meta{color:var(--lg-mut);font:400 .82rem 'Archivo',Helvetica,Arial,sans-serif}
.lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem}
.lg-f{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;min-height:44px;padding:.7rem .8rem;border:1px solid var(--lg-line);border-radius:0;background:#0a0a0b;color:var(--lg-ink);cursor:pointer;font-size:.88rem}
.lg-f:hover{border-color:var(--lg-acc)}
.lg-f[aria-pressed="true"]{border-color:var(--lg-acc);box-shadow:inset 4px 0 0 var(--lg-acc)}
.lg-fl{font:500 .72rem/1.3 'Archivo',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--lg-acc)}
.lg-fv{font-weight:600;line-height:1.35}
.lg-tick{font:500 .7rem 'Archivo',Helvetica,Arial,sans-serif;color:var(--lg-mut);min-height:1em}
.lg-detail{border:2px solid var(--lg-acc);padding:.2rem 1rem 1rem;margin:.5rem 0 1rem;min-height:5rem}
.lg-detail[data-empty]{border-color:var(--lg-line);color:var(--lg-mut)}
.lg-detail h3{margin-top:.8rem}
/* quiz and choices */
.lg-fs{border:1px solid var(--lg-line);padding:1rem;margin:1rem 0}
.lg-fs legend{font-weight:700;font-size:1.1rem;padding:0 .4rem;color:#fff}
.lg-opt{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem .5rem;min-height:44px;cursor:pointer;border-bottom:1px solid #1d1d20}
.lg-opt:last-child{border-bottom:0}
.lg-opt input{width:1.3rem;height:1.3rem;margin-top:.15rem;accent-color:var(--lg-acc);flex:none}
.lg-opt:has(input:checked){background:#1b1b1e}
.lg-fb{border-left:4px solid var(--lg-acc);background:#161618;padding:.2rem 1rem .6rem;margin:1rem 0}
.lg-fb[hidden]{display:none}
.lg-choice{font-weight:600;color:var(--lg-mut)}
.lg-story{font-size:1.1rem}
.lg-where{font:500 .85rem 'Archivo',Helvetica,Arial,sans-serif;color:var(--lg-mut);margin:0 0 .3rem}
.lg-result{border-top:4px solid var(--lg-acc);padding-top:.4rem}
.lg-recap{padding-left:1.4rem}.lg-recap li{margin:.5rem 0}
.lg-stamp{border:1px dashed var(--lg-acc);padding:.7rem 1rem;margin:1rem 0}
.lg-watch,.lg-more{margin-top:1rem}
.lg-watch ul,.lg-more ul{padding-left:1.2rem}
/* stack */
.lg-stack{list-style:none;margin:1rem 0;padding:0;counter-reset:none}
.lg-layer{display:grid;grid-template-columns:7rem 1fr auto;gap:.5rem 1rem;align-items:center;padding:.8rem 1rem;margin:0 0 .4rem;border:1px solid var(--lg-line);background:#161618}
.lg-layer:first-child{border-top:4px solid var(--lg-acc)}
.lg-layer:last-child{border-bottom:4px solid var(--lg-acc)}
.lg-pos{font:500 .72rem 'Archivo',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--lg-acc)}
.lg-ln{font-weight:700}
.lg-mvs{display:flex}
.lg-mv{margin:0 0 0 .4rem;min-width:4.2rem}
@media (max-width:560px){.lg-layer{grid-template-columns:1fr auto}.lg-pos{grid-column:1/-1}}
.lg-match{display:grid;gap:.9rem;margin:1rem 0}
.lg-mrow{display:grid;gap:.35rem}.lg-mrow label{font-weight:700}
.lg-mrow select{width:100%;min-height:44px;padding:.5rem;background:#0a0a0b;color:var(--lg-ink);border:2px solid var(--lg-ink);border-radius:0;font-size:.95rem}
.lg-rates{border:1px solid var(--lg-line);margin:1rem 0;padding:.4rem 1rem}
.lg-rates summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}
.lg-tbl{width:100%;border-collapse:collapse;font-size:.9rem;margin:.5rem 0}
.lg-tbl th,.lg-tbl td{text-align:left;vertical-align:top;padding:.5rem .6rem .5rem 0;border-bottom:1px solid var(--lg-line)}
/* passport */
.lg-stamps{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.5rem}
.lg-stamps li{display:flex;flex-wrap:wrap;gap:.2rem .8rem;padding:.7rem 1rem;border:1px dashed var(--lg-line)}
.lg-stamps li.lg-got{border:1px solid var(--lg-acc)}
/* plain-text version */
.lg-text{margin-top:1.2rem;border-top:1px solid var(--lg-line);padding-top:.5rem}
.lg-text summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--lg-ink);font-weight:600}
.lg-text .lg-static{background:#fff;color:#000;padding:1rem}
.lg-text .lg-static a{color:#000}
.lg-text :focus-visible{outline-color:#ffe600}
/* hub */
.lg-hub{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}
.lg-hub li{border:1px solid #000;padding:1.1rem 1.2rem;background:#fff}
.lg-hub h3{margin:.2rem 0 .4rem}
.lg-hub .lg-k{color:#000;background:#ffe600;display:inline-block;padding:.2rem .5rem}
.lg-hub .lg-soon{border-style:dashed;color:#333}
.lg-pp.lg-on{margin-top:1.5rem}
@media (prefers-reduced-motion:reduce){.lg *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media (prefers-reduced-motion:no-preference){.lg-f,.lg-b{transition:border-color .15s,background .15s,color .15s}}
@media print{.lg.lg-on{background:#fff;color:#000}.lg-b{display:none}}
.lg-sec{margin:1.5rem 0}
/* beat the site's own p/li/th colours inside dark panels */
.lg.lg-on :where(p,li,td,th,dd,dt,legend,label,span,summary,strong,em){color:var(--lg-ink)}
.lg.lg-on .lg-k,.lg.lg-on .lg-fl,.lg.lg-on .lg-pos{color:var(--lg-acc)}
.lg.lg-on .lg-banner,.lg.lg-on .lg-count,.lg.lg-on .lg-meta,.lg.lg-on .lg-tick,.lg.lg-on .lg-choice,.lg.lg-on .lg-where,.lg.lg-on .lg-detail[data-empty] p{color:var(--lg-mut)}
.lg.lg-on .lg-tbl th{font:inherit;font-weight:700;text-transform:none;letter-spacing:0;color:var(--lg-ink)}
.lg.lg-on .lg-b.lg-1{color:#0a0a0b}
.lg.lg-on .lg-text .lg-static :where(p,li,td,th,dd,dt,span,summary,strong,em,h2){color:#000}
.lg.lg-on .lg-text .lg-static .lg-banner{color:#333}

.lg-card{border:3px solid #0a0a0b;background:#ffe600;padding:2rem 1.4rem;min-height:9rem;display:flex;flex-direction:column;justify-content:center}
.lg-card-k{font:12px 'Archivo',Helvetica,Arial,sans-serif;margin:0 0 .6rem}
.lg-card-f{font-size:clamp(26px,1.2rem + 2vw,40px);font-weight:900;margin:0;line-height:1.05}