:root{--night:#07181a;--night-raised:#0d292b;--night-panel:#12383a;--line:#285052;--text:#eff9f2;--text-soft:#b7c9c0;--mint:#4ee2a8;--mint-deep:#13976d;--sky:#70d6e8;--danger:#ec7e92;color:var(--text);background:var(--night);font-family:Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--night);min-width:320px;margin:0}button{cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:3px solid var(--sky);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{text-wrap:balance}.viewer-shell{min-height:100vh;overflow:hidden}.viewer-header{z-index:3;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1320px;margin:0 auto;padding:1.1rem max(1.25rem,50vw - 620px);display:grid;position:relative}.viewer-brand{color:var(--text);align-items:center;gap:.45rem;width:fit-content;font-size:1.1rem;font-weight:500;text-decoration:none;display:flex}.viewer-brand img{object-fit:contain;width:auto;height:2.55rem}.viewer-brand strong{font-weight:800}.viewer-brand em{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;margin-left:.28rem;font-size:.66rem;font-style:normal;font-weight:600}.viewer-header nav{gap:1.15rem;display:flex}.viewer-header nav button{color:var(--text-soft);background:0 0;border:0;padding:.42rem 0;font-size:.84rem}.viewer-header nav button:hover,.viewer-header nav button.active{color:var(--text)}.viewer-header nav button.active{border-bottom:2px solid var(--mint)}.viewer-header p{color:var(--text-soft);justify-content:flex-end;align-items:center;gap:.6rem;margin:0;font-size:.76rem;display:flex}.viewer-header p span{color:var(--text);font-weight:700}.viewer-header code{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.viewer-hero{border-bottom:1px solid var(--line);background:#103539;min-height:min(68vh,43rem);padding:clamp(5.5rem,13vw,10.5rem) max(1.25rem,50vw - 620px) 3.5rem;position:relative;overflow:hidden}.hero-artwork{object-fit:cover;opacity:.24;width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:1;max-width:58rem;position:relative}.viewer-hero>.hero-copy>p:first-child,.kicker{color:var(--mint);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:800}.viewer-hero h1,.story-title{letter-spacing:-.075em;margin-bottom:1.2rem;font:750 clamp(3rem,7vw,6.2rem)/.9 Segoe UI Variable,Segoe UI,sans-serif}.hero-description{color:var(--text-soft);max-width:35rem;font-size:clamp(1rem,1.6vw,1.2rem)}.catalogue-section,.detail-section{max-width:1320px;margin:0 auto;padding:clamp(2.5rem,7vw,5.5rem) max(1.25rem,50vw - 620px)}.catalogue-search{color:var(--text-soft);gap:.4rem;max-width:34rem;margin-bottom:1.4rem;font-size:.76rem;font-weight:800;display:grid}.catalogue-search input{background:var(--night-raised);border:1px solid var(--line);color:var(--text);font:inherit;min-height:2.8rem;padding:.6rem .75rem}.catalogue-search input:focus{border-color:var(--mint);outline-offset:1px;outline:2px solid #50f2b138}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:1.5rem;padding-bottom:.9rem;display:flex}.section-heading .kicker{margin-bottom:.45rem}.section-heading h2{letter-spacing:-.06em;margin-bottom:0;font:700 clamp(1.85rem,4vw,3.35rem)/.98 Segoe UI Variable,Segoe UI,sans-serif}.section-heading>p{color:var(--text-soft);margin-bottom:.2rem;font-size:.86rem}.viewer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.tile-button{color:var(--text);text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.viewer-cover{aspect-ratio:2/3;background:#1a4f51;border:1px solid #0000;justify-content:flex-end;align-items:flex-end;display:flex;position:relative;overflow:hidden}.viewer-cover:after{background:var(--mint);content:"";z-index:2;width:30%;height:.3rem;position:absolute;bottom:0;left:0}.viewer-cover--film{background:#19435d}.viewer-cover img{object-fit:cover;z-index:1;width:100%;height:100%;position:relative}.viewer-cover>span{z-index:1;padding:.7rem;font:700 clamp(4rem,9vw,8rem)/.7 Segoe UI Variable,sans-serif;position:relative}.viewer-tile:hover .viewer-cover,.tile-button:focus-visible .viewer-cover{border-color:var(--mint);transform:translateY(-5px)}.viewer-cover{transition:border-color .18s,transform .18s}.tile-copy{gap:.25rem;padding:.9rem .1rem 0;display:grid}.tile-copy strong{letter-spacing:-.04em;font:750 clamp(1.2rem,2vw,1.65rem)/1 Segoe UI Variable,Segoe UI,sans-serif}.tile-copy>span:last-child{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}.content-label{color:var(--sky);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800}.viewer-pagination{justify-content:end;align-items:center;gap:1rem;margin-top:2.2rem;display:flex}.viewer-pagination button{border:1px solid var(--line);color:var(--text);background:0 0;min-height:2.7rem;padding:.5rem 1rem}.viewer-pagination button:hover:not(:disabled){border-color:var(--mint);color:var(--mint)}.viewer-pagination span,.loading-copy,.empty-state{color:var(--text-soft);font-size:.85rem}.loading-copy,.empty-state{padding:2rem 0}.detail-hero-viewer{border-block:1px solid var(--line);background:#0d292b;grid-template-columns:minmax(12rem,27vw) minmax(0,1fr);align-items:stretch;min-height:27rem;display:grid}.viewer-cover--prominent{aspect-ratio:auto;min-height:27rem}.detail-hero-viewer>div{align-self:center;max-width:55rem;padding:clamp(2rem,6vw,6rem)}.detail-hero-viewer h1,.local-access h1{letter-spacing:-.075em;margin-bottom:1.2rem;font:750 clamp(3rem,7vw,6.5rem)/.88 Segoe UI Variable,Segoe UI,sans-serif}.detail-hero-viewer>div>p:last-child{color:var(--text-soft);max-width:42rem;font-size:1.06rem}.text-button{color:var(--mint);text-underline-offset:.3rem;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.text-button.light{margin-bottom:3rem}.quiz-shelf{margin-bottom:4rem}.quiz-discovery__intro{color:var(--text-soft);max-width:42rem;margin-bottom:2rem}.quiz-filters{grid-template-columns:minmax(14rem,2fr) minmax(10rem,1fr) auto;align-items:end;gap:.8rem;margin-bottom:1.4rem;display:grid}.quiz-filters label{color:var(--text-soft);gap:.4rem;font-size:.76rem;font-weight:800;display:grid}.quiz-filters input,.quiz-filters select{background:var(--night-raised);border:1px solid var(--line);color:var(--text);font:inherit;min-height:2.8rem;padding:.6rem .75rem}.quiz-filters input:focus,.quiz-filters select:focus{border-color:var(--mint);outline-offset:1px;outline:2px solid #50f2b138}.quiz-filters p{color:var(--text-soft);white-space:nowrap;margin:0 0 .75rem;font-size:.82rem}.quiz-discovery .quiz-list h2{letter-spacing:-.04em;font:750 1.45rem/1.05 Segoe UI Variable,Segoe UI,sans-serif}.quiz-content-title{color:var(--text);margin-bottom:.35rem;font-size:.9rem;font-weight:800}.quiz-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.quiz-list article{background:var(--night-raised);border:1px solid var(--line);flex-direction:column;min-height:13rem;padding:1.25rem;display:flex}.quiz-list article.quiz-card{padding:0;overflow:hidden}.quiz-card>.viewer-cover{aspect-ratio:16/9;border:0;flex:none;width:100%}.quiz-card__copy{flex-direction:column;flex:1;padding:1.25rem;display:flex}.quiz-list h3{letter-spacing:-.04em;font:750 1.45rem/1.05 Segoe UI Variable,Segoe UI,sans-serif}.quiz-list article>p:not(.content-label),.quiz-card__copy>p:not(.content-label){color:var(--text-soft);font-size:.9rem}.quiz-list article>p.quiz-earned-xp{color:var(--mint);margin-bottom:.8rem;font-size:.82rem;font-weight:850}.quiz-start,.answer-reveal button{background:var(--mint);color:#05211c;border:0;width:fit-content;min-height:2.7rem;margin-top:auto;padding:.65rem 1rem;font-weight:900}.quiz-start:hover,.answer-reveal button:hover{background:var(--sky)}.viewer-error{border:1px solid var(--danger);color:#ffecef;background:#30212a;padding:1.2rem}.viewer-error h2{font:700 1.55rem/1 Segoe UI Variable,sans-serif}.viewer-error p:last-child{color:#f5bec9;margin-bottom:0;font-size:.8rem}.viewer-error button{color:#fff;background:0 0;border:1px solid #f5bec9;margin-top:.5rem;padding:.45rem .7rem}.sign-in-shell{background:#020807;place-items:center;min-height:100svh;padding:7.5rem 1.2rem 3rem;display:grid;position:relative}.sign-in-backdrop{position:absolute;inset:0;overflow:hidden}.sign-in-backdrop:before{content:"";z-index:1;background:radial-gradient(circle at 50% 42%,#09292233,#000000e0 72%),linear-gradient(#00000057,#020807 96%);position:absolute;inset:0}.sign-in-backdrop img{filter:saturate(.72);object-fit:cover;opacity:.42;width:100%;height:100%;transform:scale(1.12)}.sign-in-header{z-index:2;justify-content:space-between;align-items:center;padding:1.15rem clamp(1.25rem,4vw,4rem);display:flex;position:absolute;top:0;left:0;right:0}.sign-in-brand{color:#fff;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}.sign-in-wordmark{object-fit:cover;width:6.6rem;height:3.7rem;display:block}.local-access{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:2;background:#030908d6;border:1px solid #ffffff1f;width:100%;max-width:31rem;padding:clamp(1.7rem,4vw,3rem);position:relative;box-shadow:0 1.5rem 5rem #00000073}.local-access .kicker{margin-bottom:.65rem}.local-access h1{margin-bottom:.7rem;font-size:clamp(2.2rem,5vw,3.6rem)}.local-access>p:not(.kicker,.auth-alternative,.sign-in-note){color:#c5d1cc}.local-access form{gap:1rem;margin:1.7rem 0 1rem;display:grid}.local-access label{color:#dce6e1;gap:.4rem;font-size:.78rem;font-weight:700;display:grid}.local-access input{color:#fff;font:inherit;background:#ffffff14;border:1px solid #ffffff42;border-radius:.25rem;min-height:3.55rem;padding:.85rem 1rem}.local-access input::placeholder{color:#8f9b96}.local-access input:focus{border-color:var(--mint);outline-offset:1px;outline:2px solid #4ee2a833}.auth-submit{color:#031d16;background:#00efa9;border:0;border-radius:.25rem;width:100%;min-height:3.55rem;padding:.8rem 1rem;font-weight:900}.auth-submit:hover:not(:disabled){background:#5af7c4}.forgot-password{color:#dce6e1;text-underline-offset:.22rem;background:0 0;border:0;justify-self:end;padding:0;font-size:.82rem;font-weight:700;text-decoration:underline}.auth-switch{color:#fff;text-underline-offset:.22rem;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.auth-switch--header{border:1px solid #ffffffbf;border-radius:.3rem;min-height:2.9rem;padding:.65rem 1.2rem;text-decoration:none}.auth-switch--header:hover{color:#06130f;background:#fff}.auth-alternative{color:#c5d1cc;text-align:center;margin:1.35rem 0;font-size:.9rem}.form-error{color:#ffb0bf}.auth-success{color:#caffed;background:#00efa91a;border-left:3px solid #00efa9;padding:.8rem;font-size:.86rem}.sign-in-note{color:#8f9b96;text-align:center;border-top:1px solid #ffffff24;margin-bottom:0;padding-top:1rem;font-size:.75rem}.quiz-intro,.quiz-result{max-width:860px;margin:0 auto;padding:clamp(3rem,9vw,8rem) 1.25rem}.quiz-intro h1,.quiz-result h1{letter-spacing:-.075em;font:750 clamp(2.7rem,7vw,5.8rem)/.9 Segoe UI Variable,Segoe UI,sans-serif}.quiz-intro>p:not(.kicker),.quiz-result>p:not(.kicker){color:var(--text-soft);max-width:42rem;font-size:1.05rem}.timing-choice{grid-template-columns:1fr 1fr;gap:.8rem;margin:2rem 0;display:grid}.timing-choice button{background:var(--night-raised);border:1px solid var(--line);color:#fff;text-align:left;align-items:start;gap:.3rem;min-height:7rem;padding:1rem;display:grid}.timing-choice button:hover:not(:disabled){border-color:var(--mint);transform:translateY(-2px)}.timing-choice button span{color:var(--text-soft);font-size:.85rem}.quiz-play{border:1px solid #b8c9c0;border-top:.35rem solid var(--mint);color:#102824;background:#eef3ef;max-width:1120px;min-height:calc(100svh - 7rem);margin:clamp(.75rem,2.5vh,2rem) auto 0;padding:clamp(1rem,2.4vw,1.8rem);box-shadow:0 1.5rem 5rem #0000003d}.quiz-play__header{grid-template-columns:1fr auto;gap:.7rem 1rem;margin-bottom:clamp(1rem,2.3vh,1.6rem);display:grid}.quiz-exit{color:#236653;text-align:left;text-underline-offset:.25rem;background:0 0;border:0;width:fit-content;padding:0;font-weight:800;text-decoration:underline}.quiz-status{justify-content:end;align-items:center;gap:.8rem;display:flex}.quiz-status span{color:#567068;font-size:.82rem;font-weight:700}.quiz-status strong{color:#116747;font-variant-numeric:tabular-nums;text-align:center;background:#d8eee4;border:1px solid #a5cbbb;min-width:4.2rem;padding:.35rem .55rem}.quiz-play progress{accent-color:var(--mint-deep);grid-column:1/-1;width:100%;height:.45rem}.question-card{gap:clamp(1rem,2.5vw,2rem);display:grid}.question-card--with-visual{grid-template-columns:minmax(15rem,.82fr) minmax(0,1.18fr);align-items:center}.question-card img{object-fit:contain;width:100%;height:min(29vh,17rem);display:block}.question-copy{align-self:center}.question-kicker{color:#23745a;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem;font-size:.7rem;font-weight:900}.question-card h1{color:#102824;letter-spacing:-.025em;margin-bottom:.8rem;font:750 clamp(1.2rem,2vw,1.8rem)/1.2 Segoe UI Variable,Segoe UI,sans-serif}.answer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:clamp(1rem,2.5vh,1.5rem);display:grid}.answer-options button{color:#18342d;text-align:left;background:#fff;border:1px solid #aebfb7;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;min-height:4rem;padding:.7rem .85rem;font-weight:700;transition:background .16s,border-color .16s,transform .16s;display:grid}.option-marker{color:#1a6b50;background:#dce9e2;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.8rem;font-weight:900;display:inline-flex}.answer-options button:hover:not(:disabled){background:#e1f5eb;border-color:#258b66;transform:translateY(-2px)}.answer-options button:hover:not(:disabled) .option-marker{background:var(--mint);color:#073c2d}.answer-reveal{color:#17352c;border:1px solid;padding:clamp(2rem,7vw,5rem)}.answer-reveal.correct{color:#164c39;background:#dff3e7;border-color:#75ad93}.answer-reveal.incorrect{color:#652b38;background:#f7e2e6;border-color:#c98b98}.answer-reveal>p{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:900}.answer-reveal h1{color:inherit;letter-spacing:-.07em;font:800 clamp(3rem,9vw,5.5rem)/.92 Segoe UI Variable,sans-serif}.answer-reveal button{box-shadow:0 .35rem #05211c24}.answer-reveal__correct-option{text-align:left;background:#ffffffbf;border-left:4px solid #c98b98;border-radius:8px;margin:1.2rem 0 .8rem;padding:.8rem 1rem}.answer-reveal__correct-option span{letter-spacing:.08em;opacity:.85;text-transform:uppercase;font-size:.75rem;font-weight:800;display:block}.answer-reveal__correct-option strong{margin-top:.25rem;font-size:1.1rem;font-weight:800;display:block}.answer-reveal__explanation{text-align:left;background:#ffffffa6;border-left:4px solid #75ad93;border-radius:8px;margin:.8rem 0 1.5rem;padding:.85rem 1rem}.answer-reveal__explanation span{letter-spacing:.08em;opacity:.85;text-transform:uppercase;font-size:.75rem;font-weight:800;display:block}.answer-reveal__explanation p{margin-top:.3rem;font-size:.98rem;font-weight:600;line-height:1.45}.quiz-result{text-align:center}.quiz-result .quiz-result__accuracy{color:var(--text);margin:1.25rem auto .55rem;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:850}.quiz-result>div{justify-content:center;align-items:center;gap:1.1rem;margin-top:2rem;display:flex}.profile-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.profile-stats article{background:var(--night-raised);border:1px solid var(--line);border-bottom:3px solid var(--mint);padding:1.2rem}.profile-stats span{color:var(--text-soft);font-size:.82rem;display:block}.profile-stats strong{margin-top:.7rem;font:800 clamp(2.2rem,5vw,4rem)/1 Segoe UI Variable,sans-serif;display:block}.profile-note,.leaderboard-meta{color:var(--text-soft);margin-top:1.1rem;font-size:.85rem}.profile-ranking{margin-top:3.5rem}.leaderboard-list{margin:1.5rem 0;padding:0;list-style:none}.leaderboard-list li{border-bottom:1px solid var(--line);grid-template-columns:4rem 1fr auto;align-items:center;padding:1rem .6rem;display:grid}.leaderboard-list li.current-user{color:var(--text);background:#16443d}.leaderboard-list li>span{color:var(--sky);font-weight:900}.leaderboard-name{color:var(--text-soft);font-weight:700}.own-rank{border-left:3px solid var(--mint);background:#16443d;padding:1rem}.sign-out{border:1px solid var(--line);color:var(--text-soft);background:0 0;padding:.3rem .55rem;font-size:.74rem}.sign-out:hover{border-color:var(--mint);color:var(--text)}.media-loading{color:var(--text-soft);z-index:1;background:#ffffff14;padding:1rem;animation:1.4s ease-in-out infinite media-pulse;position:absolute;inset:0}.media-fallback,.time-expired{color:#8d2940;font-size:.84rem}.media-fallback{margin-bottom:1rem;display:block}.time-expired{border-left:3px solid var(--danger);padding-left:.7rem}@keyframes media-pulse{50%{opacity:.45}}@media (width<=850px){.viewer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-filters,.quiz-list{grid-template-columns:1fr 1fr}.detail-hero-viewer{grid-template-columns:minmax(10rem,36vw) 1fr}.viewer-cover--prominent{min-height:23rem}.quiz-play{margin-inline:1rem}.question-card--with-visual{grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr)}}@media (width<=590px){.sign-in-shell{align-items:start;padding-top:6.5rem}.sign-in-header{padding:.7rem 1rem}.sign-in-brand>span:last-child{display:none}.sign-in-wordmark{width:5.7rem;height:3.2rem}.auth-switch--header{min-height:2.55rem;padding:.5rem .8rem}.local-access{padding:1.5rem}.viewer-header{grid-template-columns:1fr auto;padding:1rem 1.1rem}.viewer-brand img{height:1.63rem}.viewer-brand em{display:none}.viewer-header nav{grid-area:2/1/auto/-1;justify-content:start;margin-top:.4rem}.viewer-header p span,.viewer-header code{display:none}.viewer-hero{min-height:35rem;padding:7rem 1.1rem 2.5rem}.viewer-hero h1,.story-title{font-size:clamp(3rem,15vw,4.8rem)}.catalogue-section,.detail-section{padding:2.8rem 1.1rem}.viewer-grid{grid-template-columns:1fr 1fr;gap:.9rem}.tile-copy strong{font-size:1.25rem}.tile-copy>span:last-child{-webkit-line-clamp:1}.detail-hero-viewer{display:block}.viewer-cover--prominent{aspect-ratio:4/3;min-height:auto}.detail-hero-viewer>div{padding:2rem 1.1rem 2.5rem}.detail-hero-viewer h1{font-size:clamp(3rem,15vw,4.8rem)}.text-button.light{margin-bottom:2.3rem}.section-heading{align-items:start;gap:1rem}.section-heading>p{white-space:nowrap}.quiz-filters{grid-template-columns:1fr;align-items:stretch}.quiz-filters p{margin:0}.quiz-list,.timing-choice,.profile-stats{grid-template-columns:1fr}.viewer-pagination{justify-content:space-between}.viewer-pagination button{flex:1}.quiz-result>div{flex-direction:column}.quiz-play{min-height:auto;margin:0;padding:1rem}.question-card--with-visual{grid-template-columns:1fr}.question-card img{height:min(27vh,13rem)}.answer-options{grid-template-columns:1fr}.quiz-status{gap:.45rem}}@media (height<=760px) and (width>=591px){.quiz-play{min-height:calc(100svh - 5.8rem);margin-block:.5rem;padding-block:.85rem}.quiz-play__header{margin-bottom:.75rem}.question-card img{height:min(24vh,12rem)}.answer-options{margin-top:.8rem}.answer-options button{min-height:3.5rem}}