/* Compact header, expanded atlas and Minecraft player portraits */
body{background:#F4F5F8}.site-header,.site-header.scrolled{left:26px;right:26px;top:14px;height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.site-header>*{pointer-events:auto}.site-header .brand{justify-self:start;background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:17px;padding:7px 15px 7px 7px;box-shadow:0 8px 25px #2B5CE911;backdrop-filter:blur(24px)}.site-header .desktop-nav{justify-self:center;align-items:center;gap:2px;padding:5px;background:rgba(255,255,255,.91);border:1px solid #fff;border-radius:999px;box-shadow:0 8px 25px #2B5CE911;backdrop-filter:blur(24px)}.site-header .desktop-nav a{display:block;padding:11px 15px;border-radius:999px;font-size:13px;letter-spacing:0}.site-header .desktop-nav a:hover{background:#F3F6FE}.site-header .desktop-nav a:last-child{background:#F3F6FE;color:#2B5CE9}.site-header .header-actions{justify-self:end;gap:9px}.site-header .season-chip,.site-header .icon-button,.site-header .menu-button{background:rgba(255,255,255,.92);border:1px solid #fff;box-shadow:0 8px 25px #2B5CE911;backdrop-filter:blur(24px)}.site-header .season-chip{border-radius:999px;padding:13px 15px}.site-header .icon-button,.site-header .menu-button{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;padding:0}.site-header .menu-button{display:none}.site-header .mobile-nav{top:63px}
.map-viewport{height:clamp(420px,42vw,560px)}.solo-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:26px;height:26px;padding:0;border:2px solid #fff;border-radius:9px;background:#2B5CE9;color:#fff;box-shadow:0 4px 13px #09173566;cursor:pointer;transition:transform .25s,box-shadow .25s}.solo-pin:hover,.solo-pin:focus-visible{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 7px 18px #09173588}.solo-pin span{font:18px/1 var(--body)}.solo-pin small{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);display:none;padding:8px 10px;white-space:nowrap;border-radius:8px;background:#fff;color:#2B5CE9;box-shadow:0 8px 20px #061a4260;font:7px var(--px)}.solo-pin:hover small,.solo-pin:focus-visible small{display:block}.solo-popover{position:absolute;z-index:4;left:18px;bottom:18px;width:230px;display:flex;flex-direction:column;gap:9px;padding:20px;background:rgba(255,255,255,.94);border:1px solid #fff;border-radius:20px;color:#172446;box-shadow:0 15px 40px #071a4180;backdrop-filter:blur(18px)}.solo-popover[hidden]{display:none}.solo-popover small{font:7px var(--px);color:#2B5CE9}.solo-popover strong{font-size:19px}.solo-popover span{color:#596b8c;font-size:14px}.solo-popover button{position:absolute;right:12px;top:8px;border:0;background:none;color:#5e6a80;font-size:24px}.map-pin .pin-crest{box-shadow:0 7px 18px #09173577}.city-panel-v2{min-height:187px}.city-facts{gap:10px 20px}.leader-profile{display:flex;align-items:center;gap:8px}.player-head-button{width:31px;height:31px;flex:none;display:grid;place-items:center;padding:0;border:2px solid #fff;border-radius:8px;background:#F3F6FE;box-shadow:0 3px 9px #2B5CE929;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.player-head-button:hover,.player-head-button:focus-visible{position:relative;z-index:5;transform:translateY(-3px) scale(1.12);box-shadow:0 8px 16px #2B5CE948}.player-head-button img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.online-heads{display:flex;align-items:center;margin-top:6px;padding-left:2px;min-height:32px}.online-heads .player-head-button:not(:first-child),.online-more{margin-left:-8px}.online-more{width:31px;height:31px;display:grid;place-items:center;flex:none;border:2px solid #fff;border-radius:8px;background:#2B5CE9;color:#fff;font:10px var(--body);font-weight:800;box-shadow:0 3px 9px #2B5CE929}.player-dialog{position:fixed;max-width:300px;width:calc(100% - 30px);padding:30px;border:1px solid #fff;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 25px 80px #071b4255;text-align:center;color:#172446;backdrop-filter:blur(20px)}.player-dialog::backdrop{background:#0d1d3e95;backdrop-filter:blur(5px)}.player-dialog>img{width:112px;height:112px;display:block;margin:10px auto 22px;border:6px solid #F3F6FE;border-radius:20px;image-rendering:pixelated;box-shadow:0 10px 24px #2B5CE929}.player-dialog small{display:block;color:#2B5CE9;font:8px var(--px)}.player-dialog h3{font:20px var(--px);line-height:1.5;margin:13px 0;color:#172446}.player-dialog p{margin:0;color:#60708a}.player-dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#60708a;font-size:26px}.storm-actions .button-primary{background:#F3F6FE;color:#2B5CE9;border:1px solid #d9e4ff;box-shadow:none}.storm-actions .button-primary:hover{background:#e7eeff;box-shadow:0 8px 22px #2B5CE91a}
@media(max-width:1100px){.site-header .desktop-nav a{padding:11px 10px}.site-header .season-chip{display:none}.city-panel-v2{grid-template-columns:70px 1fr 1.3fr}.city-facts{gap:8px}}
@media(max-width:760px){.site-header,.site-header.scrolled{left:10px;right:10px;top:8px;height:52px;display:flex;justify-content:space-between}.site-header .brand{padding:5px 10px 5px 5px;border-radius:16px}.site-header .desktop-nav{display:none}.site-header .menu-button{display:grid}.site-header .icon-button,.site-header .menu-button{width:40px;height:40px}.site-header .mobile-nav{top:54px}.map-viewport{height:390px}.solo-pin{width:23px;height:23px}.solo-pin span{font-size:16px}.solo-popover{left:10px;bottom:10px;width:205px;padding:15px}.city-panel-v2{min-height:0}.city-facts{gap:13px 10px}.online-heads .player-head-button,.online-more{width:27px;height:27px}.online-heads .player-head-button:not(:first-child),.online-more{margin-left:-7px}}
@media(prefers-reduced-motion:reduce){.solo-pin,.player-head-button{transition:none}}
.city-facts .online-heads,.city-facts .leader-profile{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0}.city-facts .leader-profile{gap:8px}.city-facts .online-heads .player-head-button{margin-top:0}.city-facts .online-heads .online-more{margin-top:0}
.city-facts .online-heads .online-more{color:#fff;font-size:12px;font-weight:800}