.maps-screen{z-index:60;box-sizing:border-box;padding:24px 16px 32px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));-webkit-overflow-scrolling:touch;font-family:var(--wc-font);font-size:var(--fs-body);color:var(--wc-ink);background:#0e2c34b8;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.maps-screen[hidden]{display:none}.maps-screen--page{background:radial-gradient(at 50% 0,#2e8a8f 0%,#1f5f66 55%,#123d44 100%);flex-direction:column;align-items:center;gap:.75rem;min-height:100dvh;position:static}html:has(body.maps-body){height:auto}body.maps-body{background:#1f5f66;min-height:100dvh;margin:0;overflow-y:auto}.maps-sheet{box-sizing:border-box;filter:drop-shadow(0 22px 26px #00000073);border-style:solid;border-width:26px 26px 58px 40px;border-image:url(../assets/ui/Banner.png) 22 30 70 40 fill/26px 26px 58px 40px;flex-direction:column;gap:.75rem;width:min(66rem,100%);margin:0 auto;padding:.4rem .9rem .3rem;display:flex}.phone-note{font-size:var(--fs-small);color:var(--wc-ink-soft);margin:0;font-weight:700}.maps-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem .75rem;display:grid}.maps-head__text{text-align:center;min-width:0}.maps-title{font-family:var(--wc-font-title);color:var(--wc-ink);margin:0;font-size:clamp(2rem,5vw,2.6rem);font-weight:400;line-height:1}.maps-subtitle{font-size:var(--fs-small);color:var(--wc-ink-soft);margin:.2rem 0 0}.maps-back{justify-self:start}.maps-btn,.maps-chip{box-sizing:border-box;min-height:var(--touch-min);font-family:var(--wc-font);font-size:var(--fs-small);color:var(--wc-ink);cursor:pointer;background:#fffaf0;border:2px solid #3b271659;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.2rem .85rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px #3b271633}.maps-btn:hover:not(:disabled),.maps-chip:hover{background:#fff3d6}.maps-btn:disabled{cursor:default;opacity:.55}.maps-btn--small{min-width:var(--touch-min);padding:.2rem .5rem}.maps-btn--primary,.maps-chip[aria-pressed=true]{color:#fff;text-shadow:var(--text-outline);background:var(--wc-blue);border-color:#00000040}.maps-btn--primary:hover:not(:disabled),.maps-chip[aria-pressed=true]:hover{background:#336fc2}.maps-btn--quiet{color:var(--wc-ink-soft);box-shadow:none;background:0 0}.maps-chip[hidden]{display:none}.maps-btn:focus-visible,.maps-chip:focus-visible,.maps-card__open:focus-visible,.maps-link:focus-visible,.maps-search:focus-visible,.maps-select:focus-visible,.maps-textarea:focus-visible,.maps-filters input:focus-visible{box-shadow:var(--focus-ring);outline:none}.maps-search,.maps-select,.maps-textarea,.maps-filters input[type=number],.maps-filters input[type=text]{box-sizing:border-box;min-height:var(--touch-min);font:inherit;font-size:max(16px, var(--fs-small));color:var(--wc-ink);background:#fff;border:2px solid #3b271659;border-radius:8px;padding:.25rem .6rem}.maps-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.maps-search{flex:14rem;min-width:0}.maps-sort{font-size:var(--fs-small);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.maps-quick{flex-wrap:wrap;gap:.4rem;display:flex}.maps-filters{background:#fffaf0b3;border:2px solid #3b271640;border-radius:10px;flex-direction:column;gap:.6rem;padding:.6rem .75rem;display:flex}.maps-filters[hidden]{display:none}.maps-ranges,.maps-filters__row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.maps-range{font-size:var(--fs-small);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.maps-range input[type=number]{width:5.5rem}.maps-range input[type=text]{width:10rem}.maps-check{min-height:var(--touch-min);font-size:var(--fs-small);align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.maps-check input{width:1.25rem;height:1.25rem}.maps-status{font-size:var(--fs-small);color:var(--wc-ink-soft);margin:0}.maps-status[hidden]{display:none}.maps-list{grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.maps-card__open{box-sizing:border-box;width:100%;height:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:#fffaf0;border:2px solid #3b27164d;border-radius:10px;align-items:flex-start;gap:.7rem;padding:.55rem;display:flex;box-shadow:0 3px #3b27162e}.maps-card__open:hover{border-color:var(--wc-gold-deep);background:#fff3d6}.maps-card__thumb{width:5.75rem;height:5.75rem;image-rendering:pixelated;border:2px solid #4a341e80;border-radius:6px;flex:none}.maps-card__text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.maps-card__title{overflow-wrap:anywhere;font-weight:800}.maps-card__by{font-size:var(--fs-small);color:var(--wc-ink-soft)}.maps-card__badges{flex-wrap:wrap;gap:.25rem;margin:0;display:flex}.maps-badge,.maps-tag{font-size:var(--fs-small);color:var(--wc-ink);background:var(--wc-parchment);border-radius:4px;padding:0 .4rem;font-weight:700;line-height:1.5}.maps-badge--custom{background:#d8e6f7}.maps-badge--ranked{background:var(--wc-gold)}.maps-badge--retired{color:#fff;background:#7b6a58}.maps-card__stats{font-size:var(--fs-small);color:var(--wc-ink-soft)}.maps-empty{text-align:center;color:var(--wc-ink-soft);grid-column:1/-1;padding:1rem}.maps-pager{font-size:var(--fs-small);justify-content:center;align-items:center;gap:.75rem;font-weight:700;display:flex}.maps-page-view{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.maps-page-view[hidden],.maps-list-view[hidden]{display:none}.maps-list-view{flex-direction:column;gap:.6rem;display:flex}.maps-page-view>div{width:100%}.maps-page{flex-direction:column;gap:.8rem;display:flex}.maps-page__head{flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;display:flex}.maps-page__title{font-family:var(--wc-font-display);margin:0;font-size:1.6rem}.maps-page__by,.maps-page__based,.maps-page__desc,.maps-page__tags,.maps-page__note{margin:0}.maps-page__tags{flex-wrap:wrap;gap:.3rem;display:flex}.maps-page__note,.maps-page__based{font-size:var(--fs-small);color:var(--wc-ink-soft)}.maps-page__main{grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);align-items:start;gap:1rem;display:grid}.maps-picture{margin:0}.maps-picture__frame{background:#2e7f86;border:2px solid #4a341e80;border-radius:8px;max-height:min(70vh,40rem);overflow:auto}.maps-picture__canvas{image-rendering:pixelated;display:block}.maps-picture figcaption{font-size:var(--fs-small);color:var(--wc-ink-soft);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.maps-page__side{flex-direction:column;gap:.6rem;display:flex}.maps-page__actions{flex-wrap:wrap;gap:.4rem;display:flex}.maps-page__status{min-height:1.4em;font-size:var(--fs-small);margin:0;font-weight:700}.maps-test{gap:.3rem;display:inline-flex}.maps-report{font-size:var(--fs-small);background:#fffaf0cc;border:2px solid #3b271640;border-radius:8px;flex-direction:column;gap:.4rem;padding:.5rem;font-weight:700;display:flex}.maps-report label{flex-direction:column;gap:.2rem;display:flex}.maps-textarea{resize:vertical;width:100%}.maps-report__buttons{justify-content:space-between;gap:.4rem;display:flex}.maps-stats{grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr));gap:.35rem 1rem;margin:0;display:grid}.maps-stats div{background:#fffaf0b3;border-radius:6px;flex-direction:column;padding:.3rem .5rem;display:flex}.maps-stats dt{font-size:var(--fs-small);color:var(--wc-ink-soft)}.maps-stats dd{margin:0;font-weight:700}.maps-page__block h3{font-family:var(--wc-font-display);margin:0 0 .3rem;font-size:1.2rem}.maps-versions,.maps-matches,.maps-best{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.maps-versions{flex-flow:wrap;gap:.4rem .8rem}.maps-link{min-height:var(--touch-min);font:inherit;color:var(--wc-blue);cursor:pointer;background:0 0;border:0;padding:0 .4rem;font-weight:700;text-decoration:underline}.maps-link--here{color:var(--wc-ink);text-decoration:none}.maps-match{font-size:var(--fs-small);background:#fffaf0b3;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;padding:.3rem .5rem;display:flex}.maps-match__seat--won{font-weight:800}.maps-match__when,.maps-match__vs,.maps-match__len{color:var(--wc-ink-soft)}.maps-best{counter-reset:best}.maps-best li{gap:.5rem;font-weight:700;display:flex}.maps-best li:before{counter-increment:best;content:counter(best) ".";color:var(--wc-ink-soft)}.maps-page__foot{text-align:center;width:min(66rem,100%);font-size:var(--fs-small);color:var(--wc-ink-soft);margin:0}.maps-screen--page .maps-page__foot,.maps-screen--page .maps-page__foot a{color:#e8f4f2}@media (width<=760px){.maps-page__main{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.maps-screen{padding:12px 8px 24px}.maps-sheet{border-width:18px 16px 40px 22px;border-image-width:18px 16px 40px 22px}.maps-head{grid-template-columns:auto minmax(0,1fr)}.maps-head__editor{grid-column:1/-1;justify-self:center}}