:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#11100d;--foreground:#f6efe0;--panel:#1f1d18c7;--panel-strong:#12110ef0;--border:#ffffff1f;--yellow:#f7bd12;--teal:#4fc3a1}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-space-grotesk), sans-serif;margin:0}.appSurface{background:linear-gradient(135deg,#f7bd1229,#0000 28%),linear-gradient(315deg,#4fc3a124,#0000 28%),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 76px),#11100d;min-height:100vh}.controlBand{border:1px solid var(--border);background:linear-gradient(115deg,#181713f5,#181713b3),url(/maps/erangel.jpg) 50%/cover;padding:clamp(20px,4vw,36px);position:relative;overflow:hidden;box-shadow:0 30px 80px #00000052}.controlBand:before{content:"";pointer-events:none;background:linear-gradient(90deg,#11100dfa,#11100dcc 54%,#11100d6b);position:absolute;inset:0}.controlBand>*{z-index:1;position:relative}.introCopy{flex:520px}.introCopy h1{text-transform:uppercase;max-width:760px}.timerPanel{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a08b8;flex:0 440px}.countdown{width:100%}.countdownItem{background:#ffffff0e;border:1px solid #ffffff1a;min-width:70px;padding:10px 8px}.countdownValue{color:var(--yellow);font-family:var(--font-rajdhani), sans-serif;font-size:2rem;line-height:1}.filtersGrid{grid-template-columns:2fr 1fr;gap:12px;display:grid}.regionSelectMobile{display:none}.floatingTabsWrap{max-width:320px}.floatingTabsList{background:#00000052;border:1px solid #ffffff1f;border-radius:8px;margin:0;padding:4px;position:relative}.floatingTab{z-index:1;color:#ffffffb8;justify-content:center;min-height:36px;font-weight:700;transition:color .12s}.floatingTab[data-active]{color:#f9f3e5}.floatingTabIndicator{background:#f7bd122e;border:1px solid #f7bd1275;border-radius:6px;box-shadow:0 8px 20px #00000040}.refreshGlyph{color:var(--yellow);background:#f7bd1214;border-color:#f7bd1273}.mapCard{border:1px solid var(--border);background:var(--panel-strong);transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.mapCard:hover{border-color:#f7bd1280;transform:translateY(-4px);box-shadow:0 22px 48px #0000004d}.mapImageWrap{aspect-ratio:16/10;position:relative;overflow:hidden}.mapImage{height:100%}.mapImage img{object-fit:cover;height:100%;transition:transform .26s}.mapCard:hover .mapImage img{transform:scale(1.04)}.mapShade{background:linear-gradient(#0000 34%,#000000c7);position:absolute;inset:0}.mapRank{position:absolute;top:14px;left:14px}.cardMeta{min-height:28px}@media (max-width:720px){.controlBand{padding:18px}.filtersGrid{grid-template-columns:1fr}.regionSelectMobile{display:block}.regionTabsDesktop{display:none}.introCopy h1{font-size:2.55rem}.timerPanel{flex-basis:100%}.countdown{white-space:nowrap;flex-wrap:nowrap;gap:6px;display:flex;overflow-x:auto}.countdownItem{min-width:72px}}