:root{--bg: #fbfbf8;--surface: #ffffff;--surface-2: #f4f3ee;--ink: #1b1c1f;--muted: #6c7076;--faint: #9a9ea6;--border: #e8e7e1;--border-strong: #d6d5ce;--ink-btn: #1b1c1f;--ink-btn-text: #ffffff;--empty: #efeee8;--empty-stroke: #cfcec6;--empty-text: #9a9ea6;--flag-border: #cfcec6;--sel: #1b1c1f;--icon-a: #c4c8cf;--icon-b: #80858d;--correct: #4f9d5d;--present: #d2a23f;--absent: #b7bac0;--ring: rgba(27, 28, 31, .14);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #161719;--surface: #1e1f23;--surface-2: #25262b;--ink: #e9eaec;--muted: #a3a7ae;--faint: #72767e;--border: #2b2d32;--border-strong: #3a3d44;--ink-btn: #e9eaec;--ink-btn-text: #161719;--empty: #25262b;--empty-stroke: #3a3d44;--empty-text: #72767e;--flag-border: #3a3d44;--sel: #e9eaec;--icon-a: #3a3d44;--icon-b: #6c7178;--correct: #57a866;--present: #cda347;--absent: #4a4d54;--ring: rgba(233, 234, 236, .18)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;justify-content:center}button{font-family:inherit;cursor:pointer}.wrap{width:100%;max-width:480px;padding:18px 18px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border)}.brand{display:flex;flex-direction:column;gap:1px}.wordmark{font-size:21px;font-weight:700;letter-spacing:.22em}.tagline{font-size:12px;color:var(--muted);letter-spacing:.02em}.top-actions{display:flex;align-items:center;gap:8px}.link{background:none;border:none;color:var(--muted);font-size:14px;padding:6px 8px;border-radius:8px}.link:hover{background:var(--surface-2);color:var(--ink)}.icon-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);font-size:15px;font-weight:600;line-height:1}.icon-btn:hover{color:var(--ink);border-color:var(--ink)}.prompt{padding:22px 0 18px}.prompt-top{font-size:12px;color:var(--faint);letter-spacing:.04em;text-transform:uppercase}.prompt-country{font-size:34px;font-weight:700;letter-spacing:-.01em;margin-top:4px;line-height:1.05}.prompt-sub{font-size:14px;color:var(--muted);margin-top:4px}.builder{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px}.step-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink);margin:4px 2px 10px}.step-label:not(:first-child){margin-top:18px}.step-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--ink-btn);color:var(--ink-btn-text);font-size:11px;font-weight:700}.editing{margin-left:auto;font-weight:400;font-size:12px;color:var(--muted)}.arch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.arch-btn{display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 6px 9px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted);transition:border-color .12s,background .12s}.arch-btn:hover{border-color:var(--border-strong)}.arch-btn.on{border-color:var(--ink);background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}.arch-name{font-size:11px;line-height:1.2;text-align:center}.build-row{display:flex;gap:16px;align-items:center}.preview{flex:0 0 auto}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1}.swatch{aspect-ratio:1 / 1;width:100%;border-radius:9px;border:1px solid var(--border-strong);padding:0;transition:transform .08s}.swatch:hover{transform:scale(1.07)}.swatch:active{transform:scale(.96)}.submit{margin-top:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;border:none;border-radius:12px;background:var(--ink-btn);color:var(--ink-btn-text);font-size:15px;font-weight:600}.submit:disabled{background:var(--surface-2);color:var(--faint);cursor:not-allowed}.tries-left{font-size:12px;font-weight:500;opacity:.7}.board{display:flex;flex-direction:column;gap:8px;margin-top:16px}.guess{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px}.guess-flag{flex:0 0 auto;line-height:0}.shape-chip{font-size:11px;font-weight:600;padding:4px 8px;border-radius:7px;white-space:nowrap}.shape-chip.ok{background:#4f9d5d29;color:var(--correct)}.shape-chip.no{background:var(--surface-2);color:var(--muted)}.marks{display:flex;gap:6px;margin-left:auto}.mark{width:22px;height:22px;border-radius:5px;display:inline-block;flex:0 0 auto}.mark.correct{background:var(--correct)}.mark.present{background:var(--present)}.mark.absent{background:var(--absent)}.endcard{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;text-align:center}.end-head{font-size:19px;font-weight:700}.reveal{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 18px}.reveal-meta{text-align:left}.reveal-country{font-size:18px;font-weight:700}.reveal-sub{font-size:13px;color:var(--muted);margin-top:2px}.share-grid{display:inline-flex;flex-direction:column;gap:4px;margin:0 auto 16px}.share-row{display:flex;gap:4px;justify-content:center}.sq{width:18px;height:18px;border-radius:4px;display:inline-block}.sq.correct{background:var(--correct)}.sq.present{background:var(--present)}.sq.absent{background:var(--absent)}.sq.arch{box-shadow:0 0 0 1.5px var(--bg) inset}.share{width:100%;padding:13px;border:none;border-radius:12px;background:var(--ink-btn);color:var(--ink-btn-text);font-size:15px;font-weight:600}.stats{display:flex;justify-content:space-around;margin:20px 0 8px;padding-top:18px;border-top:1px solid var(--border)}.stat{display:flex;flex-direction:column;gap:2px}.stat-n{font-size:24px;font-weight:700}.stat-l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.end-actions{margin-top:16px;display:flex;flex-direction:column;gap:10px}.next{font-size:13px;color:var(--muted)}.ghost{background:none;border:1px solid var(--border-strong);color:var(--ink);padding:11px;border-radius:12px;font-size:14px;font-weight:500}.ghost:hover{background:var(--surface-2)}.foot{margin-top:28px;text-align:center;font-size:12px;color:var(--faint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#12131680;display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;max-width:420px;width:100%;max-height:88vh;overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal-head h2{font-size:19px;margin:0}.x{background:none;border:none;font-size:26px;line-height:1;color:var(--muted);padding:0 4px}.modal p{font-size:14px;line-height:1.6;color:var(--ink)}.how{padding-left:18px;margin:12px 0}.how li{font-size:14px;line-height:1.5;margin-bottom:7px;color:var(--ink)}.how strong{font-weight:600}.legend{background:var(--surface-2);border-radius:12px;padding:12px 14px;margin:14px 0;display:flex;flex-direction:column;gap:10px}.legend-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink)}.legend-row .mark{width:20px;height:20px}.legend-row .shape-chip{flex:0 0 auto}.how-note{font-size:13px;color:var(--muted)}.how-example{display:flex;align-items:center;gap:12px;margin:10px 0 18px;font-size:13px;color:var(--muted)}.how-example svg{flex:0 0 auto}.segmented{display:flex;gap:4px;margin:14px auto 4px;width:max-content;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:4px}.segmented button{border:none;background:none;color:var(--muted);font-size:14px;font-weight:500;padding:7px 22px;border-radius:9px}.segmented button.on{background:var(--surface);color:var(--ink)}.canvas-wrap{margin-top:4px}.draw-canvas{width:100%;aspect-ratio:3 / 2;display:block;background:#ece9e2;border:1px solid var(--border-strong);border-radius:12px;touch-action:none;cursor:crosshair}.draw-palette{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px}.draw-palette .swatch{width:34px;height:34px}.swatch.sel{outline:2px solid var(--ink);outline-offset:2px}.tool-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.dtool{font-size:13px;font-weight:500;padding:7px 12px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:9px}.dtool:hover{background:var(--surface-2)}.dtool.on{border-color:var(--ink);background:var(--surface-2);box-shadow:0 0 0 1px var(--ink) inset}.sizes{display:inline-flex;gap:6px}.size{width:36px;height:32px;border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0}.size.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}.size .dot{background:var(--ink);border-radius:50%;display:block}.draw-compare{display:flex;gap:18px;justify-content:center;align-items:center;margin:14px 0 6px}.draw-compare figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:7px}.draw-compare figcaption{font-size:12px;color:var(--muted)}.cmp{width:150px;height:100px;object-fit:cover;border:1px solid var(--border-strong);border-radius:8px;background:#ece9e2}.draw-score{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:8px 0 2px}.ds-num{font-size:30px;font-weight:700}.ds-pct{font-size:14px;color:var(--muted)}