:root{--ink: #080C16;--panel: #111827;--panel-2: #182134;--panel-3: #212C45;--line: #2A3651;--line-soft: #1E283E;--text: #EDF1FB;--muted: #98A6C6;--muted-2: #6F7E9F;--gold: #FFC24B;--gold-deep: #E0980D;--coral: #FF5C7A;--mint: #3FD79B;--violet: #9C7BFF;--sky: #56B7F5;--radius: 14px;--radius-lg: 22px;--shadow: 0 18px 40px -24px rgba(0, 0, 0, .9);--wrap: 1120px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1100px 620px at 12% -8%,rgba(255,194,75,.1),transparent 62%),radial-gradient(900px 520px at 88% 4%,rgba(156,123,255,.1),transparent 60%),var(--ink);background-attachment:fixed;line-height:1.6;font-size:16px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@media(min-width:720px){body{font-size:16.5px;line-height:1.65}}h1,h2,h3,h4{line-height:1.14;letter-spacing:-.024em;margin:0 0 .5em;font-weight:780}h1{font-size:clamp(2rem,5.2vw,3.1rem)}h2{font-size:clamp(1.45rem,3.2vw,2rem)}h3{font-size:1.16rem}p{margin:0 0 1em}a{color:var(--gold);text-decoration-color:#ffc24b59;text-underline-offset:3px}a:hover{color:#ffd98a}small{font-size:.85rem}img{max-width:100%}.wrap{width:min(100% - 1.6rem,var(--wrap));margin-inline:auto}.wrap-narrow{width:min(100% - 1.6rem,760px);margin-inline:auto}@media(min-width:720px){.wrap,.wrap-narrow{width:min(100% - 2.4rem,var(--wrap))}.wrap-narrow{width:min(100% - 2.4rem,760px)}}.eyebrow{font-size:.735rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 .75rem}.eyebrow--muted{color:var(--muted-2)}.lede{font-size:1.12rem;color:var(--muted);max-width:62ch}.muted{color:var(--muted)}.tiny{font-size:.82rem;color:var(--muted-2)}.site-head{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);background:#080c16d1;border-bottom:1px solid var(--line-soft)}.site-head__inner{display:flex;align-items:center;gap:1.25rem;padding:.7rem 0}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:-.03em;font-size:1.16rem;color:var(--text);text-decoration:none}.brand svg{width:30px;height:30px}.brand b{color:var(--gold)}.nav{display:flex;gap:.25rem;margin-left:auto;flex-wrap:wrap}@media(max-width:720px){.site-head__inner{gap:.6rem}.nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 88%,transparent)}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;padding:.38rem .55rem;font-size:.87rem}.brand span{font-size:1.02rem}}.nav a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:600;padding:.42rem .7rem;border-radius:9px}.nav a:hover{color:var(--text);background:var(--panel-2)}.nav a[aria-current=page]{color:var(--ink);background:var(--gold)}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.pad{padding:clamp(.9rem,2.6vw,1.8rem)}.stack>*+*{margin-top:1rem}.section{padding:clamp(2rem,6vw,4.2rem) 0}.section--tight{padding:clamp(1.2rem,4vw,2.6rem) 0}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.btn{--btn-bg: var(--panel-3);--btn-fg: var(--text);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.78rem 1.15rem;min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none;transition:transform .12s ease,filter .12s ease,background .12s ease}.btn:hover{filter:brightness(1.12);color:var(--btn-fg)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{--btn-bg: linear-gradient(180deg, var(--gold), var(--gold-deep));--btn-fg: #26190A;border-color:transparent;box-shadow:0 10px 24px -14px #ffc24be6}.btn--lg{padding:.95rem 1.6rem;min-height:54px;font-size:1.05rem;border-radius:14px}.btn--ghost{--btn-bg: transparent}.btn--block{width:100%}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .62rem;border-radius:999px;background:var(--panel-3);border:1px solid var(--line);font-size:.79rem;font-weight:650;color:var(--muted);text-decoration:none}a.chip:hover{color:var(--text);border-color:var(--gold)}.chip--gold{color:var(--gold);border-color:#ffc24b59;background:#ffc24b17}.flag-img{display:block;width:100%;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px -12px #000}.tile{display:flex;flex-direction:column;gap:.55rem;padding:.75rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);text-decoration:none;color:var(--text);transition:border-color .14s ease,transform .14s ease}.tile:hover{border-color:var(--gold);transform:translateY(-2px);color:var(--text)}.tile__name{font-weight:700;font-size:.95rem;line-height:1.25}.tile__meta{font-size:.78rem;color:var(--muted-2)}.prose{max-width:68ch}.prose h2{margin-top:2.2rem}.prose h3{margin-top:1.6rem}.prose p,.prose li{color:#c7d1e8}.prose{line-height:1.7}.prose ul,.prose ol{padding-left:1.15rem;margin:0 0 1.1rem}.prose li{margin-bottom:.4rem}.prose strong{color:var(--text)}.callout{border-left:3px solid var(--gold);background:#ffc24b12;padding:.9rem 1.1rem;border-radius:0 12px 12px 0;margin:1.2rem 0}.callout--mint{border-color:var(--mint);background:#3fd79b12}.callout--coral{border-color:var(--coral);background:#ff5c7a12}dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.1rem;margin:0}dl.facts dt{color:var(--muted-2);font-size:.85rem;padding-top:.1rem}dl.facts dd{margin:0;font-weight:600}.swatches{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 0;padding:0;list-style:none}.swatch{display:flex;align-items:center;gap:.45rem;padding:.3rem .6rem .3rem .3rem;border:1px solid var(--line);border-radius:999px;font-size:.82rem}.swatch i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:block}.swatch code{font-family:var(--mono);font-size:.74rem;color:var(--muted-2)}.site-foot{border-top:1px solid var(--line-soft);margin-top:3rem;padding:2.4rem 0 3rem;color:var(--muted-2);font-size:.9rem}.site-foot a{color:var(--muted);text-decoration:none}.site-foot a:hover{color:var(--gold)}.foot-cols{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.foot-cols h4{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:.6rem}.foot-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:.32rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:var(--gold);color:#000;padding:.6rem 1rem;border-radius:8px}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}hr{border:0;border-top:1px solid var(--line-soft);margin:2rem 0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.page-title{margin-bottom:.4rem}.hero-title{text-align:center;font-size:clamp(.78rem,1.6vw,.86rem);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:700;margin:0 0 .9rem}:root[data-theme=light]{--ink: #F6F4EF;--panel: #FFFFFF;--panel-2: #FFFDF9;--panel-3: #F0ECE3;--line: #DCD6C9;--line-soft: #E9E4DA;--text: #16192A;--muted: #55607A;--muted-2: #737F99;--gold: #B87400;--gold-deep: #8A5600;--coral: #C62F4E;--mint: #197A50;--violet: #6841C4;--sky: #14618F;--shadow: 0 14px 34px -26px rgba(20, 24, 40, .55)}:root[data-theme=light] body{background:radial-gradient(1100px 620px at 12% -8%,rgba(184,116,0,.1),transparent 62%),radial-gradient(900px 520px at 88% 4%,rgba(104,65,196,.08),transparent 60%),var(--ink)}:root[data-theme=light] .site-head{background:#f6f4efdb}:root[data-theme=light] .nav a[aria-current=page],:root[data-theme=light] .btn--primary{color:#fff}:root[data-theme=light] .tool.is-on{color:#fff}:root[data-theme=light] .prose p,:root[data-theme=light] .prose li{color:#333b52}:root[data-theme=light] .note{color:#333b52}:root[data-theme=light] .histogram__bar{color:#fff}:root[data-theme=light] .steps li:before,:root[data-theme=light] .step__card{fill:var(--panel-3)}:root[data-theme=light] .game__country{background:none;color:var(--gold-deep);-webkit-text-fill-color:var(--gold-deep)}:root[data-theme=light] .draw__lock{background:#16192a40}:root[data-theme=light] .swatch-btn{border-color:#16192a2e}:root[data-theme=light] dialog.sheet::backdrop{background:#1e1c1873}@media(max-width:719px){.site-head__inner{padding:.55rem 0}.brand svg{width:26px;height:26px}}@media(max-width:379px){.brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.head-actions{gap:.25rem}}@media(max-width:719px){h1{font-size:clamp(1.75rem,7.4vw,2.3rem)}h2{font-size:clamp(1.3rem,5.4vw,1.6rem)}.lede{font-size:1.02rem}.result__actions{display:grid;gap:.5rem}.result__actions .btn{width:100%}.guide-head{display:flex;flex-direction:column}.guide-head .guide-figure{order:-1}dl.facts{grid-template-columns:1fr;gap:.1rem 0}dl.facts dt{margin-top:.5rem}.tile{padding:.55rem}.tile__name{font-size:.88rem}}:root{--game-shell-max: 560px;--shell-gutter: clamp(.75rem, 3.5vw, 1.25rem);--tap: 44px}.game-shell{width:min(100%,var(--game-shell-max));min-width:0;margin-inline:auto}.below-game{width:min(100%,var(--wrap));margin-inline:auto}dialog.sheet{width:min(100% - 1.5rem,30rem);max-height:min(86dvh,44rem);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel-2);color:var(--text);overflow:hidden}dialog.sheet::backdrop{background:#04070eb8;backdrop-filter:blur(3px)}.sheet__head{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.9rem 1rem .7rem;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:var(--panel-2)}.sheet__head h2{margin:0;font-size:1.12rem}.sheet__body{padding:1rem;overflow-y:auto;max-height:calc(min(86dvh,44rem) - 3.5rem)}.sheet__body>:last-child{margin-bottom:0}.sheet__close{flex:none;width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--panel-3);color:var(--text);font-size:1.1rem;line-height:1;cursor:pointer}.sheet__close:hover{color:var(--gold)}.head-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.icon-btn{min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .6rem;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;font-size:.86rem;font-weight:650;cursor:pointer;touch-action:manipulation}.icon-btn:hover{color:var(--text);border-color:var(--panel-3)}.icon-btn svg{width:18px;height:18px}.nav--wide{display:none}@media(min-width:1024px){.nav--wide{display:flex}.icon-btn--modes{display:none}}.mode-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.mode-list a{display:flex;align-items:center;gap:.7rem;min-height:var(--tap);padding:.6rem .75rem;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none}.mode-list a:hover{border-color:var(--gold)}.mode-list b{display:block;font-size:.96rem}.mode-list span{display:block;font-size:.8rem;color:var(--muted-2)}.stat-grid{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:center}.stat-grid li{padding:.6rem .35rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.stat-grid strong{display:block;font-size:1.35rem;letter-spacing:-.02em}.stat-grid span{display:block;font-size:.7rem;color:var(--muted-2);line-height:1.3;margin-top:.15rem}.stat-heading{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin:0 0 .6rem}.histogram{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.3rem}.histogram li{display:grid;grid-template-columns:4.2rem 1fr;align-items:center;gap:.5rem;font-size:.82rem}.histogram__label{color:var(--muted-2);font-variant-numeric:tabular-nums}.histogram__bar{display:inline-flex;align-items:center;justify-content:flex-end;padding:.2rem .45rem;border-radius:6px;background:linear-gradient(90deg,var(--gold-deep),var(--gold));color:#24180a;font-weight:700;font-size:.76rem;min-width:1.6rem}@media(max-width:719px){.icon-btn__label{display:none}.icon-btn{padding:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.linkish{background:none;border:0;padding:0;color:var(--gold);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:0}.steps-grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.step{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:clamp(.9rem,2.4vw,1.4rem)}.step h3{margin:0 0 .35rem;font-size:1.06rem}.step p.muted{margin:0;font-size:.94rem}.step__art{border-radius:12px;background:var(--ink);border:1px solid var(--line-soft);margin-bottom:.9rem;overflow:hidden}.step__art svg{display:block;width:100%;height:auto}.step__card{fill:var(--panel-2);stroke:var(--line);stroke-width:1}.step__country{fill:var(--gold);font:700 13px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-anchor:middle}.step__canvas{fill:#fff}.step__qmark{fill:var(--muted-2);font:700 15px/1 ui-sans-serif,system-ui,sans-serif;text-anchor:middle}.step__score{fill:var(--gold);font:800 22px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em;text-anchor:middle}.band--1{fill:#111}.band--2{fill:var(--coral)}.band--3{fill:var(--gold)}.step__brush{fill:var(--sky);stroke:#0b1020;stroke-width:1.4;opacity:0}.step__bars .track{fill:var(--panel-3)}.step__bars .fill{width:0}.fill--1{fill:var(--gold)}.fill--2{fill:var(--sky)}.fill--3{fill:var(--violet)}.step__qmark{opacity:1}.step .band{transform-origin:left center}.step.is-visible .step__qmark{animation:blink 1.1s steps(2,end) 3}.step.is-visible .band{animation:wipe .5s ease-out both}.step.is-visible .band--1{animation-delay:.05s}.step.is-visible .band--2{animation-delay:.3s}.step.is-visible .band--3{animation-delay:.55s}.step.is-visible .step__brush{animation:brush 1.5s ease-in-out both}.step.is-visible .fill--1{animation:grow-96 .9s ease-out .1s both}.step.is-visible .fill--2{animation:grow-88 .9s ease-out .25s both}.step.is-visible .fill--3{animation:grow-74 .9s ease-out .4s both}@keyframes blink{50%{opacity:.25}}@keyframes wipe{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes brush{0%{transform:translate(38px,30px);opacity:0}15%{opacity:1}40%{transform:translate(122px,30px)}70%{transform:translate(38px,62px)}to{transform:translate(122px,62px);opacity:0}}@keyframes grow-96{to{width:88px}}@keyframes grow-88{to{width:81px}}@keyframes grow-74{to{width:68px}}@media(prefers-reduced-motion:reduce){.step .fill--1{width:88px}.step .fill--2{width:81px}.step .fill--3{width:68px}.step .step__brush{opacity:0}}.step:not(.is-visible) .fill--1{width:88px}.step:not(.is-visible) .fill--2{width:81px}.step:not(.is-visible) .fill--3{width:68px}.mode-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mode-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon body" "icon cta";gap:.15rem .85rem;padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--panel);text-decoration:none;color:var(--text);transition:border-color .15s ease,transform .15s ease,background .15s ease}.mode-card:hover,.mode-card:focus-visible{border-color:var(--gold);background:var(--panel-2);transform:translateY(-2px);color:var(--text)}.mode-card__icon{grid-area:icon;align-self:start;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffc24b1f;border:1px solid rgba(255,194,75,.28);color:var(--gold)}.mode-card h3{grid-area:title;margin:0;font-size:1.02rem}.mode-card p{grid-area:body;margin:.15rem 0 0;font-size:.9rem;color:var(--muted)}.mode-card__cta{grid-area:cta;margin-top:.6rem;font-size:.84rem;font-weight:700;color:var(--gold);display:inline-flex;align-items:center;gap:.3rem}.mode-card:hover .mode-card__cta span,.mode-card:focus-visible .mode-card__cta span{transform:translate(3px)}.mode-card__cta span{transition:transform .15s ease}.theme-toggle__icon[data-astro-cid-x3pjskd3]{display:none}.theme-toggle[data-astro-cid-x3pjskd3][data-choice=system] [data-astro-cid-x3pjskd3][data-icon=system],.theme-toggle[data-astro-cid-x3pjskd3][data-choice=light] [data-astro-cid-x3pjskd3][data-icon=light],.theme-toggle[data-astro-cid-x3pjskd3][data-choice=dark] [data-astro-cid-x3pjskd3][data-icon=dark]{display:block}