@layer components{.play-root:has(.dr-game){max-width:1000px}.play-root:has(.dr-game)>.pb{display:none}.dr-game{width:100%;padding-bottom:24px}.dr-play-header{align-items:center;gap:12px;height:52px;margin-bottom:8px;display:flex}.dr-back,.dr-help{width:32px;min-height:44px;color:var(--color-ink);flex:none;justify-content:center;align-items:center;display:inline-flex}.dr-back{margin-left:-8px}.dr-help{border:1px solid #0000;font-size:17px;font-weight:600}.dr-help>span{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;line-height:1;display:inline-flex}.dr-header-clay{flex:none;width:32px;height:32px;display:inline-flex}.dr-header-clay img{object-fit:contain;width:100%;height:100%}.dr-header-clay.finished{animation:.6s steps(4,end) dr-plop}.dr-play-header h1{white-space:nowrap;display:none}.dr-pips{align-items:center;gap:6px;display:inline-flex}.dr-pips i{background:var(--color-wait);border-radius:50%;width:8px;height:8px}.dr-pips i.filled{background:var(--color-ink)}.dr-header-score{white-space:nowrap;margin-left:auto;font-size:24px;line-height:28px}.dr-header-score small{font:inherit}.dr-mode-label{color:var(--color-mute);margin:0 0 16px}.dr{flex-direction:column;gap:12px;padding-bottom:84px;display:flex}.dr-cabinet-strip{grid-template-columns:repeat(5,minmax(0,1fr));min-height:124px;margin:0;display:grid}.dr-cabinet-place{text-align:center;min-width:0;color:var(--color-ink);flex-direction:column;align-items:center;gap:4px;display:flex}button.dr-cabinet-place{cursor:pointer}.dr-job-art{width:56px;height:62px;position:relative}.dr-clay-job{width:56px;height:56px;display:inline-flex;position:relative}.dr-clay-job img{object-fit:contain;width:100%;height:100%}.dr-clay-job.plop{animation:.66s steps(4,end) dr-plop}.dr-clay-job .dr-clay-squash{opacity:0;animation:.66s step-end dr-squash-frame;position:absolute;inset:0}.dr-job-art .dr-seated-face{filter:grayscale();border:2px solid var(--color-paper);border-radius:50%;position:absolute;bottom:0;right:-2px}.dr-seat-short{color:var(--color-mute);font-size:12px;line-height:14px}.dr-seat-full{color:var(--color-mute);display:none}.dr-cabinet-place>.t-meta{text-transform:capitalize;color:var(--color-mute);font-size:12px;line-height:14px}.dr-seat-empty{min-height:28px}.dr-meters{color:var(--color-mute);flex-direction:column;gap:4px;display:flex}.dr-meters p{margin:0}.dr-regions{align-items:center;gap:14px;min-height:18px;display:flex}.dr-region{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.dr-region i{background:var(--color-wait);border-radius:50%;width:10px;height:10px}.dr-region.earned{color:var(--color-ink)}.dr-region.earned i{background:var(--color-ink);animation:.32s steps(2,end) dr-stamp}.dr-region-full{display:none}.dr-instruction{margin:0}.dr-country-options{grid-template-columns:minmax(0,1fr);gap:10px;animation:.3s steps(2,end) dr-stamp;display:grid}.dr-country-card{border-radius:var(--radius-card);background:var(--color-card);text-align:left;width:100%;min-height:88px;color:var(--color-ink);transition:background var(--dur-fast), border-color var(--dur-fast);border:2px solid #0000;align-items:center;gap:16px;padding:14px 16px;display:flex}.dr-country-card>span{flex-direction:column;gap:2px;min-width:0;display:flex}.dr-country-card .t-meta{color:var(--color-mute)}.dr-country-card[aria-pressed=true]{border-color:var(--color-ink)}.dr-country-card:disabled{color:var(--color-ink)}.dr-country-card .flag{flex:none;width:64px;max-width:64px;height:43px;max-height:43px}.dr-country-card:focus-visible,.dr-person-select:focus-visible,.dr-info:focus-visible,.dr-job-option:focus-visible,.dr-cabinet-place:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.dr-pinned-action{z-index:5;padding:12px var(--gutter) max(20px, env(safe-area-inset-bottom));background:var(--color-paper);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.dr-pinned-action .btn{width:100%;max-width:640px;min-height:56px;font-size:16px}.dr-pinned-action .btn:disabled,.dr-seat-confirm:disabled{background:var(--color-card);color:var(--color-mute)}.dr-round{align-items:center;gap:12px;min-height:36px;display:flex}.dr-round .t-meta{color:var(--color-mute);margin-left:auto}.dr-person-prompt{color:var(--color-mute);margin:-4px 0 0}.dr-pool{grid-template-columns:minmax(0,1fr);gap:10px;animation:.3s steps(2,end) dr-stamp;display:grid}.dr-person-card{background:var(--color-card);border-radius:var(--radius-card);border:2px solid #0000;min-height:112px;position:relative}.dr-person-card:has([aria-pressed=true]){border-color:var(--color-ink)}.dr-person-select{text-align:left;width:100%;color:var(--color-ink);align-items:center;gap:14px;min-height:108px;padding:16px 40px 16px 14px;display:flex}.dr-person-select:disabled{color:var(--color-ink);cursor:default}.dr-person-select .fig{filter:grayscale();border-radius:50%;flex:none}.dr-person-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.dr-person-copy .t-meta{color:var(--color-mute)}.dr-person-copy .t-body{margin-top:2px;font-size:15px;line-height:20px}.dr-person-copy .t-h3{overflow-wrap:anywhere}.dr-info{width:40px;height:44px;font-size:14px;font-weight:700;font-family:var(--font-display);color:var(--color-ink);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:0}.dr-info:before{content:"";border:1.5px solid var(--color-ink);border-radius:50%;width:14px;height:14px;position:absolute}.dr-reveal{padding:2px 0 4px;animation:.3s steps(2,end) dr-stamp}.dr-reveal p{margin:0}.dr-reveal p+p{margin-top:6px}.dr-reveal .t-score{font-size:24px;line-height:28px}.dr-reveal.previous{color:var(--color-mute)}.dr-reveal.previous .t-score{font-size:inherit}.dr-source{text-underline-offset:3px;font-size:13px;text-decoration:underline}.dr-keyhint{color:var(--color-mute);display:none}.dr-job-sheet,.dr-detail-sheet,.dr-rules-sheet{padding:24px 20px max(20px, env(safe-area-inset-bottom));gap:12px;max-height:88svh;overflow-y:auto}.dr-sheet-handle{background:var(--color-faint);border-radius:2px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.dr-sheet-top{align-items:center;gap:12px;display:flex}.dr-sheet-top .fig{filter:grayscale();border-radius:50%}.dr-close{min-width:44px;height:44px;color:var(--color-ink);flex:none;justify-content:center;align-items:center;margin-left:auto;font-size:26px;display:inline-flex}.dr-job-sheet>.t-meta,.dr-detail-sheet>.t-meta{color:var(--color-mute);margin:-6px 0 0}.dr-job-sheet h2,.dr-detail-sheet h2{margin:4px 0 0}.dr-job-options{flex-direction:column;gap:8px;margin:8px 0 4px;display:flex}.dr-job-option{background:var(--color-card);border-radius:var(--radius-ctl);text-align:left;min-height:64px;color:var(--color-ink);border:2px solid #0000;align-items:center;gap:12px;padding:4px 12px;display:flex}.dr-job-option:disabled{background:var(--color-bar);color:var(--color-ink);cursor:default}.dr-job-option[aria-pressed=true]{border-color:var(--color-ink)}.dr-job-option .dr-clay-job{flex:none;width:42px;height:48px}.dr-job-copy{flex-direction:column;min-width:0;display:flex}.dr-job-copy .t-meta{color:var(--color-mute)}.dr-job-filled{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.dr-job-filled .fig{filter:grayscale();border-radius:50%}.dr-job-filled>span{flex-direction:column;align-items:flex-end;display:flex}.dr-job-filled .t-meta{color:var(--color-mute);font-size:11px;line-height:14px}.dr-job-filled b{font-size:16px}.dr-seat-confirm{min-height:56px;margin-top:0;font-size:16px}.dr-rules-sheet ol{padding-left:24px}.dr-rules-sheet li+li{margin-top:8px}.dr-rules-jobs{flex-direction:column;gap:10px;display:flex}.dr-rules-jobs>div{flex-direction:column;display:flex}.dr-rules-jobs .t-meta{color:var(--color-mute)}.dr-error{color:var(--color-ember);margin:12px 0}.dr-final{flex-direction:column;gap:20px;max-width:680px;margin:0 auto;padding:40px 0 0;display:flex}.dr-result-card{background:var(--color-card);border-radius:var(--radius-card);padding:32px 20px 20px;position:relative}.dr-result-art{background:var(--color-paper);border-bottom-left-radius:var(--radius-card);justify-content:center;align-items:center;width:116px;height:104px;display:flex;position:absolute;top:-40px;right:0}.dr-result-art img{object-fit:contain;width:96px;height:112px}.dr-result-number{font-family:var(--font-display);margin:0 0 12px;padding-right:96px;font-size:64px;font-weight:600;line-height:1}.dr-result-number>span:not(.cu){white-space:nowrap;font-size:21px}.dr-result-card h2{margin:0 0 6px}.dr-result-card>.t-body{margin:0}.dr-result-card>.dr-cabinet-strip{margin-top:24px}.dr-result-card .dr-cabinet-place>.t-meta{font-size:11px}.dr-result-card .dr-seat-full{font-size:12px}.dr-result-card .dr-seat-short{font-size:11px}.dr-tally{flex-direction:column;gap:0;display:flex}.dr-tally p{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:flex-start;gap:16px;margin:0;padding:12px 0;display:flex}.dr-tally small{color:var(--color-mute);margin-top:4px;display:block}.dr-tally b{flex:none}.dr-map{background:var(--color-paper);border-radius:var(--radius-ctl);width:100%;height:auto;margin:24px 0 8px;display:block}.dr-real-world{margin-top:10px!important}.dr-result-card>.t-meta{color:var(--color-mute);margin-top:6px}.dr-result-card>.btn{margin-top:8px}.dr-result-detail{border-top:1px solid var(--color-line);padding-top:16px}.dr-result-detail summary{cursor:pointer;min-height:32px;font-weight:500}.dr-result-detail[open] summary{margin-bottom:12px}.dr-rows{flex-direction:column;display:flex}.dr-appointment{border-top:1px solid var(--color-line);align-items:flex-start;gap:12px;padding:16px 0;display:flex}.dr-appointment>.fig{filter:grayscale();border-radius:50%;flex:none}.dr-appointment p{margin:4px 0 0}.dr-appointment .t-meta{color:var(--color-mute);align-items:center;gap:4px;display:flex}.dr-appointment a{text-underline-offset:3px;text-decoration:underline}.dr-homeland-links{flex-wrap:wrap;gap:8px 16px;margin-top:12px;display:flex}.dr-homeland-links a{text-underline-offset:3px;text-decoration:underline}.dr-review-rounds{flex-direction:column;gap:20px;display:flex}.dr-review-round{border-top:1px solid var(--color-line);padding-top:16px}.dr-review-round h3{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dr-review-round h3>.t-meta{width:100%;color:var(--color-mute)}.dr-passed-person{align-items:flex-start;gap:12px;padding:12px 0;display:flex}.dr-passed-person>.fig{filter:grayscale();border-radius:50%;flex:none}.dr-passed-person>div{min-width:0}.dr-passed-person p{margin-top:4px}.dr-review-round a{text-underline-offset:3px;text-decoration:underline}.dr-next-game{background:var(--color-card);border-radius:var(--radius-card);color:var(--color-ink);align-items:center;gap:16px;padding:16px;display:flex}.dr-next-game>img{object-fit:contain;flex:none}.dr-next-game>span{flex-direction:column;gap:4px;min-width:0;display:flex}.dr-next-play{background:var(--color-ink);color:var(--color-on-ink);border-radius:var(--radius-ctl);margin-left:auto;padding:10px 16px}.dr-row{border-top:1px solid var(--color-line);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:8px 0;display:grid}.dr-row .txt{flex-direction:column;min-width:0;display:flex}.dr-row small,.dr-lead{color:var(--color-mute)}.dr-q-good{color:var(--color-ink)}.dr-q-fair{color:var(--color-mute)}.dr-q-bad{color:var(--color-ember)}@media (hover:hover){.dr-country-card:hover,.dr-job-option:enabled:hover{background:var(--color-line)}.dr-person-card:has(.dr-person-select:enabled):hover{background:var(--color-line)}}@media (min-width:768px){.dr-play-header h1{display:block}.dr-seat-short{display:none}.dr-seat-full{font-size:13px;line-height:18px;display:block}.dr-region-short{display:none}.dr-region-full{display:block}}@media (min-width:1024px){.dr-play-header{height:64px;margin-bottom:24px}.dr-play-header h1{font-size:22px}.dr-header-score{font-size:28px}.dr{gap:20px;padding-bottom:20px}.dr-cabinet-strip{column-gap:40px}.dr-meters{grid-template-columns:auto 1fr;gap:4px 36px;display:grid}.dr-ages{grid-column:1/-1}.dr-regions{gap:16px}.dr-country-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.dr-country-card{min-height:120px;padding:20px}.dr-country-card .t-h3{font-size:22px}.dr-pinned-action{justify-content:flex-end;padding:0;position:static}.dr-pinned-action .btn{width:auto;min-width:240px}.dr-keyhint{display:block}.dr-pool{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.dr-person-card{min-height:220px}.dr-person-select{flex-direction:column;align-items:flex-start;min-height:216px;padding:20px 34px 20px 20px}.dr-person-copy .t-h3{font-size:22px}.dr-person-copy .t-body{margin-top:12px}.dr-holding .dr-pool{grid-template-columns:minmax(0,1fr);gap:10px;width:520px}.dr-holding .dr-person-card{min-height:96px}.dr-holding .dr-person-select{flex-direction:row;align-items:center;min-height:92px;padding:12px 40px 12px 16px}.dr-holding .dr-person-copy .t-body{margin-top:0}.sheet-scrim:has(>.dr-job-sheet){pointer-events:none;background:0 0;justify-content:flex-end;align-items:flex-start;padding-top:260px}.dr-job-sheet{width:400px;max-height:calc(100svh - 280px);margin-right:max(var(--gutter), calc((100vw - 960px) / 2));pointer-events:auto;border-radius:var(--radius-card);border:1px solid var(--color-line);padding:20px}.dr-sheet-handle{display:none}.dr-result-card{padding:40px 32px 24px}.dr-result-card .dr-cabinet-strip{column-gap:14px}.dr-result-number{font-size:84px}.dr-result-number>span:not(.cu){font-size:28px}}@media (max-width:359px){.dr-play-header{gap:8px}.dr-pips{gap:4px}.dr-header-score{font-size:20px}.dr-country-card{gap:12px}.dr-person-select .fig{width:56px!important;height:56px!important}.dr-person-select{gap:10px;padding-right:34px}.dr-result-number{font-size:54px}.dr-result-number>span:not(.cu){font-size:18px}.dr-job-option{gap:8px;padding-left:6px}}@keyframes dr-plop{0%{transform:scale(1.02,.84)}32%{transform:scale(.94,1.08)}68%{transform:scale(1.03,.97)}to{transform:none}}@keyframes dr-squash-frame{0%,34%{opacity:1}35%,to{opacity:0}}@keyframes dr-stamp{0%{transform:translateY(6px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.dr-country-options,.dr-pool,.dr-region.earned i,.dr-reveal,.dr-clay-job.plop,.dr-header-clay.finished{animation:none}.dr-clay-job .dr-clay-squash{display:none}.dr-country-card{transition:none}}}
@layer components{.bp{flex-direction:column;justify-content:center;gap:24px;min-height:calc(100svh - 220px);display:flex}.bp-arrive{flex-direction:column;gap:8px;display:flex}.bp-count{color:var(--color-mute)}.bp-card{background:var(--color-card);border-radius:var(--radius-card);align-items:center;gap:16px;min-height:76px;padding:16px;display:flex}.bp-who{flex-direction:column;gap:2px;min-width:0;display:flex}.bp-who .t-h3{color:var(--color-ink)}.bp-who .t-meta{color:var(--color-mute)}.bp-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.bp-slot{background:var(--color-card);border-radius:var(--radius-ctl);width:100%;min-width:0;min-height:72px;color:var(--color-ink);text-align:left;padding:10px 12px;position:relative}.bp-slot.open{transition:background-color var(--dur-fast);align-items:center;gap:10px;display:flex}.bp-slot.open svg{flex:none}.bp-lbl{overflow-wrap:anywhere;min-width:0;font-size:16px;font-weight:400;line-height:1.25}.bp-slot.open:disabled{cursor:default}@media (hover:hover){.bp-slot.open:not(:disabled):hover{background:var(--color-line)}}.bp-slot.open:not(:disabled):active{background:var(--color-ink-2);color:var(--color-paper)}.bp-slot.placed{grid-template-columns:20px auto minmax(0,1fr);grid-template-areas:"rank rank tier""flag lbl lbl";align-content:center;align-items:center;gap:6px 8px;display:grid}.bp-sflag{grid-area:flag;align-self:start;margin-top:1px}.bp-rank{white-space:nowrap;color:var(--color-ink);grid-area:rank}.bp-tier{color:var(--color-ink);white-space:nowrap;grid-area:tier}.bp-slbl{color:var(--color-mute);overflow-wrap:anywhere;grid-area:lbl;min-width:0;line-height:1.2}.bp-line{color:var(--color-mute);text-align:center;min-height:20px}.bp-keys{display:none}@media (hover:hover) and (pointer:fine){.bp-keys{display:inline}}@media (min-width:1024px){.bp{gap:32px}.bp-arrive{align-items:center}.bp-card{width:320px;min-height:80px}.bp-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:min(960px,100vw - 48px);margin-inline:calc(50% + min(960px,100vw - 48px)/-2)}.bp-slot{min-height:96px;padding:12px}.bp-slot.open{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px}.bp-lbl{font-size:14px;line-height:1.3}.bp-slot.placed{grid-template-columns:20px minmax(0,1fr);grid-template-areas:"flag rank""tier tier""lbl lbl";align-content:start;row-gap:6px}}@media (prefers-reduced-motion:no-preference){.bp-in{animation:bp-in var(--dur-base) var(--ease-out)}.bp-flip{animation:bp-flip .24s var(--ease-out)}}@keyframes bp-in{0%{transform:translate(16px)}to{transform:none}}@keyframes bp-flip{0%{transform:perspective(480px)rotateX(-75deg)}to{transform:none}}.bp-ov{flex-direction:column;gap:4px;display:flex}.bp-ov .rhead{flex-wrap:wrap}.rrow.bp-ovrow{grid-template-columns:18px minmax(0,1fr) 72px 72px}.bp-ovrow svg{color:var(--color-ink)}.bp-ovhead{min-height:0;color:var(--color-mute);border-top:0;padding:8px 0 4px}.bp-ovhead .t-meta{text-align:right}.bp-cell{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.bp-cell.mute{color:var(--color-mute)}.bp-cell .ic-ok{color:var(--color-ink)}.bp-swaps{flex-direction:column;margin-top:12px;display:flex}.bp-swaps-h{color:var(--color-mute);padding-bottom:4px}.bp-swap{border-top:1px solid var(--color-line);color:var(--color-ink);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.bp-saved{color:var(--color-mute);white-space:nowrap}.bp-saved .t-num{color:var(--color-ink)}.play-root:has(.blind-remote){max-width:1000px}.bp-ovrow .nm{white-space:normal;text-overflow:clip;line-height:20px;overflow:visible}@media (max-width:359px){.rrow.bp-ovrow{grid-template-columns:18px minmax(0,1fr) 58px 58px;gap:8px}.bp-cell{gap:4px;font-size:13px}}}
@layer components{.play-root:has(.quick-remote){max-width:1000px}.play-root:has(.quick-remote)>.pb{display:none}.quick-remote{flex-direction:column;gap:16px;display:flex}.qr-header{align-items:center;gap:12px;height:56px;display:flex}.qr-header>a{flex:none;justify-content:center;align-items:center;width:44px;min-height:44px;margin-left:-12px;display:inline-flex}.qr-header>img{object-fit:contain;flex:none}.qr-header h1{min-width:0}.qr-header small{color:var(--color-mute);flex:none;margin-left:auto}.qr-clay-reveal{animation:.66s steps(4,end) qr-plop}.quick-remote>.prog{width:100%;max-width:720px;margin:0 auto}.qr-higher{flex-direction:column;gap:12px;padding-bottom:150px;display:flex}.qr-stat{font-weight:500}.qr-pair{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.qr-country{background:var(--color-card);border-radius:var(--radius-card);flex-direction:column;gap:4px;min-height:160px;padding:20px;display:flex}.qr-country>div{align-items:center;gap:12px;display:flex}.qr-country>div>.t-h3{min-width:0}.qr-verdict{flex:none;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.qr-value{font-family:var(--font-display);margin-top:auto;padding-top:12px;font-size:48px;line-height:1.1}.qr-country>.t-meta{color:var(--color-mute)}.qr-country-reveal{animation:.32s steps(2,end) qr-stamp}.qr-question{min-height:48px}.qr-call-controls{z-index:5;padding:12px var(--gutter) max(20px, env(safe-area-inset-bottom));background:var(--color-paper);flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.qr-call-controls>*{width:100%;max-width:640px;min-height:56px;margin:0 auto}.qr-call{border-radius:var(--radius-ctl);background:var(--color-card);min-height:56px;color:var(--color-ink);justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.qr-call>span{display:inline-flex}.qr-call>.up{transform:rotate(-45deg)}.qr-call>.down{transform:rotate(135deg)}.qr-call:disabled{color:var(--color-mute)}.qr-keyhint{color:var(--color-mute);display:none}.qr-flag{width:100%;max-width:720px;margin:0 auto}.qr-flag .fq-opt{justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-flag .fq-opt:disabled{cursor:default;opacity:1}.qr-flag .fq-opt[data-state=idle]:disabled{color:var(--color-ink)}.qr-flag-next{min-height:56px}.qr-stat-game .t-big{font-size:44px}.qr-ref-label{width:max-content;color:var(--color-mute);background:var(--color-paper);align-items:center;gap:4px;display:flex;position:absolute;top:24px}.qr-ref-label.left{right:6px}.qr-ref-label.right{left:6px}.qr-ref-label .flag{flex:none;max-width:16px;max-height:12px}.qr-truth-label{text-align:center;color:var(--color-ink);overflow-wrap:anywhere;position:absolute;top:0;left:0;right:0}.qr-stat-game .sg-knob:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.qr-history{text-align:left;margin-top:24px}.qr-history summary{cursor:pointer;min-height:44px;font-weight:500}.qr-history-row{border-top:1px solid var(--color-line);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;display:grid}.qr-history-row>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.qr-history-row small{color:var(--color-mute)}.qr-next{border-radius:var(--radius-card);background:var(--color-card);justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:720px;margin:0 auto;padding:16px;display:flex}.qr-next>span{flex-direction:column;gap:4px;display:flex}.qr-next small{color:var(--color-mute)}.qr-play{background:var(--color-ink);color:var(--color-on-ink);border-radius:var(--radius-ctl);padding:10px 16px}.qr-error{margin-top:12px}@media (hover:hover){.qr-call:enabled:hover{background:var(--color-line)}}@media (min-width:1024px){.qr-header{height:64px}.qr-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.qr-country{min-height:220px;padding:24px}.qr-value{font-size:64px}.qr-higher{padding-bottom:0}.qr-call-controls{width:calc(50% - 20px);margin-left:auto;padding:0;position:static}.qr-keyhint{display:block}.qr-stat-game .t-big{font-size:56px}}@media (max-width:359px){.qr-header{gap:8px}.qr-header>img{width:32px;height:32px}.qr-header h1{font-size:18px}.qr-value{font-size:40px}.qr-stat-game .t-big{font-size:36px}.qr-ref-label{font-size:11px}}@keyframes qr-plop{0%{transform:scale(1.05,.86)}32%{transform:scale(.94,1.08)}68%{transform:scale(1.03,.98)}to{transform:none}}@keyframes qr-stamp{0%{transform:translateY(6px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.qr-clay-reveal,.qr-country-reveal{animation:none}}}
@layer components{.fq{flex-direction:column;display:flex}.fq-top{flex-direction:column;align-items:center;gap:8px;padding:8px 0 24px;display:flex}.fq-meta{min-height:18px;color:var(--color-mute);text-align:center}.fq-box{aspect-ratio:3/2;justify-content:center;align-items:center;width:100%;max-width:320px;display:flex}.fq-box .flag{aspect-ratio:4/3;width:88.889%}.fq-opts{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.fq-opt.opt{height:56px;transition:background-color var(--dur-fast), color var(--dur-fast);padding:0 16px;font-weight:400}.fq-opt .fq-ic{flex:none;margin-left:auto}.fq-opt[data-state=right]{background:var(--color-ink);color:var(--color-paper)}.fq-opt[data-state=wrong]{background:var(--color-ember);color:var(--color-paper)}.fq-opt[data-state=answer]{outline:2px solid var(--color-ink);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.fq-opt[data-state=idle]:hover{background:var(--color-line)}}.fq-family{flex-direction:column;gap:2px;min-height:48px;padding-top:12px;display:flex}.fq-family .ln{color:var(--color-ink)}.fq-family .src{color:var(--color-mute)}@media (max-width:1023px){.fq{min-height:calc(100svh - 184px)}.fq-top{flex:1;justify-content:center}}@media (max-width:1023px) and (max-height:700px){.fq-box{max-width:256px}.fq-top{padding-bottom:16px}}@media (min-width:1024px){.fq-top{padding:32px 0 20px}.fq-box{max-width:400px}.fq-opts{grid-template-columns:repeat(2,minmax(0,352px));justify-content:center;gap:8px 16px}.fq-opt.opt{height:48px}.fq-family{width:100%;max-width:720px;margin:0 auto}}}
@layer components{.sg{flex-direction:column;align-items:stretch;gap:0;display:flex}.sg-q{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:20px;display:flex}.sg-name{justify-content:center;align-items:center;gap:10px;max-width:100%;display:flex}.sg-name b{min-width:0}.sg-stat{color:var(--color-ink);justify-content:center;align-items:center;gap:6px;margin:0;display:flex}.sg-live{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:28px;display:flex}.sg-live .cap{color:var(--color-mute)}.sg-live .t-big{white-space:nowrap}.sg-ruler{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;max-width:640px;margin:24px auto 0;padding:0 14px;position:relative}.sg-ruler.done{cursor:default;touch-action:auto}.sg-box{height:104px;position:relative}.sg-line{background:var(--color-wait);border-radius:1px;height:2px;position:absolute;top:62px;left:0;right:0}.sg-end{color:var(--color-mute);white-space:nowrap;position:absolute;top:72px}.sg-end.lo{left:-14px}.sg-end.hi{right:-14px}.sg-mark{width:0;position:absolute;top:0;bottom:0}.sg-tick{border-radius:1px;width:2px;position:absolute;left:-1px}.sg-ref .sg-tick{background:var(--color-mute);height:26px;top:46px}.sg-truth .sg-tick{background:var(--color-ink);height:52px;top:20px}.sg-truth .sg-dot{background:var(--color-ink);border-radius:50%;width:8px;height:8px;position:absolute;top:59px;left:-4px}.sg-ctx .sg-dot{background:var(--color-mute);border-radius:50%;width:6px;height:6px;position:absolute;top:60px;left:-3px}.sg-label{z-index:2;white-space:nowrap;background:var(--color-paper);width:max-content;color:var(--color-ink);align-items:center;gap:5px;padding:0 2px;line-height:18px;display:inline-flex;position:absolute}.sg-label.row-truth{line-height:20px;top:0}.sg-label.row-ref{color:var(--color-mute);top:26px}.sg-label.row-pin{font-weight:600;top:73px}.sg-label .flag{width:16px;height:12px}.sg-route{width:100%;height:8px;color:var(--color-mute);position:absolute;top:52px;left:0;overflow:visible}.sg-route.to-right{animation:sg-route-r .4s var(--ease-out)}.sg-route.to-left{animation:sg-route-l .4s var(--ease-out)}.sg-pin .sg-tick{background:var(--color-ink);height:22px;top:52px}.sg-knob{z-index:3;border-radius:var(--radius-ctl);cursor:grab;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:60px;left:-22px}.sg-ruler.done .sg-knob{cursor:default}.sg-knob>i{border-radius:var(--radius-ctl);background:var(--color-ink);width:20px;height:20px;transition:background-color var(--dur-fast);margin-top:4px;display:block}.sg-ruler:not(.done) .sg-knob:active>i{background:var(--color-ink-2)}.sg-knob:focus-visible{box-shadow:none}.sg-knob:focus-visible>i{box-shadow:0 0 0 2px var(--color-paper), 0 0 0 4px var(--color-ink)}.sg-truth.drop{animation:.332s steps(4,end) sg-drop}.sg-out{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 16px;margin-top:20px;display:grid}.sg-out .gap{color:var(--color-ink);margin:0;font-weight:600}.sg-out .pts{white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.sg-out .pts .of{color:var(--color-mute)}.sg-out .ctx{color:var(--color-mute);grid-column:1/-1;margin:0}.sg-act{z-index:4;margin-top:auto;padding-top:24px;position:sticky;bottom:12px}.sg-cta.btn{width:100%;min-height:56px}.sg-foot{flex-direction:column;flex:1 0 auto;display:flex}@media (max-width:1023px){.sg{min-height:calc(100svh - 190px)}}@media (min-width:1024px){.sg-q{margin-top:8px}.sg-live{margin-top:20px}.sg-out,.sg-act{width:100%;max-width:640px;margin-left:auto;margin-right:auto}.sg-act{justify-content:flex-end;padding-top:20px;display:flex;position:static}.sg-cta.btn{width:auto;min-width:160px}.sg.is-reveal .sg-foot{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px;width:100%;max-width:640px;margin:20px auto 0;display:grid}.sg.is-reveal .sg-foot .sg-out{column-gap:32px;margin-top:0}.sg.is-reveal .sg-foot .sg-act{width:auto;margin:0;padding-top:0}}@keyframes sg-drop{0%{transform:translateY(-12px)}to{transform:none}}@keyframes sg-route-r{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes sg-route-l{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.sg-truth.drop,.sg-route.to-right,.sg-route.to-left{animation:none}}}
@layer components{.geography-next{background:var(--color-card);border-radius:var(--radius-card);align-items:center;gap:16px;margin-top:24px;padding:16px;display:flex}.geography-next>div{flex:1}.geography-next img{object-fit:contain}.pp-board{flex-direction:column;gap:20px;width:100%;display:flex}.pp-heading{text-align:center;padding:8px 0 4px}.pp-heading h2{font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(36px,8vw,64px);font-weight:600;line-height:1.05}.pp-heading p{margin-top:8px}.pp-map-wrap{border-radius:var(--radius-card);background:var(--color-wait);position:relative;overflow:hidden}.pp-map{touch-action:none;cursor:crosshair;width:100%;height:420px;display:block}.pp-map:focus-visible{outline:3px solid var(--color-ember);outline-offset:-3px}.pp-crosshair{display:none}.pp-map:focus-visible .pp-crosshair{display:block}.pp-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:12px;right:12px}.pp-zoom button{border-radius:var(--radius-ctl);background:var(--color-paper);width:44px;height:44px;color:var(--color-ink);justify-content:center;align-items:center;font-size:24px;font-weight:600;display:flex}.pp-zoom button:disabled{color:var(--color-mute)}.pp-action button{width:100%;min-height:56px}.pp-hint{min-height:36px}.pp-score{justify-content:space-between;align-items:center;gap:16px;display:flex}.pp-score b{flex:none}.pp-feedback p+p{margin-top:8px}.pp-results{flex-direction:column;gap:8px;display:flex}.pp-result{border-bottom:1px solid var(--color-line);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.pp-result small{margin-top:4px;display:block}.pp-dropped{transform-box:fill-box;transform-origin:bottom;animation:.48s steps(4,end) pp-drop}@keyframes pp-drop{0%{opacity:.4;transform:translateY(-24px)}to{opacity:1;transform:none}}@media (min-width:1024px){.pp-map{height:540px}.pp-action{justify-content:flex-end;display:flex}.pp-action button{width:260px}}@media (prefers-reduced-motion:reduce){.pp-dropped{animation:none}}}
@layer components{.geography-next{background:var(--color-card);border-radius:var(--radius-card);align-items:center;gap:16px;margin-top:24px;padding:16px;display:flex}.geography-next>div{flex:1}.geography-next img{object-fit:contain}.gw-board{flex-direction:column;gap:20px;width:100%;display:flex}.gw-map{background:var(--color-paper);width:100%;height:180px;display:block;overflow:hidden}.gw-land-hit,.gw-land-burning,.gw-land-hot{fill:var(--color-ink)}.gw-land-warm{fill:var(--color-mute)}.gw-land-cool,.gw-land-cold{fill:var(--color-paper)}.gw-intro{margin-top:-8px}.gw-row{border-bottom:1px solid var(--color-line);flex-direction:column;gap:4px;min-height:64px;padding:10px 0;display:flex}.gw-country{align-items:center;gap:10px;display:flex}.gw-readout{flex-wrap:wrap;align-items:center;gap:12px;padding-left:30px;display:flex}.gw-empty{color:var(--color-mute);flex-direction:row;align-items:center;gap:16px}.gw-pip{background:var(--color-wait);border-radius:50%;flex:none;width:8px;height:8px;margin-left:6px}.gw-input{background:var(--color-paper);z-index:2;gap:8px;padding:4px 0;display:flex;position:sticky;bottom:12px}.gw-input .suggest{flex:1;min-width:0}.gw-input>button,.gw-input .field,.gw-input .field input{height:52px}.gw-clue{flex-direction:column;align-items:center;gap:8px;display:flex}.gw-clue svg{width:120px;height:120px}.gw-clue-control .btn-text{color:var(--color-ink)}.gw-clue-control{margin-top:4px}.gw-clue-control button{gap:10px;min-height:44px}.gw-confirm{border-radius:var(--radius-card);background:var(--color-card);padding:16px}.gw-confirm>div{gap:8px;margin-top:12px;display:flex}.gw-source{line-height:1.45}.gw-bonus{flex-direction:column;gap:16px;padding:24px 0;display:flex}.gw-bonus-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gw-bonus-tile{background:var(--color-card);border-radius:var(--radius-ctl);text-align:left;align-items:center;gap:8px;min-height:56px;padding:12px;display:flex}.gw-bonus-tile.selected{background:var(--color-ink);color:var(--color-paper)}.gw-bonus-tile.wrong{background:var(--color-ember);color:var(--color-paper)}.gw-bonus-tile.missed{outline:2px solid var(--color-ink);outline-offset:-2px}.gw-bonus-country{align-items:center;gap:10px;display:flex}@media (min-width:768px){.gw-map{height:340px}.gw-row:not(.gw-empty){flex-direction:row;justify-content:space-between;align-items:center}.gw-readout{padding-left:0}.gw-row{min-height:56px}.gw-bonus-tiles{grid-template-columns:repeat(3,1fr)}.gw-input{position:static}}@media (prefers-reduced-motion:no-preference){.gw-route{animation:gw-route .4s var(--ease-out)}.gw-row{animation:gw-row .22s var(--ease-out)}}@keyframes gw-route{0%{opacity:.3}to{opacity:1}}@keyframes gw-row{0%{transform:translateY(4px)}to{transform:none}}}
@layer components{.sf{flex-direction:column;align-items:center;gap:16px;display:flex}@media (max-width:1023px){.sf{min-height:max(420px,100svh - 190px)}.sf .sf-stage{flex:1;justify-content:center}}.sf-stage{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.sf-count{color:var(--color-ink);align-items:baseline;gap:6px;display:flex}.sf-count .w{color:var(--color-mute)}.sf-box{aspect-ratio:3/2;justify-content:center;align-items:center;width:320px;max-width:100%;display:flex}@media (min-width:1024px){.sf-box{width:400px}}.sf-box .flag{aspect-ratio:4/3;width:auto;height:100%}.sf-box.ready{background:var(--color-card);border-radius:var(--radius-card);text-align:center;flex-direction:column;gap:6px;padding:0 24px}.sf-box.ready .t-body{color:var(--color-mute)}.sf-opts{grid-template-columns:1fr;gap:8px;width:100%;display:grid}@media (min-width:1024px){.sf-opts{grid-template-columns:1fr 1fr;gap:16px}}.sf-opts.busy{pointer-events:none}.sf-opts .sf-opt{border-radius:var(--radius-ctl);background:var(--color-card);width:100%;height:56px;color:var(--color-ink);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:0 16px;font-size:16px;font-weight:500;line-height:1.25;display:flex}.sf-opts .sf-opt .lbl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sf-opts .sf-opt .ic{flex:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.sf-opts .sf-opt[data-state=idle]:hover{background:var(--color-line)}}.sf-opts .sf-opt[data-state=right]{background:var(--color-ink);color:var(--color-paper)}.sf-opts .sf-opt[data-state=wrong]{background:var(--color-ember);color:var(--color-paper)}.sf .sf-start{width:100%;height:56px}.sf .keyhint{text-align:center;margin-top:0}.sf-time{text-align:center;padding:24px 0 8px}@media (max-width:1023px){.sf.done{min-height:0}}.sf-res{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.sf-res .best{color:var(--color-mute)}}
