@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.write .wr-map>svg{cursor:grab}.capitals-page .cp-switch{border:1px solid var(--g-line-strong);background:#06131d80;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.capitals-page .cp-switch button{min-height:44px;color:var(--g-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:14.5px;font-weight:600;display:flex}.capitals-page .cp-switch button:hover{color:var(--g-ink)}.capitals-page .cp-switch button.on{background:var(--g-accent);color:#1b1404}.capitals-page .cp-switch .g-icon{width:20px;height:20px}.capitals-page .cp-how{min-height:2.9em;color:var(--g-muted);margin:12px 0 0;font-size:13px;line-height:1.45}.capitals-page .wr-kicker.cp-zones-kicker{font-size:19px;margin:16px 0 12px!important}@media (width<=480px){.capitals-page .cp-switch .g-icon{display:none}.capitals-page .cp-switch button{text-align:center;padding:6px 2px;font-size:13.5px;line-height:1.2}.capitals-page .wr-kicker.cp-zones-kicker{font-size:17px}}.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;width:max-content;max-width:calc(100% - 132px);box-shadow:var(--g-shadow-pop);background:#0a1c2af0;border:1px solid #d6ad558c;align-items:center;gap:14px;margin-inline:auto;padding:8px 8px 8px 18px;display:flex;position:absolute;top:12px;left:0;right:0}.capitals-page .cp-capital{align-items:center;gap:12px;min-width:0;display:flex}.capitals-page .cp-flag{object-fit:contain;flex:none;width:40px;height:27px}.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)))}.capitals-page.write:is([data-phase=playing],[data-phase=ended]) .cp-ask{background:#0a1c2af0;border:1px solid #d6ad558c;padding:6px 6px 6px 10px;inset:54px 56px auto 8px}.capitals-page.write .cp-flag{width:32px;height:22px}.capitals-page.write .cp-capital{flex-direction:row;align-items:center;gap:8px}.capitals-page.write .cp-capital span{display:none}.capitals-page.write .cp-capital b{font-size:19px}.capitals-page.write:is([data-phase=playing],[data-phase=ended]) .wr-toast{bottom:10px}}