*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0c0c0d;--bg-deep:#08080a;--bg-elevated:#141416;--glass-bg:#ffffff0b;--glass-bg-hover:#ffffff14;--glass-border:#ffffff17;--glass-border-hover:#ffffff38;--glass-highlight:#ffffff1f;--glass-blur:20px;--text-primary:#f2f2f3;--text-secondary:#a2a2a8;--text-muted:#6a6a72;--pop:#ff6a2b;--pop-bright:#ff8551;--pop-deep:#e2531a;--pop-soft:#ff6a2b1f;--pop-line:#ff6a2b6b;--grid-line:#ffffff07;--shadow-sm:0 4px 18px #0006;--shadow-md:0 20px 56px #0000008c;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.28s cubic-bezier(.22, 1, .36, 1);--transition-slow:.52s cubic-bezier(.22, 1, .36, 1);--z-bg:-1;--z-base:1;--z-hitbox:5;--z-nav:100;--z-lightbox:1000;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);text-transform:lowercase;min-height:100dvh;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:var(--z-bg);background:radial-gradient(90% 70% at 50% -20%, #ffffff09, transparent 60%), radial-gradient(120% 120% at 50% 120%, #00000080, transparent 55%), var(--bg-base);pointer-events:none;position:fixed;inset:0}body:after{content:"";z-index:var(--z-bg);opacity:.022;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{min-height:100dvh;z-index:var(--z-base);flex-direction:column;display:flex;position:relative}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}h1,h2,h3{font-family:var(--font-display)}.container{width:100%;max-width:1180px;padding:0 var(--space-lg);margin:0 auto}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm), inset 0 1px 0 0 var(--glass-highlight)}@media (prefers-reduced-transparency:reduce){.glass{background:var(--bg-elevated);-webkit-backdrop-filter:none}}:focus-visible{outline:2px solid var(--pop);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{left:var(--space-md);top:var(--space-md);z-index:var(--z-lightbox);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--pop);color:#0c0c0d;transition:transform var(--transition-fast);font-weight:600;position:absolute;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#ffffff38}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.layout{flex-direction:column;flex:1;display:flex}.page-wrapper{flex:1}.bg-layer{z-index:var(--z-bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-grid{background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);will-change:transform;background-size:68px 68px;position:absolute;inset:-12%;-webkit-mask-image:radial-gradient(125% 100% at 50% 0,#000 35%,#0000 82%);mask-image:radial-gradient(125% 100% at 50% 0,#000 35%,#0000 82%)}.bg-glow{background:radial-gradient(72% 50% at 50% -4%,#ffffff08,#0000 60%);position:absolute;inset:0}.breadcrumb{align-items:center;gap:var(--space-xs);margin:var(--space-xl) 0 var(--space-xl);padding:var(--space-xs);color:var(--text-muted);border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap;font-size:1rem;display:inline-flex}.breadcrumb a{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);transition:color var(--transition-fast), background var(--transition-fast);align-items:center;gap:.45em;font-weight:500;display:inline-flex}.breadcrumb a:hover{color:var(--pop-bright);background:var(--glass-bg-hover)}.breadcrumb__home{margin-top:-1px}.breadcrumb__sep{opacity:.4;flex-shrink:0}.breadcrumb__current{color:var(--text-primary);padding:var(--space-sm) var(--space-md);font-weight:500}.hero{padding:var(--space-3xl) 0 var(--space-2xl)}.hero__title{letter-spacing:-.04em;text-transform:lowercase;color:var(--text-primary);font-size:clamp(2.8rem,8vw,5rem);font-weight:600;line-height:.98}.hero__word-mask{vertical-align:bottom;padding:.05em .04em .02em;display:inline-block;overflow:hidden}.hero__word{display:inline-block}.hero__lede{margin-top:var(--space-lg);color:var(--text-secondary);text-wrap:pretty;font-size:1.05rem;line-height:1.6}.page-head{padding:var(--space-md) 0 var(--space-2xl)}.page-head__title{letter-spacing:-.03em;text-transform:lowercase;color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.05}.page-head--lineup .lineup-meta{align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.lineup-keys{font-family:var(--font-mono);color:var(--pop-bright);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);background:var(--pop-soft);border:1px solid var(--pop-line);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:500}.lineup-count{font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.command-box{align-items:center;gap:var(--space-sm);max-width:100%;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-md);border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-mono);text-transform:none;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);font-size:.9rem;font-weight:500;display:inline-flex}.command-box:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover);color:var(--text-primary)}.command-box__text{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}.command-box__icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.command-box:hover .command-box__icon{color:var(--text-secondary)}.command-box--copied{border-color:var(--pop-line);color:var(--pop-bright)}.command-box--copied .command-box__icon{color:var(--pop-bright)}.map-grid{gap:var(--space-lg);padding-bottom:var(--space-3xl);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));display:grid}.map-card{border-radius:var(--radius-lg);isolation:isolate;transition:border-color var(--transition-base);display:block;position:relative;overflow:hidden}.map-card:hover{border-color:var(--glass-border-hover)}.map-card__spotlight{z-index:2;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), #ffffff14, transparent 60%);transition:opacity var(--transition-base);position:absolute;inset:0}.map-card:hover .map-card__spotlight{opacity:1}.map-card__image-wrap{aspect-ratio:16/10;background:var(--bg-elevated);position:relative;overflow:hidden}.map-card__image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.map-card:hover .map-card__image-wrap img{transform:scale(1.05)}.map-card__shade{background:linear-gradient(#0000 45%,#08080a99 100%);position:absolute;inset:0}.map-card__body{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);display:flex;position:relative}.map-card__name{letter-spacing:-.01em;color:var(--text-primary);font-size:1.28rem;font-weight:600}.map-card__arrow{border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);width:38px;height:38px;color:var(--text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.map-card:hover .map-card__arrow{background:var(--pop);border-color:var(--pop);color:#0c0c0d;transform:translate(2px,-2px)}.spawn-image-container{border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-3xl);padding:0;position:relative;overflow:hidden}.spawn-image-container img{border-radius:inherit;width:100%;height:auto;display:block}.spawn-hitbox{cursor:pointer;border-radius:var(--radius-sm);z-index:var(--z-hitbox);transition:border-color var(--transition-fast), background var(--transition-fast);border:1.5px solid #0000;justify-content:center;align-items:center;display:flex;position:absolute}.spawn-hitbox:hover{border-color:var(--pop);background:var(--pop-soft);-webkit-backdrop-filter:blur(2px)}.spawn-hitbox__marker{width:24px;height:24px;transition:background var(--transition-fast), border-color var(--transition-fast);background:#0a0a0c99;border:1.5px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;animation:2.8s ease-out infinite marker-pulse;display:flex;box-shadow:0 0 #ffffff47}.spawn-hitbox__num{font-family:var(--font-mono);color:#fff;font-size:.72rem;font-weight:600;line-height:1}.spawn-hitbox:hover .spawn-hitbox__marker{background:var(--pop);border-color:var(--pop-bright);animation:none}.spawn-hitbox:hover .spawn-hitbox__num{color:#0c0c0d}@keyframes marker-pulse{0%{box-shadow:0 0 #ffffff47}70%{box-shadow:0 0 0 11px #fff0}to{box-shadow:0 0 #fff0}}.lineup-page__image-wrap{border-radius:var(--radius-lg);cursor:zoom-in;width:100%;transition:border-color var(--transition-base);margin-bottom:var(--space-3xl);padding:0;position:relative;overflow:hidden}.lineup-page__image-wrap:hover{border-color:var(--glass-border-hover)}.lineup-page__image-wrap img{border-radius:inherit;width:100%;height:auto;display:block}.skeleton{z-index:1;border-radius:inherit;background-color:var(--bg-elevated);pointer-events:none;position:absolute;inset:0;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff12 50%,#0000 70%);animation:1.4s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.lineup-page__zoom-hint{bottom:var(--space-md);right:var(--space-md);z-index:2;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.03em;opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);pointer-events:none;background:#0a0a0c99;font-size:.72rem;position:absolute;transform:translateY(6px)}.lineup-page__image-wrap:hover .lineup-page__zoom-hint{opacity:1;transform:translateY(0)}.lineup-page__nav-arrow{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:48px;height:48px;box-shadow:inset 0 1px 0 0 var(--glass-highlight);color:#fff;z-index:3;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#0a0a0c8c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lineup-page__nav-arrow:hover{background:var(--pop);border-color:var(--pop-bright);color:#0c0c0d}.lineup-page__nav-arrow--prev{left:var(--space-md)}.lineup-page__nav-arrow--next{right:var(--space-md)}.lineup-page__nav-arrow--prev:hover{transform:translateY(-50%)translate(-3px)}.lineup-page__nav-arrow--next:hover{transform:translateY(-50%)translate(3px)}.lightbox{z-index:var(--z-lightbox);-webkit-backdrop-filter:blur(8px);background:#060608e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox__close.glass,.lightbox__ctrl-btn.glass,.lightbox__zoom-level.glass,.lightbox__hint.glass{background:#08080ab8;border-color:#ffffff1f}.lightbox__close{top:var(--space-md);right:var(--space-md);z-index:1;color:#fff;width:46px;height:46px;transition:background var(--transition-fast), transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.lightbox__close:hover{background:var(--pop);color:#0c0c0d;transform:rotate(90deg)}.lightbox__controls{top:var(--space-md);left:var(--space-md);z-index:1;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.lightbox__ctrl-btn{border-radius:var(--radius-sm);color:#fff;width:46px;height:46px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.lightbox__ctrl-btn:hover{background:var(--pop);border-color:var(--pop-bright);color:#0c0c0d}.lightbox__zoom-level{height:34px;padding:0 var(--space-sm);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;font-size:.74rem;font-weight:500;display:flex}.lightbox__pan-area{width:100%;height:100%;padding:var(--space-md);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lightbox__pan-area img{object-fit:contain;transform-origin:50%;border-radius:var(--radius-md);max-width:100%;max-height:calc(100dvh - 6rem)}.lightbox__img--smooth{transition:transform .2s}.lightbox__hint{bottom:var(--space-md);z-index:1;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);color:var(--text-secondary);font-family:var(--font-mono);white-space:nowrap;pointer-events:none;font-size:.74rem;position:fixed;left:50%;transform:translate(-50%)}.footer{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg);text-align:center;color:var(--text-muted);border-top:1px solid var(--glass-border);font-size:.8rem;display:flex}.footer__brand{font-family:var(--font-display);color:var(--text-secondary);font-weight:600}.footer__sep{opacity:.5}.footer__creator{color:var(--text-secondary);transition:color var(--transition-fast);font-weight:500}.footer__creator:hover{color:var(--pop-bright)}@media (width<=768px){.map-grid{grid-template-columns:1fr}.hero{padding:var(--space-2xl) 0 var(--space-xl)}}@media (width<=480px){.lineup-page__nav-arrow{width:42px;height:42px}}