/* A single numbered marker, with the same number in the region list. */
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasToolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0;font-size:12px}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasToolbar b{color:#eed492}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasToolbar select{max-width:132px;font-size:12px;padding:3px}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .paintedAtlas{aspect-ratio:1.5;width:min(100%,330px);max-height:none;margin-inline:auto;border:0;border-radius:4px}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .paintedAtlas .atlasPin{width:30px;height:30px;min-height:0;padding:0;display:grid;place-items:center;border:0;background:transparent;box-shadow:none;gap:0}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasPin b{width:22px;height:22px;border-radius:50%;font:700 12px/1 var(--font-ui);border:1px solid #d2c49a;background:#133d36ef;box-shadow:0 1px 3px #0008}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .pkAtlas .atlasPin b{background:#572e30ed}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasPin.beginner b{color:#d1ffff;border-color:#7ce1df;background:#144757}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasPin.here b{background:#997127;color:white;outline:2px solid #ffdf84}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasPin.filtered{visibility:hidden}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasList{gap:3px;margin:3px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasRow{border:0;border-bottom:1px solid #b39b693d;border-radius:3px;background:#102e2780;align-items:stretch}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasGo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:4px 5px;min-height:0}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasGo strong{font:700 12px/1.4 var(--font-ui);display:flex;align-items:center;gap:4px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasNumber{font:700 10px/1 var(--font-ui);min-width:15px;color:#e8c980;text-align:center;flex:none}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasGo em{align-self:flex-start;grid-row:auto;font:normal 10px/1.4 var(--font-ui);margin-left:19px}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasGo>small,#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasGo>span{font:10px/1.4 var(--font-ui);margin-left:19px;white-space:normal;color:#9dc4b3}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasInfo{width:28px;min-width:28px;min-height:40px;padding:0;border:0;font-size:17px}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasRow.beginner{border:1px solid #64c3c2;background:#153c45b8;box-shadow:inset 2px 0 #73dfd6}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasGo .beginnerBadge{color:#a6fff0;font-weight:700;margin-left:0}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .beginner .atlasNumber{color:#b0fff7}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .catalogOrderHint{font-size:10px;margin:4px 0}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasNotice{font-size:10px;line-height:1.4;margin:3px 0!important}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasSelection{font-size:11px;padding:3px 6px}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasModeSwitch{padding:5px;gap:4px}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasModeSwitch button{font-size:11px;padding:5px}
@media(max-width:430px){#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasTabs>div{width:100%;gap:3px}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasTabs button{flex:1;padding:5px 3px;font-size:11px}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasGo strong{font-size:11px}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasGo>span{font-size:9px}#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasInfo{width:24px;min-width:24px}}

#game #panel.atlasPanel:not(.floatingPanel){left:50%;right:auto;transform:translateX(-50%);width:min(552px,calc(100% - 12px))}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .paintedAtlas button.atlasPin{min-width:0;min-height:0;padding:0;border:0;background:transparent}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasRow button.atlasGo{padding:4px 5px;border:0;background:transparent;min-height:0}
#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .atlasRow button.atlasInfo{padding:0;border:0;background:transparent}

@media(max-width:430px){#game #panel.atlasPanel #panelBody .atlasShell[data-view-mode] .paintedAtlas{width:min(100%,300px)}}
