.mode-grid{grid-template-columns:1fr;gap:10px;margin-top:16px;display:grid}.mode-card{text-align:left;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-md);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);color:var(--fg);flex-direction:column;align-items:flex-start;gap:4px;padding:16px;font-family:inherit;display:flex}.mode-card:hover{border-color:var(--accent);background:var(--card-bg-hover)}.mode-card:active{transform:scale(.99)}.mode-emoji{font-size:1.6rem;line-height:1}.mode-name{color:var(--fg);font-size:.95rem;font-weight:800}.mode-desc{color:var(--fg-muted);font-size:.82rem;line-height:1.5}.quiz-timer-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.quiz-timer{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:800}.map-hint{color:var(--fg-subtle);margin-top:4px;font-size:.78rem;line-height:1.5}.map-scroll{border:1px solid var(--card-border);border-radius:var(--r-md);background:rgb(var(--ink) / .02);margin-top:14px;padding:8px;overflow-x:auto}.map-loading{color:var(--fg-subtle);text-align:center;margin:0;padding:40px 0;font-size:.85rem}.provinsi-svg{width:100%;min-width:520px;height:auto;display:block}.prov-path{fill:#94a3b859;stroke:var(--bg-1);stroke-width:.4px;cursor:pointer;transition:fill .15s var(--ease)}.prov-path:hover,.prov-path:focus-visible{fill:#38bdf88c;outline:none}.prov-path.correct{fill:#22c55ed9}.prov-path.wrong{fill:#f87171d9}.tap-dot{fill:#38bdf8bf;stroke:var(--bg-1);stroke-width:.6px;cursor:pointer}.tap-dot:hover{fill:#38bdf8f2}.tap-dot.correct{fill:#22c55ee6}.tap-dot.wrong{fill:#f87171e6}.map-credit{color:var(--fg-subtle);margin-top:10px;font-size:.72rem;line-height:1.5}.map-credit a{color:var(--fg-subtle);text-decoration:underline}.map-credit a:hover{color:var(--accent)}.leaderboard-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.leaderboard-row{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-sm);grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:grid}.leaderboard-row .lb-rank{color:var(--fg-subtle);font-weight:800}.leaderboard-row .lb-mode{color:var(--fg);font-weight:600}.leaderboard-row .lb-score{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:800}.leaderboard-row .lb-time{color:var(--fg-muted);font-variant-numeric:tabular-nums}@media (width>=420px){.mode-grid{grid-template-columns:repeat(3,1fr)}.mode-card{text-align:center;align-items:center}}