:root{--ink:#1f2937;--muted:#6b7280;--accent:#2563eb;--bg:#f7f7f5}*{box-sizing:border-box}body,html{margin:0;height:100%;font-family:-apple-system,system-ui,Helvetica Neue,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}.game{position:fixed;inset:0}.game .map{position:absolute!important}.draw,.game .map{inset:0;width:100%;height:100%}.draw{position:absolute;z-index:2;touch-action:none;pointer-events:none}.draw.active{pointer-events:auto;cursor:crosshair}.hud{position:absolute;z-index:5;left:0;right:0;display:flex;align-items:center;gap:12px;padding:14px 18px;pointer-events:none}.hud>*{pointer-events:auto}.hud.top{top:0;justify-content:space-between}.hud.bottom{bottom:0;justify-content:center}.hud .right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.country{font-size:34px;font-weight:700;line-height:1.1;text-shadow:0 1px 0 #fff,0 0 12px #fff}.subhint{font-size:12px;color:var(--muted);margin-top:3px;text-shadow:0 1px 0 #fff,0 0 10px #fff}.hint{padding:8px 12px;font-size:14px}.hint,.toggle{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:var(--muted)}.toggle,.user{font-size:13px;padding:6px 10px}.user{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:inline-flex;gap:8px;align-items:center}.board td img,.user img{width:20px;height:20px;border-radius:50%;vertical-align:middle;margin-right:6px}.user a{color:var(--muted);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:8px;height:40px;padding:0 16px;font-family:inherit;font-size:15px;line-height:1;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}.btn.ghost{background:#fff;color:var(--ink);border-color:#e5e7eb;font-weight:500}.btn.x{background:#000;color:#fff;border-color:#000}.auth-form{display:contents}.linkish{background:none;border:0;padding:0;font:inherit;font-size:12px;color:var(--muted);cursor:pointer;text-decoration:underline}.linkish:hover{color:var(--ink)}.linkish:disabled{opacity:.4;cursor:default}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.4;cursor:default;filter:none}.btn.x:hover{background:#262626;filter:none}.btn.google{background:#fff;color:#1f2937;border-color:#d0d5dd;font-weight:600}.btn.google:hover{background:#f6f7f9;filter:none}.signin{display:inline-flex;gap:8px;align-items:center}.signin.stacked{display:flex;flex-direction:column;gap:8px;width:100%}.signin.stacked .auth-form{display:block}.nickname{margin-top:12px}.nickname label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.nickname-row{display:flex;align-items:center;gap:8px}.nickname-row .at{font-size:15px;color:var(--muted)}.nickname-row input{flex:1 1;min-width:0;height:40px;border:1px solid #e5e7eb;border-radius:8px;padding:0 12px;font-family:inherit;font-size:15px}.nickname-row input:focus{outline:2px solid var(--accent);outline-offset:-1px}.nickname-msg{margin:6px 0 0;font-size:12px;color:var(--muted)}.nickname-msg.bad{color:#b42318}.modal.narrow{max-width:380px}.score{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 18px;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}.score .pts{font-size:32px;font-weight:800}.score .pts span{font-size:14px;font-weight:500;color:var(--muted)}.score .detail{font-size:14px}.score .detail small{color:var(--muted)}.score .detail.small{width:100%}.madeby,.score .detail.small{font-size:12px;color:var(--muted)}.madeby{position:absolute;z-index:6;left:18px;bottom:16px;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:5px 12px 5px 6px;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.05)}.madeby img{width:18px;height:18px;border-radius:50%;display:block}.madeby:hover{color:var(--ink);border-color:#d1d5db}.hud.restored{top:84px;justify-content:center}.note{font-size:13px;color:var(--muted);margin:10px 0}.modal-back{position:absolute;z-index:20;inset:0;background:rgba(17,24,39,.38);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:16px;padding:24px 26px;width:100%;max-width:420px;box-shadow:0 20px 50px rgba(0,0,0,.22);position:relative;max-height:100%;overflow-y:auto}.modal-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:4px 8px}.modal-x:hover{color:var(--ink)}.modal-pts{font-size:52px;font-weight:800;line-height:1.05;margin:2px 0 6px}.modal-pts span{font-size:16px;font-weight:500;color:var(--muted)}.modal .detail{font-size:14px}.modal .detail small{color:var(--muted)}.modal-board{border-top:1px solid #f1f1f1;margin-top:18px}.modal table.mini{width:100%;border-collapse:collapse;font-size:14px}.modal table.mini td{padding:7px 6px;border-bottom:1px solid #f6f6f6}.modal table.mini td:first-child{width:32px;color:var(--muted);font-size:12px}.modal table.mini td:last-child{text-align:right}.modal table.mini img{width:20px;height:20px;border-radius:50%;vertical-align:middle;margin-right:6px}.modal table.mini tr.you td{background:#eff6ff;color:var(--accent);font-weight:600}.modal-actions{display:grid;grid-gap:10px;gap:10px;margin-top:22px}.action-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.modal-actions .btn{justify-content:center}.btn.wide{width:100%}.save-state{margin:0;text-align:center;min-height:18px}.diagnosis{margin:8px 0 0;font-size:14px;color:var(--muted)}.board{max-width:760px;margin:0 auto;padding:32px 20px}.board,.sidenote{position:relative}.sidenote{background:#fff;border:1px solid #e5e7eb;border-left:3px solid var(--accent);border-radius:10px;padding:12px 34px 12px 14px;margin:16px 0;font-size:13px;color:var(--muted)}.sidenote b{display:block;color:var(--ink);font-size:13px;margin-bottom:3px}.sidenote p{margin:0;line-height:1.5}.sidenote-x{position:absolute;top:6px;right:8px;border:0;background:none;font-size:20px;line-height:1;color:#b6bac1;cursor:pointer;padding:2px 6px}.sidenote-x:hover{color:var(--ink)}@media (min-width:1180px){.sidenote{position:absolute;left:calc(50% + 400px);width:250px;margin:0}}.modes{display:flex;gap:8px;margin:16px 0 4px;flex-wrap:wrap}.mode-tab{flex:1 1;min-width:120px;display:block;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:600;text-decoration:none;color:var(--ink)}.mode-tab span{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:2px}.mode-tab:hover{border-color:#d1d5db}.mode-tab.on{border-color:var(--accent);background:#eff6ff;color:var(--accent)}.mode-tab.on span{color:var(--accent);opacity:.8}.mode-select{padding-right:8px}.played{margin:14px 0 0;font-size:14px;color:var(--muted);background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px}.played b{font-size:20px;font-weight:800;color:var(--ink);margin-right:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board header{display:flex;gap:16px;align-items:baseline}.board h1{margin:0}.picker{display:flex;gap:8px;margin:20px 0}.picker2{position:relative;margin:16px 0 20px}.picker-btn{width:100%;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:11px 14px;font:inherit;font-size:15px;text-align:left;cursor:pointer}.picker-btn:hover{border-color:#9ca3af}.picker-btn>span:first-child{flex:1 1;font-weight:600}.picker-meta{font-size:13px;color:var(--muted)}.picker-caret{color:var(--muted);font-size:12px}.picker-panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.14);overflow:hidden}.picker-search{width:100%;border:0;border-bottom:1px solid #f1f1f1;padding:11px 14px;font:inherit;font-size:14px;outline:none}.picker-list{max-height:320px;overflow-y:auto}.picker-row{width:100%;display:flex;align-items:baseline;gap:10px;background:none;border:0;padding:9px 14px;font:inherit;font-size:14px;text-align:left;cursor:pointer}.picker-row:hover{background:#f6f7f9}.picker-row.on{background:#eff6ff;color:var(--accent);font-weight:600}.picker-row>span:first-child{flex:1 1}.picker-count{font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.picker-count.none{color:#c3c7ce}.picker-empty{margin:0;padding:14px;font-size:13px;color:var(--muted)}.picker select{flex:1 1;padding:8px;font-size:15px;border-radius:8px;border:1px solid #d1d5db}.board table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.board td,.board th{text-align:left;padding:10px 12px;border-bottom:1px solid #f1f1f1}.board th{font-size:12px;text-transform:uppercase;color:var(--muted)}.err{color:#b91c1c;font-size:14px}@media (max-width:640px){.board{padding:22px 14px}.board table{font-size:13px;table-layout:fixed;width:100%}.board td,.board th{padding:9px 5px}.board th{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-total,.of-min{display:none}.board td:first-child,.board th:first-child{width:22px}.board table.overall td:nth-child(3),.board table.overall th:nth-child(3){width:46px}.board table.overall td:nth-child(4),.board table.overall th:nth-child(4){width:74px}.board table.per-country td:nth-child(3),.board table.per-country th:nth-child(3){width:52px}.board table.per-country td:nth-child(4),.board table.per-country th:nth-child(4){width:80px}.board td:nth-child(3),.board td:nth-child(4){text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.board th:nth-child(3),.board th:nth-child(4){text-align:right}.board td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board td img{width:18px;height:18px}.played{font-size:13px;padding:9px 12px}.played b{font-size:18px}.hud.top{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.hud.top .right{justify-content:flex-start;gap:6px}.country{font-size:22px}.label{font-size:10px}.subhint{font-size:11px}.btn{height:34px;padding:0 10px;font-size:13px}.hud.bottom{bottom:28px;gap:6px;padding:8px 10px}.hud.bottom .hint{display:none}.hud.bottom .btn{flex:1 1;min-width:0}.madeby{bottom:5px;left:10px;padding:4px;gap:0}.madeby span{display:none}.score{padding:8px 12px;gap:10px}.score .pts{font-size:24px}.score .detail{font-size:12px}.modal{padding:18px 16px;border-radius:14px}.modal-pts{font-size:40px}.modal-back{padding:12px}}.maplibregl-ctrl-top-right{top:auto!important;bottom:0}.maplibregl-ctrl-attrib{font-size:10px;opacity:.7}