@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/bricolage-grotesque-latin-800-normal.J50vIsBe.woff2) format("woff2"),url(/_astro/bricolage-grotesque-latin-800-normal.Br4b-5gk.woff) format("woff")}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-wght-normal.BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-wght-normal.Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f6f5f0;--surface: #ffffff;--well: #efede6;--ink: #17171a;--ink-soft: #4a4a52;--muted: #5c5c66;--line: #e4e2da;--line-strong: #d6d3c8;--blue: #2443c8;--blue-ink: #1a2f8f;--blue-soft: #e8ecfb;--orange: #ff8a3d;--ok: #1a6b3a;--ok-glow: #3fb86b;--ok-soft: #9fe3b8;--bad: #a3330f;--bad-glow: #d9541e;--gold: #e9b530;--silver: #c7ccd4;--bronze: #c9844e;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "DM Sans Variable", "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter-l: max(24px, env(safe-area-inset-left, 0px));--gutter-r: max(24px, env(safe-area-inset-right, 0px))}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6}a{color:var(--blue)}a:hover{color:var(--blue-ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{max-width:1200px;margin:0 auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;padding-block:12px;flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:21px}.logo:hover{color:var(--ink)}.site-nav{display:flex;gap:6px;flex-wrap:wrap}.site-nav a{padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:500;font-size:15px;border:1px solid transparent}.site-nav a[aria-current=page]{background:var(--surface);border-color:var(--line-strong);font-weight:700}.site-footer{margin-top:72px;background:var(--well);border-top:1px solid var(--line);font-size:15px}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:28px 48px;justify-content:space-between;padding-block:32px 16px}.site-footer nav{display:flex;flex-direction:column;gap:6px}.site-footer button{background:none;border:0;padding:0;color:var(--blue);text-decoration:underline;text-align:left}.footer-heading{margin:0;font-weight:700}.footer-note{max-width:340px;display:flex;flex-direction:column;gap:6px;color:var(--ink-soft)}.copyright{padding-block:0 24px!important;color:var(--muted);font-size:13px}.hero{padding-block:28px 14px;display:flex;flex-direction:column;gap:8px;max-width:820px}.hero h1{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(30px,6vw,52px);line-height:1.05;letter-spacing:-.01em;text-wrap:balance}.hero p{margin:0;font-size:17px;color:var(--ink-soft)}.hero .jump{font-weight:700;text-decoration:none}.play-area{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}.game{flex:999 1 600px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:18px;display:flex;flex-direction:column;gap:12px}.game-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:14px;font-weight:500}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}.sizes{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden}.sizes button{min-height:36px;min-width:42px;border:0;background:var(--surface);font-size:14px;font-weight:700}.sizes button[aria-pressed=true]{background:var(--ink);color:#fff}.progress{display:flex;align-items:center;gap:10px}.track{flex-grow:1;height:8px;border-radius:4px;background:var(--line);overflow:hidden}.track span{display:block;height:100%;width:0;background:var(--ink);border-radius:4px;transition:width .3s ease}.count{font-size:14px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.cards{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:300px}.choice{position:relative;border:0;border-radius:22px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:clamp(26px,4.4vw,46px);line-height:1.1;text-align:center;overflow-wrap:anywhere;transition:transform .28s cubic-bezier(.2,1.4,.4,1),opacity .28s,box-shadow .28s}.choice-a{background:var(--blue);color:#fff}.choice-b{background:var(--orange);color:var(--ink)}.choice:hover{transform:translateY(-2px)}.choice .text{animation:rise .3s ease-out}.or{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:var(--bg);border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:19px;pointer-events:none}.cards.spin .or{animation:spin .5s ease-in-out}.choice.picked{transform:scale(1.04);box-shadow:0 0 0 4px var(--ink)}.choice.dimmed{transform:scale(.94);opacity:.35}.choice .tick{width:40px;height:40px;animation:pop .4s ease-out}.choice.right{box-shadow:0 0 0 5px var(--ok-glow)}.choice.wrong{box-shadow:0 0 0 5px var(--bad-glow);animation:shake .45s ease-in-out}.badge{font-family:var(--font-body);font-size:15px;font-weight:700;padding:6px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;animation:pop .35s ease-out}.choice-a .badge{background:#fff;color:var(--ink)}.choice-b .badge{background:var(--ink);color:#fff}.badge.ok{color:var(--ok)}.choice-b .badge.ok{color:var(--ok-soft)}.badge.no{color:var(--bad)}.choice-b .badge.no{color:#ffb59a}.burst{position:absolute;left:50%;top:50%;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;border:6px solid var(--ok-glow);animation:burst .6s ease-out forwards;pointer-events:none}.plus{position:absolute;left:50%;top:42%;font-family:var(--font-display);font-weight:800;font-size:32px;background:var(--ok-soft);color:var(--ink);padding:2px 14px;border-radius:20px;animation:floatup .9s ease-out forwards;pointer-events:none}.game-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.link-btn{min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--ink-soft);font-size:14px;font-weight:600}.link-btn.strong{color:var(--blue);font-weight:700}.kbd-hint{display:none}.how-card{flex:1 1 280px;display:flex;flex-direction:column;gap:14px}.how-card .dark{border-radius:22px;background:var(--ink);color:#fff;padding:20px;display:flex;flex-direction:column;gap:10px}.how-card h2{margin:0;font-family:var(--font-display);font-weight:800;font-size:22px}.how-card ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:#e6e6ea;font-size:15px}.how-card small{color:#c9c9d1;font-size:13px}.game.is-present{position:fixed;inset:0;z-index:50;border-radius:0;border:0;padding:28px 40px;background:var(--ink);color:#fff}.game.is-present .chip,.game.is-present .sizes button{background:transparent;color:#fff;border-color:#4a4a52}.game.is-present .chip[aria-pressed=true],.game.is-present .sizes button[aria-pressed=true]{background:#fff;color:var(--ink)}.game.is-present .track{background:#3a3a42}.game.is-present .track span{background:#fff}.game.is-present .count,.game.is-present .game-foot,.game.is-present .link-btn{color:#c9c9d1}.game.is-present .cards{flex-grow:1}.game.is-present .choice{font-size:clamp(40px,7vw,96px)}.game.is-present .or{background:var(--ink);border-color:#fff;color:#fff;width:90px;height:90px;font-size:28px}Ads sit in their own labelled blocks,never next to the cards or the share buttons. */ .jump-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.jump-nav a{padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line-strong);text-decoration:none;color:var(--ink);font-size:15px}.scenes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:20px;margin-top:24px}.scene{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:10px;scroll-margin-top:16px}.scene h2,.scene h3{margin:0;font-family:var(--font-display);font-weight:800;line-height:1.15;text-wrap:balance}.scene h2{font-size:clamp(22px,3vw,26px)}.scene h3{font-size:20px}.scene p{margin:0;color:var(--ink-soft)}.scene ol{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:6px}.scene-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:6px}.btn{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--ink)}.btn:hover{color:var(--ink);border-color:var(--ink)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-ink);border-color:var(--blue-ink);color:#fff}.btn-big{min-height:56px;font-size:17px;width:100%}.more{font-weight:700;text-decoration:none}.section{margin-top:56px;display:flex;flex-direction:column;gap:14px}.section>h2{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3.4vw,32px);line-height:1.15;text-wrap:balance}.section>p{margin:0;color:var(--ink-soft);max-width:75ch}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:6px}.tile h3{margin:0;font-size:18px}.tile p,.tile ol{margin:0;color:var(--ink-soft);font-size:15px}.tile ol{padding-left:22px}.faq-title{margin:0 0 10px;font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3.4vw,32px)}.scenes.tight{margin-top:0}.faq-row{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start;max-width:860px}details{border-top:1px solid var(--line);padding:14px 0}details:last-of-type{border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer;font-size:17px}details p{margin:8px 0 0;color:var(--ink-soft)}.legal{padding-block:40px;max-width:760px}.legal h1{font-family:var(--font-display);font-size:40px;margin:0 0 16px}.legal-body{color:var(--ink-soft)}.legal-body h2{color:var(--ink);font-size:20px;margin-top:28px}.screen{max-width:520px;margin:0 auto;padding-block:24px 8px;display:flex;flex-direction:column;gap:14px}.screen h1{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(30px,7vw,40px);line-height:1.1}.screen>p{margin:0;color:var(--ink-soft);font-size:17px}.picks-card{border-radius:24px;background:var(--ink);color:#fff;padding:20px;display:flex;flex-direction:column;gap:12px}.picks-card .head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.picks-card .head strong{font-family:var(--font-display);font-size:22px}.picks-card .head span{font-size:13px;color:#c9c9d1}.pick-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pick-grid li{border-radius:12px;padding:9px 12px;font-weight:700;font-size:15px}.pick-grid .a{background:var(--blue)}.pick-grid .b{background:var(--orange);color:var(--ink)}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700}.field input{min-height:48px;border:1px solid var(--line-strong);border-radius:12px;padding:0 14px;font:500 16px var(--font-body);background:var(--surface);color:var(--ink)}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.note{font-size:13px;color:var(--muted);text-align:center;margin:0}.share-row{display:flex;flex-direction:column;gap:8px}.share-label{margin:0;font-size:14px;font-weight:700;color:var(--ink-soft)}.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.share-btn{min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;text-align:left}.share-btn:hover{border-color:var(--ink)}.app-icon{width:22px;height:22px;flex-shrink:0}.toast{font-size:14px;font-weight:700;color:var(--ok);text-align:center;min-height:22px;margin:0}.avatar{width:72px;height:72px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:30px}.facts{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--ink-soft)}.score-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.score-chip{min-height:40px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:6px}.score-chip b.bump{animation:bump .4s ease-out}.big-score{text-align:center;display:flex;flex-direction:column;gap:2px}.big-score strong{font-family:var(--font-display);font-size:64px;line-height:1;animation:pop .5s ease-out}.big-score span{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--blue)}.compare{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:18px}.compare li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--well);font-size:15px}.compare li:last-child{border-bottom:0}.compare .q{flex-grow:1;color:var(--ink-soft)}.compare .ans{font-weight:700}.screen-notes{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.screen-notes h2{margin:0;font-family:var(--font-display);font-size:22px}.screen-notes p{margin:0;color:var(--ink-soft)}.screen .game{flex:none}.screen .cards{min-height:380px;grid-template-columns:minmax(0,1fr)}@keyframes pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(4px)}}@keyframes burst{0%{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes floatup{0%{transform:translate(-50%);opacity:0}20%{opacity:1}to{transform:translate(-50%,-60px);opacity:0}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@media(hover:hover)and (pointer:fine){.kbd-hint{display:inline}}@media(max-width:860px){.faq-row{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){:root{--gutter-l: max(16px, env(safe-area-inset-left, 0px));--gutter-r: max(16px, env(safe-area-inset-right, 0px))}.cards{grid-template-columns:minmax(0,1fr);min-height:300px;gap:10px}.choice{font-size:30px;padding:12px}.game{padding:12px;border-radius:24px;gap:10px}.game-bar{flex-wrap:nowrap}.chips{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.sizes{flex-shrink:0}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0}.hero{padding-block:18px 10px}.hero p{font-size:16px}.scene{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}