:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8f7f1;background:#101e35;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 8% 4%,#273f5a 0,transparent 36%),radial-gradient(ellipse at 95% 95%,#28344c 0,transparent 40%),#101e35}.shell{max-width:1180px;margin:auto;min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(16px,3vw,36px)}.top{height:69px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c}.brand{text-decoration:none;color:#fff;font-weight:850;letter-spacing:-.055em;font-size:clamp(19px,2.6vw,27px);display:flex;align-items:center;gap:11px}.brand em{font-family:Georgia,serif;color:#f5bb65;font-weight:400;font-style:italic;letter-spacing:-.07em}.brand-dot{color:#f5bb65}.brand-icon{background:#f5bb65;color:#17233a;width:33px;height:33px;display:grid;place-items:center;border-radius:10px;font-size:20px}.about-link{border:0;background:none;color:#d8dce5;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.about-link:hover,.foot a:hover{color:#f5bb65}.main{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:15px 0}.foot{flex-shrink:0;min-height:40px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#a5b1c3;border-top:1px solid #ffffff16}.foot a{color:inherit;text-decoration:none}.panel{width:100%;max-width:860px}.intro{text-align:center;max-width:650px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-weight:850;font-size:11px;color:#f5bb65;margin:0 0 15px}.intro h1,.finish h1{font-size:clamp(43px,7vw,75px);letter-spacing:-.075em;line-height:1.02;margin:0 0 17px}.intro h1 em{font-family:Georgia,serif;color:#f5bb65;font-weight:400}.sub{color:#c2ccdb;font-size:clamp(14px,2vw,18px);line-height:1.6;margin:0 auto 24px;max-width:480px}.mini-facts{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:26px}.pill{border:1px solid #ffffff30;background:#ffffff0b;border-radius:30px;padding:8px 12px;color:#d7dfeb;font-size:12px;font-weight:700}.btn{border:0;cursor:pointer;border-radius:13px;padding:13px 20px;font:inherit;font-size:15px;font-weight:850;transition:transform .15s,filter .15s}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07)}.btn:focus-visible,.choice:focus-visible{outline:3px solid #f5bb65;outline-offset:3px}.primary{background:#f5bb65;color:#19233a}.secondary{background:#ffffff15;color:#fff;border:1px solid #ffffff35}.wide{width:100%}.intro .primary{min-width:205px;padding:16px 30px}.game{display:flex;flex-direction:column;gap:11px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.q-count{font-size:13px;color:#c3ccdc;font-weight:750}.score{font-size:13px;font-weight:850;color:#f5bb65}.track{height:5px;background:#ffffff20;border-radius:50px;overflow:hidden}.fill{height:100%;background:#f5bb65;border-radius:50px;transition:width .25s}.play-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:0;border:1px solid #ffffff24;border-radius:21px;overflow:hidden;background:#1c2c45;box-shadow:0 18px 60px #0003;min-height:0}.photo-wrap{position:relative;background:#0c1625;min-height:0;height:clamp(285px,58svh,555px);display:flex;justify-content:center;align-items:center;overflow:hidden}.photo{display:block;width:100%;height:100%;object-fit:contain}.photo-tag{position:absolute;bottom:13px;left:13px;background:#101e35c9;backdrop-filter:blur(5px);padding:7px 11px;border-radius:20px;font-size:11px;font-weight:750;letter-spacing:.03em}.game-right{display:flex;flex-direction:column;justify-content:center;padding:clamp(18px,3.4vw,42px);gap:17px;min-width:0}.game-right h2{font-size:clamp(25px,3.3vw,42px);letter-spacing:-.055em;line-height:1.12;margin:0}.prompt{color:#b9c6d9;font-size:14px;line-height:1.55;margin:0}.choices{display:grid;gap:11px}.choice{width:100%;background:#263c58;color:#fff;border:1px solid #4b5d76;border-radius:14px;padding:17px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font:inherit;font-weight:850;font-size:17px}.choice span:last-child{font-size:20px;color:#f5bb65}.choice:hover{background:#324c6c;border-color:#f5bb65}.choice:disabled{cursor:default;opacity:.6}.choice.correct{background:#164c42;border-color:#58c7a6;opacity:1}.choice.wrong{background:#66303d;border-color:#f19198;opacity:1}.answer{padding:15px 16px;border-radius:13px;background:#ffffff0c;border:1px solid #ffffff20}.answer.good{border-color:#58c7a65e}.answer.bad{border-color:#f191986b}.result-label{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:#f5bb65;margin:0 0 7px}.answer h3{margin:0 0 5px;font-size:21px;letter-spacing:-.04em}.answer p{margin:0;color:#d1dbea;line-height:1.48;font-size:13px}.next{width:100%}.finish{text-align:center;padding:20px 0}.finish h1{font-size:clamp(38px,6vw,64px)}.big-score{font-size:clamp(72px,14vw,132px);font-weight:900;letter-spacing:-.09em;line-height:1;margin:18px 0 8px;color:#f5bb65}.big-score span{font-size:.36em;color:#e6eaf0}.finish p{color:#c2ccdb;line-height:1.5}.finish .primary{margin-top:15px}.loading{text-align:center;color:#c2ccdb}.spinner{display:inline-block;width:28px;height:28px;border:3px solid #ffffff35;border-top-color:#f5bb65;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{max-width:470px;width:calc(100% - 30px);border:1px solid #52647a;border-radius:20px;background:#1c2c45;color:white;padding:30px;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#050b18c9}dialog h2{margin-top:0}dialog p{color:#d0d8e6;line-height:1.6;font-size:14px}.close{float:right;border:0;background:none;color:white;font-size:19px;cursor:pointer}.legal{max-width:760px;margin:auto;padding:25px 0;color:#d5deea;line-height:1.6}.legal h1{color:white}.legal a{color:#f5bb65}.legal code{color:white}@media(max-width:680px){.shell{padding:0 13px}.top{height:57px}.brand{font-size:20px;gap:7px}.brand-icon{width:27px;height:27px;font-size:16px}.about-link{font-size:11px}.main{padding:8px 0}.game{gap:8px}.play-card{display:flex;flex-direction:column}.photo-wrap{height:clamp(180px,37svh,340px)}.game-right{padding:13px 16px;gap:10px}.game-right h2{font-size:clamp(22px,4.6vw,29px)}.prompt{font-size:12px}.choices{grid-template-columns:1fr 1fr;gap:8px}.choice{font-size:13px;padding:12px 10px}.choice span:last-child{font-size:15px}.answer{padding:10px 12px}.answer h3{font-size:17px}.answer p{font-size:12px}.result-label{font-size:10px}.next{padding:11px}.foot{font-size:10px}.intro h1{font-size:49px}}@media(max-width:370px){.photo-wrap{height:31svh}.game-right{padding:10px;gap:8px}.choice{padding:10px 7px}.brand{font-size:17px}}@media(max-height:700px) and (min-width:681px){.photo-wrap{height:clamp(300px,65svh,450px)}.game-right{gap:10px}.choice{padding:12px}.main{padding:8px 0}}@media(max-height:650px) and (max-width:680px){.photo-wrap{height:26svh}.game-right h2{font-size:21px}.game-right{gap:7px}.choice{padding:9px}.prompt{display:none}.game{gap:5px}}

/* Informational pages and footer */
.foot{height:auto;min-height:48px;flex-wrap:wrap;padding:10px 0}.foot nav{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:flex-end}.foot nav a{white-space:nowrap}.legal{width:100%;max-width:760px;align-self:flex-start}.legal h2{color:#fff;margin:28px 0 8px}.legal p{margin:10px 0}.notice{padding:14px 18px;border:1px solid #e9bc72;border-radius:12px;background:#f5bb6514}.legal a:focus-visible,.foot a:focus-visible{outline:3px solid #f5bb65;outline-offset:4px}@media(max-width:680px){.foot{justify-content:center;text-align:center;gap:7px}.foot nav{justify-content:center;gap:7px 12px}.legal{padding:18px 0}}

/* Helpful explanatory text for search engines and players; keep gameplay in one viewport. */
.seo-info{max-width:900px;margin:22px auto 28px;padding:16px 22px;color:#cbd5e1;font-size:.9rem;line-height:1.6}
.seo-info h2{font-size:1.12rem;color:#fff;margin:0 0 8px}
.seo-info p{margin:7px 0}.seo-info a{color:#f6c875}
body.playing .seo-info{display:none}
