.game{display:grid;gap:.65rem;min-width:0}.game__prompt{text-align:center}.game__context{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:44px;margin-bottom:.3rem}.game__context .eyebrow{margin:0;font-size:.7rem;text-align:left}.game__details{position:relative;flex:none;text-align:left}.game__details summary,.game__details-placeholder{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .3rem;border:0;border-radius:4px;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;cursor:pointer;list-style:none}.game__details summary::-webkit-details-marker{display:none}.game__details summary:hover{color:var(--accent);background:var(--accent-soft)}.game__details-placeholder{cursor:default}.game__details-body{position:absolute;right:0;top:100%;z-index:5;display:grid;gap:.35rem;width:180px;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);color:var(--muted);font-size:.82rem}.game__ask{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.game__country{display:grid;align-content:center;min-height:2.3em;margin:0;text-wrap:balance;font-weight:750;line-height:1.15;font-size:clamp(1.75rem,7vw,2rem);letter-spacing:-.03em;color:var(--text)}.game__meta{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.draw{display:grid;gap:.5rem;min-width:0}.draw__stage{position:relative;width:100%;aspect-ratio:3 / 2;max-height:min(38svh,320px);display:flex;align-items:center;justify-content:center}.draw__stage[data-pending]{background:var(--panel-2);border-radius:2px}.draw__surface{position:relative;display:flex;max-width:100%;max-height:100%;border-radius:2px;overflow:hidden;background:#fff;border:1px solid #CBD2DE;box-shadow:none}.draw__sizer{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.draw__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.draw__canvas--preview{background:transparent}.draw__lock{position:absolute;inset:0;background:#080c1659}.draw__bar{container-type:inline-size;display:grid;gap:.35rem}.draw__tools{position:relative;display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px}.tool{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem;min-width:44px;min-height:44px;border-radius:4px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;font-weight:650;cursor:pointer}.tool svg{width:18px;height:18px;flex:none}.draw__tools>.tool,.draw__tools>.draw__menu>.tool{flex-direction:column;justify-content:center;gap:4px;width:100%;min-height:52px;padding:5px 2px;font-size:.67rem;line-height:1.2}.tool:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.tool.is-on{background:var(--accent-soft);color:var(--accent)}.tool:disabled{opacity:.4;cursor:not-allowed}.tool--clear{color:var(--coral);border-top:1px solid var(--line-soft);border-radius:0;margin-top:4px}.draw__menu{min-width:0}.draw__menu>summary{list-style:none;cursor:pointer}.draw__menu>summary::-webkit-details-marker{display:none}.draw__menu>summary[aria-disabled=true]{opacity:.4;cursor:default}.draw__menu[open]>summary{background:var(--panel-3)}.draw__popover{position:absolute;bottom:calc(100% + 8px);left:0;z-index:8;width:min(100%,220px);padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.draw__popover .tool{width:100%;justify-content:flex-start}.draw__menu--actions .draw__popover{left:auto;right:0}.draw__row{display:grid;gap:.25rem}.draw__controls{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-width:0}.draw__colors{position:relative;display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px}.swatch-btn{width:100%;min-width:44px;min-height:44px;border-radius:4px;border:1px solid var(--line);cursor:pointer;padding:0;position:relative}.swatch-btn.is-on{border-color:var(--accent)}.draw .swatch-btn{display:grid;place-items:center;height:44px;border:0;background:transparent}.draw .swatch-btn:hover{background:var(--panel-2)}.draw__colour-chip{display:grid;place-items:center;width:34px;height:30px;border-radius:3px;box-shadow:inset 0 0 0 1px #18212f29}.draw__colour-check{display:grid;place-items:center;width:18px;height:18px;border-radius:2px;background:#fff;color:#18212f;font-size:13px;font-weight:800;line-height:1}.draw__colour-chip--more{background:var(--panel-3);color:var(--muted);font-size:24px;box-shadow:none}.draw__colour-name{margin:0;color:var(--muted-2);font-size:.75rem}.swatch-btn--custom{overflow:hidden}.swatch-btn--custom input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.swatch-btn--custom[data-disabled=true]{opacity:.4;cursor:not-allowed}.swatch-btn--custom input:disabled{cursor:not-allowed}.swatch-btn--custom:focus-within{outline:2px solid var(--accent);outline-offset:2px}.draw__size{display:flex;align-items:center;gap:.5rem;width:50%;max-width:180px;color:var(--muted-2);font-size:.75rem}.draw__size input{accent-color:var(--accent);width:100%;min-width:0;height:44px;margin:0}@container (min-width: 476px){.draw__colors{grid-template-columns:repeat(10,minmax(44px,1fr))}}.game__go{display:grid;gap:.5rem;width:100%}.game__go>.btn{width:100%}.game__stats{display:flex;flex-wrap:wrap;justify-content:center;align-content:start;gap:.3rem 1.1rem;min-height:calc(2lh + .3rem);color:var(--muted-2);font-size:.78rem;font-variant-numeric:tabular-nums}.game__stats strong{color:var(--text)}.game__tomorrow{text-align:center;font-size:.92rem}.flash-stage{position:absolute;inset:0;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;padding:.5rem;text-align:center}.flash-stage>p{margin:0;font-size:.85rem}.flash-count{min-width:1ch;font-size:clamp(3rem,12vw,4.5rem);font-weight:800;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}.flash-stage .flash-flag{max-height:calc(100% - 2rem)}.flash-levels{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.flash-levels .is-on{border-color:var(--gold);color:var(--gold)}.flash-levels .btn{min-height:44px;padding:.4rem .55rem;font-size:.78rem}.result{display:grid;gap:1.25rem}.result.card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.result__head{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between}.result__score{font-size:clamp(3rem,10vw,4.6rem);font-weight:830;line-height:1;letter-spacing:-.045em;color:var(--gold)}.result__score span{font-size:.42em;margin-left:.1em;color:var(--muted)}.result__headline{margin:.2rem 0 0;font-size:1.15rem;font-weight:650}.result__flagname{text-align:right}.result__flagname h3{margin:0;font-size:1.5rem}.bars{display:grid;gap:.7rem}.bar__top{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;color:var(--muted);margin-bottom:.3rem}.bar__top strong{color:var(--text)}.bar__top em{font-style:normal;color:var(--muted-2)}.bar__track{height:9px;border-radius:999px;background:var(--panel-3);overflow:hidden}.bar__fill{height:100%;border-radius:999px;transition:width .7s cubic-bezier(.2,.8,.2,1)}.bar__fill--color{background:var(--accent)}.bar__fill--layout{background:var(--sky)}.bar__fill--detail{background:var(--violet)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.compare figure{margin:0;display:grid;gap:.4rem}.compare figcaption{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.compare__frame{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#fff}.compare__frame img{display:block;width:100%;height:100%;object-fit:contain}.compare__diff{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.notes{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.note{padding:.55rem .8rem;border-radius:var(--radius);font-size:.92rem;border-left:3px solid var(--muted-2);background:var(--panel);color:var(--muted)}.note--good{border-color:var(--mint)}.note--warn{border-color:var(--coral)}.note--info{border-color:var(--sky)}.palette-row .eyebrow{margin-bottom:.3rem}.result__actions{display:flex;flex-wrap:wrap;gap:.5rem}.result__copy{min-width:7rem}.build{display:grid;gap:1.1rem}.build[aria-busy=true] :is(button,.build__key){opacity:.45}.build>.btn--lg{justify-self:center;min-width:260px}.build__board{display:grid;gap:.55rem}.build__row{display:grid;grid-auto-flow:column;gap:.4rem;justify-content:start}.build__cell{width:clamp(46px,12vw,74px);height:clamp(46px,12vw,74px);border-radius:var(--radius);border:2px solid var(--line);display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#0000008c;position:relative;background:var(--panel)}.build__cell[data-state=correct]{box-shadow:inset 0 0 0 3px var(--mint)}.build__cell[data-state=present]{box-shadow:inset 0 0 0 3px var(--gold)}.build__cell[data-state=absent]{opacity:.42}.build__cell small{position:absolute;bottom:3px;font-size:.6rem;letter-spacing:.04em}.build__layouts{display:flex;flex-wrap:wrap;gap:.4rem}.build__layout{padding:.5rem .8rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;font-weight:650;font-size:.85rem;cursor:pointer}.build__layout.is-on{border-color:var(--gold);color:var(--gold)}.build__slots{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.build__slots[data-axis=h]{flex-direction:column}.build__slots[data-axis=h] .build__slot{width:118px;height:var(--tap)}.build__slot{width:64px;height:var(--tap);border-radius:var(--radius);border:2px dashed var(--line);background:var(--panel);cursor:pointer}.build__slot.is-on{border-style:solid;border-color:var(--gold)}.build__key{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.82rem;color:var(--muted)}.build__key i{width:14px;height:14px;border-radius:4px;display:inline-block;vertical-align:-2px;margin-right:.3rem}.quiz{display:grid;gap:1rem;justify-items:center;text-align:center}.quiz__stage{display:flex;align-items:center;justify-content:center;width:min(100%,420px);aspect-ratio:3 / 2;max-height:min(38svh,280px)}.quiz__stage--pending{background:var(--panel-2);color:var(--muted);font-size:.9rem}.flag-preview{position:relative;display:flex;max-width:100%;max-height:100%;min-height:0;border-radius:2px;background:#fff;border:1px solid var(--line);overflow:hidden}.flag-preview__sizer{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.flag-preview>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.quiz__options{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:min(100%,640px)}.quiz__option{display:grid;place-items:center;padding:.8rem 1rem;min-height:calc(2lh + 1.6rem + 2px);border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;line-height:1.4;font-weight:650;text-align:center;cursor:pointer}.quiz__option .shimmer{margin-inline:auto}.quiz__feedback{display:grid;justify-items:center;align-content:start;gap:.5rem;min-height:calc(3.2em + 54px);width:100%}.quiz__feedback p{margin:0;min-height:3.2em}.quiz__option:hover:not(:disabled){border-color:var(--gold)}.quiz__option[data-state=right]{border-color:var(--mint);background:#3fd79b1f}.quiz__option[data-state=wrong]{border-color:var(--coral);background:#ff5c7a1f}.quiz__progress{display:flex;gap:.3rem}.quiz__progress i{width:20px;height:5px;border-radius:3px;background:var(--panel-3);display:block}.quiz__progress i[data-on=right]{background:var(--mint)}.quiz__progress i[data-on=wrong]{background:var(--coral)}@media(max-width:719px){.game__hint{font-size:.9rem;margin-bottom:0}.game__meta .chip{font-size:.74rem;padding:.24rem .55rem}.compare{grid-template-columns:1fr}.result{gap:1rem}.result__head{gap:.5rem}.result__flagname{text-align:left}.result__score{font-size:3.4rem}.bar__top{font-size:.84rem}.bar__top em{display:none}.build__slots[data-axis=h] .build__slot{width:130px;height:var(--tap)}.build>.btn--lg{width:100%;min-width:0}.practice__filters{display:grid;grid-template-columns:1fr 1fr}.practice__filters select,.practice__filters input{min-width:0;width:100%}.practice__search{grid-column:1 / -1}.practice__filters>.btn{grid-column:1 / -1}}.game__country--pending{justify-items:center}.shimmer,.chip--pending{display:block;border-radius:999px;background:linear-gradient(100deg,var(--panel) 30%,var(--panel-3) 50%,var(--panel) 70%);background-size:220% 100%;animation:sheen 1.5s infinite linear}.shimmer{width:min(58%,320px);height:.78em;margin:.14em 0}.chip--pending{height:1.9rem;border-color:transparent}@keyframes sheen{to{background-position:-120% 0}}.practice{display:grid;gap:1.4rem}.practice__filters{display:flex;flex-wrap:wrap;gap:.9rem;align-items:flex-end}.practice__filters label{display:grid;gap:.25rem;position:relative}.practice__filters select,.practice__filters input{background:var(--panel-3);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);padding:.55rem .7rem;font:inherit;font-size:1rem;min-height:var(--tap);min-width:170px}.practice__search{flex:1;min-width:220px}.practice__matches{position:absolute;top:100%;left:0;right:0;z-index:5;margin:.3rem 0 0;padding:.3rem;list-style:none;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.practice__matches button{width:100%;text-align:left;background:none;border:0;color:var(--text);font:inherit;padding:.4rem .55rem;border-radius:7px;cursor:pointer}.practice__matches button:hover{background:var(--panel-3)}@media(max-width:719px){.card--game{margin-inline:-.8rem;border-radius:0;border-left:0;border-right:0}}.result{scroll-margin-top:4.6rem}@media(max-height:520px)and (orientation:landscape){.draw__stage{max-height:74svh}.game__prompt{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.4rem .7rem}.game__country{font-size:1.6rem;margin:0}.game__ask{font-size:.85rem}.game__prompt .eyebrow{margin:0;width:100%}}.archive{display:grid;gap:.9rem}.archive__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.archive__summary{margin:0;font-size:.9rem}.archive__list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.archive__day{width:100%;min-height:var(--tap);display:grid;grid-template-columns:3.4rem 1fr auto;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}.archive__day:hover{border-color:var(--gold)}.archive__n{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:.85rem}.archive__date{font-weight:650;font-size:.94rem}.archive__score{font-weight:800;font-size:.9rem;color:var(--gold);font-variant-numeric:tabular-nums}.archive__score--new{color:var(--muted-2);font-weight:650}.draw__hints{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.draw__hint{fill:none;stroke:#26364b;transition:stroke .18s ease}.draw__hint>*{stroke-width:1.6;stroke-dasharray:6 5;stroke-linecap:round;vector-effect:non-scaling-stroke}.draw__hint--halo{stroke:#fff;opacity:.9}.draw__hint--halo>*{stroke-width:4.5}.draw__hint--new{stroke:#315be8}.draw__hint--new.draw__hint--halo{stroke:#fff}.draw__hint-trace{stroke-dasharray:1;stroke-dashoffset:0;animation:hint-trace-reveal calc(var(--hint-reveal-duration) - var(--hint-stagger-duration)) linear both}.hint-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;justify-content:space-between;min-height:44px;border-top:1px solid var(--line-soft)}.hint-bar .btn{min-height:44px;border:0;padding:0 .15rem;font-size:.78rem;color:var(--accent)}.hint-bar .hint-bar__button{gap:6px;flex:none}.hint-bar__button-label{width:8em;flex:none;text-align:left;white-space:nowrap}.hint-bar__icon{width:16px;height:16px;flex:none}.hint-bar[data-revealing=true] .hint-bar__button{background:var(--accent-soft);cursor:default}.hint-bar[data-revealing=true] .hint-bar__icon{animation:hint-icon-pop var(--hint-reveal-duration) ease-out both}.hint-bar[data-revealing=true] .hint-bar__label{color:var(--accent);animation:hint-caption-in var(--hint-reveal-duration) ease-out both}.hint-bar:not([data-revealing=true]) .hint-bar__button[aria-disabled=true]{opacity:.6;cursor:default}.hint-bar__label{flex:1;min-width:120px;text-align:right;font-size:.75rem;line-height:1.4;color:var(--muted-2)}.hint-pips{display:inline-flex;gap:4px;width:26px;flex:none}.hint-pips i{width:6px;height:6px;border-radius:50%;background:var(--panel-3);border:1px solid var(--line);display:block}.hint-pips i[data-used=true]{background:var(--gold);border-color:var(--gold)}.hint-pips i[data-current=true]{animation:hint-pip-pop var(--hint-reveal-duration) ease-out both}@keyframes hint-trace-reveal{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes hint-icon-pop{0%{transform:scale(.9) rotate(-10deg)}30%{transform:scale(1.18) rotate(6deg)}65%,to{transform:scale(1) rotate(0)}}@keyframes hint-pip-pop{0%{transform:scale(.65)}30%{transform:scale(1.5);box-shadow:0 0 0 3px var(--accent-soft)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}@keyframes hint-caption-in{0%{opacity:.35}40%,to{opacity:1}}@media(prefers-reduced-motion:reduce){.draw__hint-trace,.hint-bar[data-revealing=true] :is(.hint-bar__icon,.hint-bar__label),.hint-pips i[data-current=true]{animation:none}}.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.share-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 .7rem;border-radius:4px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:.82rem;font-weight:650;text-decoration:none}.share-chip:hover{color:var(--gold);border-color:var(--gold)}.share-chip__icon{width:18px;height:18px;flex:none}.run{display:grid;gap:1rem}.run-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:.4rem;padding:.55rem .65rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);font-size:.7rem;color:var(--muted)}.run-bar>span{display:grid;gap:.1rem;white-space:nowrap}.run-bar strong{color:var(--text);font-size:.88rem;font-variant-numeric:tabular-nums}.run-bar__end{min-height:44px;min-width:44px;font-size:.75rem}.run-bar__end:disabled{opacity:.4;cursor:default}.run-list{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.run-list li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem .7rem;border-radius:var(--radius);border:1px solid var(--line-soft);font-size:.9rem}.run-list strong{color:var(--muted);font-variant-numeric:tabular-nums}.run-list strong[data-good=true]{color:var(--mint)}.countdown{display:grid;justify-items:center;gap:.35rem;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);text-align:center}.countdown__label{margin:0;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-weight:700}.countdown__clock{margin:0;display:flex;align-items:baseline;gap:.1rem;font-variant-numeric:tabular-nums;font-size:clamp(2rem,7vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:var(--gold);line-height:1.05}.countdown__clock span{min-width:1.25em;text-align:center}.countdown__clock i{font-style:normal;color:var(--muted-2);transform:translateY(-.05em)}.countdown__links{margin:.15rem 0 0;font-size:.88rem;color:var(--muted)}.countdown--ready{gap:.6rem}