:root{--ink:#1c2854;--muted:#627091;--purple:#6c59de;--violet:#aaa0f8;--orange:#ef7e55;--cream:#fcfaf3;--bg:#f6f5ff;--line:#dfdef0;--mint:#b4e5cb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid #ef7e55;outline-offset:3px}.skip{position:absolute;top:-200px;left:10px;background:white;padding:8px}.skip:focus{top:10px;z-index:50}.wrap{max-width:1190px;margin:auto;padding-inline:32px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:29px}.brand{display:flex;align-items:center;gap:13px;font-size:20px;letter-spacing:-.07em;font-weight:900;text-decoration:none}.brand-and{color:#ee7e54;margin:0 2px}.brand-symbol{width:41px;height:42px;border-radius:11px;background:#e3dffe;display:flex;justify-content:center;align-items:center;gap:4px}.brand-big{height:25px;width:9px;border-radius:5px;background:#6755ce}.brand-small{height:13px;width:9px;border-radius:5px;background:#f28e63;align-self:flex-end;margin-bottom:8px}.topbar nav{display:flex;gap:27px;font-size:13px;font-weight:650;color:#495a80}.topbar nav a{text-decoration:none}.topbar nav a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;min-height:660px;gap:65px;padding-block:47px 94px}.eyebrow{color:#695bd4;font-size:11px;letter-spacing:.17em;font-weight:850;margin:0 0 20px}.eyebrow span{font-size:20px;vertical-align:middle}.hero h1{font-size:clamp(65px,7vw,102px);line-height:1.02;font-weight:900;letter-spacing:-.08em;margin:0}.hero h1 em{font-style:normal;color:#ec8057}.hero-copy>p:not(.eyebrow):not(.under-cta){max-width:530px;color:#677391;font-size:18px;line-height:1.84;margin:28px 0}.cta,.next-btn{display:inline-block;padding:15px 26px;border-radius:13px;background:#6350d5;color:white;font-weight:800;text-decoration:none;border:0;box-shadow:0 7px 0 #4639a1;transition:transform .16s}.cta:hover,.next-btn:hover{transform:translateY(-3px)}.under-cta{font-size:12px;color:#8791a9;margin-top:26px}
.hero-art{min-height:460px;position:relative;border:1px solid #e3e0f2;border-radius:38px;background:#ece9ff;overflow:hidden;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff75 1px,transparent 1px),linear-gradient(90deg,#ffffff75 1px,transparent 1px);background-size:34px 34px;opacity:.7}.circle-large{position:absolute;width:300px;height:300px;background:#ef8364;border-radius:50%;bottom:34px;left:57px;box-shadow:11px 15px 0 #d9c9ff}.circle-medium{position:absolute;width:148px;height:148px;background:#7063e1;border-radius:50%;right:36px;top:45px;box-shadow:7px 10px 0 #cec5ff}.circle-small{position:absolute;width:55px;height:55px;background:#ffca69;border-radius:50%;top:207px;right:65px}.art-line{position:absolute;left:61px;bottom:32px;width:77%;height:3px;background:#201f4d;z-index:5}.art-a,.art-b{position:absolute;font-size:43px;font-weight:900;letter-spacing:-.1em;color:white;text-shadow:0 3px 0 #674d65}.art-a{left:125px;bottom:153px}.art-b{right:77px;top:102px;font-size:27px}.art-tape{position:absolute;left:0;top:20px;background:#fffbd1;transform:rotate(-7deg) translate(-10px,10px);padding:7px 19px;letter-spacing:.28em;color:#a38855;font-size:10px;font-weight:700}.twinkle{position:absolute;font-size:31px;color:#e27b51}.twinkle-one{left:17px;top:107px}.twinkle-two{right:23px;bottom:54px}
.decks-section{background:#fff; padding-block:90px 100px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:28px}.section-heading h2,.explain-section h2,.sources-section h2{font-size:clamp(35px,4.4vw,55px);line-height:1.12;font-weight:900;letter-spacing:-.065em;margin:0 0 15px}.section-description{color:#6a7693;margin:0}.deck-stat{display:flex;align-items:center;gap:9px;color:#6f60df}.deck-stat strong{font-size:76px;letter-spacing:-.1em;line-height:1}.deck-stat span{font-size:12px;line-height:1.4;font-weight:800}.decks{margin-top:42px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.deck{border:1px solid #dedbec;min-height:345px;border-radius:22px;display:flex;flex-direction:column;text-align:left;padding:24px 20px 20px;background:#f9f6ff;color:#1c2854;transition:transform .2s,box-shadow .2s}.deck:hover{transform:translateY(-7px);box-shadow:0 18px 34px #3a345118}.deck-animals{background:#e1f4ed}.deck-landmarks{background:#f9ebda}.deck-space{background:#e9e6ff}.deck-everyday{background:#f8e2e4}.deck-visual{height:102px;display:flex;align-items:center;gap:10px}.deck-visual span:first-child{font-size:65px}.deck-visual span:last-child{font-size:41px;transform:translateY(-16px)}.deck-index{letter-spacing:.1em;font-size:10px;color:#74738b;font-weight:850;margin-bottom:11px}.deck strong{line-height:1.13;font-size:23px;letter-spacing:-.05em;margin-bottom:12px}.deck small{font-size:12px;color:#687184;line-height:1.5}.deck-action{margin-top:auto;padding-top:27px;font-size:13px;font-weight:800;color:#5845b7}
.play-area{padding-top:88px;padding-bottom:100px}.play-area[hidden],.reveal[hidden],.round-end[hidden]{display:none!important}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.game-heading h2{font-size:34px;line-height:1.2;letter-spacing:-.055em;margin:0}.game-heading .eyebrow{margin-bottom:6px}.text-button{border:0;background:transparent;color:#6b5acb;font-weight:800;font-size:13px}.text-button:hover{text-decoration:underline}
.game-shell{background:#fff;border:1px solid #e0dff2;border-radius:23px;padding:39px;box-shadow:0 25px 65px #56548a16}.game-topline{display:flex;justify-content:space-between;gap:15px;color:#6b5dc2;font-size:13px;font-weight:800}.game-category{text-transform:uppercase;letter-spacing:.11em}.score{color:#587b70}.progress{display:flex;gap:8px;margin:20px 0 33px}.progress i{height:5px;flex:1;background:#e5e5f3;border-radius:10px}.progress i.filled{background:#7061da}.question-step{font-size:12px;font-weight:800;letter-spacing:.13em;color:#9a9db1;margin:0 0 8px;text-transform:uppercase}.game-question{font-size:clamp(28px,4vw,45px);line-height:1.17;letter-spacing:-.055em;margin:0;font-weight:850}.measure-note{color:#737c91;margin:10px 0 29px;font-size:14px}.options{display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;gap:13px}.option{min-width:0;min-height:260px;position:relative;border:2px solid #d8d6ec;background:#f7f7ff;border-radius:18px;padding:24px 20px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;color:#1c2854;transition:transform .16s,border .16s,background .16s}.option:not(:disabled):hover{border-color:#7868dd;background:#f0edff;transform:translateY(-2px)}.option:disabled{opacity:.82}.option.correct{border-color:#398367;background:#e5f4ee;opacity:1}.option.incorrect{border-color:#d8836c;background:#fdf0ec;opacity:1}.option-letter{position:absolute;left:17px;top:14px;font-size:11px;font-weight:800;letter-spacing:.07em;background:#e1dcfa;padding:5px 9px;border-radius:6px}.option-emoji{font-size:75px;height:117px;display:grid;place-items:center}.option strong{font-size:clamp(19px,2.5vw,27px);letter-spacing:-.045em;line-height:1.25;max-width:330px;text-align:center}.option-call{font-size:12px;color:#715cc9;font-weight:850;margin-top:12px}.versus{text-align:center;font-size:12px;font-weight:900;color:#9995ba}
.reveal{border-top:1px dashed #d7d3eb;margin-top:35px;padding-top:30px;animation:show .25s ease}.reveal-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.reveal-label{font-size:12px;font-weight:900;letter-spacing:.1em;color:#577b6b;margin:0 0 7px}.reveal h4{font-size:28px;letter-spacing:-.06em;margin:0}.ratio{border-radius:99px;background:#f9e4cc;color:#8b572a;padding:9px 15px;font-weight:900;font-size:16px;white-space:nowrap}.result-explain{font-size:15px;color:#62718b;line-height:1.8}.scale{background:#f4f4ff;padding:25px;border-radius:13px;display:grid;gap:21px}.scale-row-label{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin:0 0 7px}.scale-row-label span{font-weight:800;white-space:nowrap;color:#4e538c}.scale-track{background:#e5e4f2;width:100%;height:31px;border-radius:7px;overflow:hidden;position:relative}.scale-fill{height:100%;background:#735fe0;border-radius:0 7px 7px 0;transition:width .65s ease}.scale-fill.second{background:#ef9369}.scale-foot,.source-caveat{font-size:12px;color:#8290a1;line-height:1.6}.science{border-top:1px solid #e6e4ed;margin-top:22px;padding-top:13px;color:#67758c;font-size:13px}.science summary{cursor:pointer;color:#5851ae;font-weight:800}.source-links{display:flex;flex-wrap:wrap;gap:12px}.source-links a{color:#584aba;text-decoration:underline}.next-row{display:flex;justify-content:flex-end;margin-top:28px}.next-btn{font-size:14px}.round-end{background:#e8f3e8;border-radius:18px;text-align:center;padding:50px 20px;margin-top:20px}.finish-symbol{color:#6e9b74;font-size:52px}.round-end h3{font-size:36px;letter-spacing:-.06em;margin:8px 0}.round-end p{color:#647d6d;max-width:600px;margin:0 auto 25px}.finish-actions{display:flex;gap:17px;justify-content:center;align-items:center;flex-wrap:wrap}.outline-button{background:white;color:#4d5a60;border:1px solid #b8cabe;border-radius:12px;padding:14px 20px;font-weight:800}
.explain-section{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding-block:95px 110px}.explain-main>p:not(.eyebrow){font-size:17px;color:#717d99;line-height:1.8;max-width:540px}.explain-side{background:#eceaff;padding:48px;border-radius:25px}.mini-ruler{background:#fff;border-radius:18px;padding:22px;display:grid;gap:10px}.mini-ruler-top{font-size:12px;font-weight:900;color:#7168a4}.mini-ruler-long{height:29px;background:#7363e4;border-radius:5px;width:100%}.mini-ruler-short{height:29px;background:#f09e7a;border-radius:5px;width:37%}.explain-side p{font-size:13px;color:#6d74a1;margin:20px 0 0}.sources-section{background:#e0ebef;padding:85px 0 90px}.sources-section .wrap{max-width:980px}.sources-section p:not(.eyebrow){color:#5f7385;font-size:15px;line-height:1.85}.footer{display:flex;gap:30px;justify-content:space-between;padding-block:55px;color:#7c87a2}.footer .brand{color:#1c2854}.footer>div:last-child{text-align:right;font-size:12px;max-width:400px}.footer small{font-size:11px}
@keyframes show{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:30px;min-height:auto}.hero-art{max-width:650px;width:100%;justify-self:center}.decks{grid-template-columns:repeat(2,minmax(0,1fr))}.explain-section{grid-template-columns:1fr}.hero h1{font-size:clamp(65px,12vw,96px)}}
@media(max-width:630px){.wrap{padding-inline:19px}.topbar{padding-block:17px;gap:7px}.brand{font-size:16px}.brand-symbol{width:32px;height:35px}.topbar nav{font-size:11px;gap:11px}.topbar nav a:last-child{display:none}.hero{padding-top:35px;padding-bottom:53px}.hero h1{font-size:clamp(51px,12vw,72px)}.hero-copy>p:not(.eyebrow):not(.under-cta){font-size:15px}.hero-art{min-height:290px}.circle-large{width:200px;height:200px;bottom:25px;left:35px}.circle-medium{width:104px;height:104px;right:33px;top:28px}.circle-small{right:37px;top:161px}.art-a{left:72px;bottom:115px;font-size:31px}.art-b{right:60px;top:63px}.art-line{left:32px}.decks-section{padding-block:65px}.section-heading h2{font-size:36px}.deck-stat{display:none}.decks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:26px}.deck{padding:16px 12px;min-height:260px;border-radius:13px}.deck strong{font-size:18px}.deck small{font-size:11px}.deck-visual{height:76px}.deck-visual span:first-child{font-size:47px}.deck-visual span:last-child{font-size:29px}.deck-action{font-size:12px}.game-heading{align-items:flex-start;flex-direction:column}.game-shell{padding:21px 14px}.game-question{font-size:31px}.options{grid-template-columns:1fr 1fr;gap:8px}.versus{display:none}.option{padding:15px 8px;min-height:215px;border-radius:13px}.option-emoji{font-size:52px;height:95px}.option strong{font-size:18px}.option-letter{top:8px;left:8px}.option-call{font-size:11px}.scale{padding:13px}.scale-row-label{font-size:12px}.scale-track{height:25px}.reveal-top{align-items:flex-start}.reveal h4{font-size:24px}.ratio{font-size:12px}.explain-section{padding-block:70px}.explain-side{padding:24px}.sources-section{padding-block:70px}.footer{flex-direction:column;gap:18px}.footer>div:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}