@keyframes cpIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.capitals-page .wr-map svg{cursor:pointer}.capitals-page .wr-map svg:active{cursor:grabbing}.capitals-page .base path.in{transition:fill .12s}@media (hover:hover){.capitals-page .base path.in:hover{fill:#2a5f86}}.capitals-page .base path.dim{fill:#0f2638}@media (hover:hover){.capitals-page .base path.dim:hover{fill:#1b3d57}}.capitals-page .tiny circle.dim{fill-opacity:.25}.capitals-page .hits circle{cursor:pointer}.capitals-page .missed path.flash,.capitals-page .dots circle.miss.flash{animation:.8s ease-out wcFlash}.capitals-page .wr-toolbar{grid-template-columns:minmax(160px,220px) minmax(0,1fr) auto;margin-bottom:14px}.capitals-page .wr-toolbar .wr-feedback{text-align:center;white-space:nowrap;text-overflow:ellipsis;height:30px;min-height:0;padding:8px 4px;line-height:14px;overflow:hidden}.capitals-page .cp-ask{z-index:4;max-width:calc(100% - 132px);box-shadow:var(--g-shadow-pop);background:#0a1c2af0;border:1px solid #d6ad558c;align-items:center;gap:14px;padding:8px 8px 8px 18px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.capitals-page .cp-capital{align-items:center;gap:12px;min-width:0;display:flex}.capitals-page .cp-capital span{letter-spacing:.14em;text-transform:uppercase;color:var(--g-faint);flex:none;font-size:11px;font-weight:700}.capitals-page .cp-capital b{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--g-ink);font-family:Fraunces,serif;font-size:26px;font-weight:600;line-height:1.15;animation:.2s ease-out cpIn;overflow:hidden}.capitals-page .cp-ask.long{width:min(560px,100% - 132px)}.capitals-page .cp-ask.long .cp-capital{flex:1}.capitals-page .cp-ask.long .cp-capital b{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;display:-webkit-box}@media (prefers-reduced-motion:reduce){.capitals-page .cp-capital b{animation:none}}.capitals-page .cp-tries{flex:none;gap:5px;display:flex}.capitals-page .cp-tries i{border:1px solid #f0936b99;border-radius:50%;width:9px;height:9px}.capitals-page .cp-tries i.on{background:var(--g-accent);border-color:var(--g-accent)}.capitals-page .cp-ask .wr-btn{flex:none}.capitals-page .cp-list{flex:1;overflow:auto}.capitals-page .cp-list h2{font:inherit;margin:0}.capitals-page .cp-list h2 button{width:100%;color:var(--g-ink);cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #80acce1a;justify-content:space-between;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.capitals-page .cp-list h2 button:hover{background:#ffffff0d}.capitals-page .cp-list h2 em{color:var(--g-muted);font-variant-numeric:tabular-nums;font-style:normal;font-weight:400}.capitals-page .cp-list h2.full button,.capitals-page .cp-list h2.full em{color:var(--g-accent-hover)}.capitals-page .cp-list ul{border-bottom:1px solid #80acce1a;margin:0;padding:6px 0 8px;list-style:none}.capitals-page .cp-list li{align-items:center;gap:10px;padding:5px 16px;line-height:1.25;display:flex}.capitals-page .cp-list li img{object-fit:contain;flex:none;width:24px;height:16px}.capitals-page .cp-list li span{flex-direction:column;min-width:0;display:flex}.capitals-page .cp-list li b{font-size:13.5px;font-weight:600}.capitals-page .cp-list li small{color:var(--g-muted);font-size:12px}.capitals-page .cp-list li.ok b{color:var(--g-accent-hover)}.capitals-page .cp-list li.miss b{color:#e5a59f}@media (width<=900px){.capitals-page .wr-toolbar .wr-feedback{order:9;grid-column:1/-1}.capitals-page .cp-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:min(60dvh,520px)}.capitals-page .cp-list ul{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}}@media (width<=720px){.capitals-page:is([data-phase=playing],[data-phase=ended]) .cp-ask{width:auto;max-width:none;padding:8px 8px 8px 14px;padding-bottom:max(8px, env(safe-area-inset-bottom,0px));border-width:1px 0 0;border-color:var(--g-line);box-shadow:none;background:#0f283b;gap:10px;inset:auto 0 0;transform:none}.capitals-page .cp-capital{flex-direction:column;flex:1;gap:2px}.capitals-page .cp-capital b{font-size:21px}.capitals-page .cp-ask .wr-btn{min-height:44px;padding:0 14px}.capitals-page:is([data-phase=playing],[data-phase=ended]) .wr-toast{bottom:76px}.capitals-page:is([data-phase=playing],[data-phase=ended]) .cp-list{touch-action:pan-y;overscroll-behavior:contain;max-height:none}.capitals-page:is([data-phase=playing],[data-phase=ended]) .wr-side.open{bottom:calc(61px + max(8px, env(safe-area-inset-bottom,0px)))}}