@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lilita-one-digits.woff2) format("woff2");unicode-range:U+0030-0039}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #e6e8ec;--bg-secondary: #f6f7f9;--bg-tertiary: #edeef2;--bg-elevated: #f6f7f9;--text-primary: #000000;--text-secondary: #666666;--text-tertiary: #9aa0ab;--border: #e0e0e0;--border-strong: #cdd3df;--accent: #007bff;--accent-bright: #3393ff;--on-accent: #ffffff;--accent-a20: rgba(0, 123, 255, .2);--control-bg: #ffffff;--control-text: #1a1a1a;--control-border: #d0d0d0;--stat-label: #6b7280;--panel-border: #e8ecf5;--panel-shadow: 0 6px 20px rgba(13, 27, 62, .06);--inset-bg: #edeef2;--row-bg: #f8f9ff;--row-border: #eceef6;--chip-bg: #f0f3ff;--chip-text: #3a6ea5;--chip-border: #dbe4f5;--raised-bg: #f6f7f9;--icon-btn-bg: #ffffff;--selected-bg: #eaf3ff;--modal-bg: #ffffff;--nav-active-bg: #edeef2;--empty-slot-border: #c2c6ce;--tooltip-bg: #1a1a1a;--tooltip-border: #1a1a1a;--search-btn-bg: #007bff;--card-backdrop: linear-gradient(160deg, #eef1f6 0%, #dde2ea 100%);--card-frame-border: 1px solid rgba(30, 41, 59, .12);--card-drop: 0 2px 8px rgba(30, 41, 59, .13);--banner-shadow: 0 10px 30px rgba(13, 27, 62, .08);--hero-bg: #f6f7f9;--hero-art: blur(36px) saturate(1.6) brightness(1.1);--hero-art-opacity: .5;--hero-fade: linear-gradient(90deg, #f6f7f9 30%, rgba(246, 247, 249, .35) 75%, rgba(246, 247, 249, 0));--hero-text: #000000;--hero-muted: #5b6474;--hero-divider: rgba(13, 27, 62, .14);--hero-text-shadow: none;--hero-card-shadow: drop-shadow(0 8px 16px rgba(13, 27, 62, .28));--skeleton-base: #d5d9e0;--skeleton-highlight: #eef0f4;--card-name-font-size: 10px;--metric-label-font-size: 10px;--tooltip-font-size: 11px;--version-toggle-font-size: 9px;--up: #15803d;--down: #dc2626;--warn: #b45309;--info: #2563eb;--status-started: #d97706;--water: linear-gradient(180deg, #e0ecf8, #c9ddf2);--water-waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='28'%3E%3Cpath d='M0 14 Q15 6 30 14 T60 14 T90 14 T120 14' fill='none' stroke='rgba(30,110,190,0.10)' stroke-width='2'/%3E%3C/svg%3E");--water-border: rgba(0, 0, 0, .08);--water-text: #000000;--water-muted: rgba(0, 0, 0, .72);--water-line: rgba(15, 60, 110, .14);--water-mark: rgba(15, 42, 71, .55);--water-mast: rgba(15, 42, 71, .6);--water-gold: #a15c07;--water-shadow: none;--water-label-bg: rgba(255, 255, 255, .78);--water-label-text: rgba(0, 0, 0, .85);--water-chip-bg: rgba(255, 255, 255, .6);--water-chip-border: rgba(15, 42, 71, .14);--water-tab-active: #ffffff;--boat-1: #0284c7;--boat-2: #7c3aed;--boat-3: #e11d48;--boat-4: #16a34a;--boat-5: #ea580c}:root[data-theme=dark]{--bg-primary: #0c0c0d;--bg-secondary: #161618;--bg-tertiary: #202023;--bg-elevated: #26262a;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--border: #2a2a2e;--border-strong: #3a3a40;--accent: #e8b24a;--accent-bright: #f3c468;--on-accent: #1a1407;--accent-a20: rgba(232, 178, 74, .2);--control-bg: #161618;--control-text: #f4f4f5;--control-border: #2a2a2e;--stat-label: #8a8a93;--panel-border: #2a2a2e;--panel-shadow: 0 8px 24px rgba(0, 0, 0, .45);--inset-bg: #101012;--row-bg: #1a1a1e;--row-border: #2a2a2e;--chip-bg: #26262a;--chip-text: #c4c4cc;--chip-border: #34343a;--raised-bg: #26262a;--icon-btn-bg: #0c0c0d;--selected-bg: #26262a;--modal-bg: #161618;--nav-active-bg: #26262a;--empty-slot-border: rgba(0, 0, 0, .4);--tooltip-bg: #000000;--tooltip-border: #3a3a3a;--search-btn-bg: #4a9eff;--card-backdrop: linear-gradient(160deg, #2a3a6a 0%, #16213f 100%);--card-frame-border: 2px solid rgba(0, 0, 0, .15);--card-drop: 0 3px 8px rgba(0, 0, 0, .25);--banner-shadow: 0 14px 36px rgba(0, 0, 0, .5);--hero-bg: #161618;--hero-art: blur(36px) saturate(1.4) brightness(1.05);--hero-art-opacity: .85;--hero-fade: linear-gradient(90deg, #161618 26%, rgba(22, 22, 24, .4) 70%, rgba(22, 22, 24, .05));--hero-text: #ffffff;--hero-muted: rgba(255, 255, 255, .72);--hero-divider: rgba(255, 255, 255, .16);--hero-text-shadow: 0 2px 8px rgba(0, 0, 0, .45);--hero-card-shadow: drop-shadow(0 10px 18px rgba(0, 0, 0, .6));--skeleton-base: #28282d;--skeleton-highlight: #3a3a40;--up: #4ade80;--down: #f87171;--warn: #fbbf24;--info: #60a5fa;--status-started: #e8b24a;--water: linear-gradient(180deg, #0e2747, #0a1a31);--water-waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='28'%3E%3Cpath d='M0 14 Q15 6 30 14 T60 14 T90 14 T120 14' fill='none' stroke='rgba(140,190,255,0.10)' stroke-width='2'/%3E%3C/svg%3E");--water-border: rgba(125, 180, 255, .18);--water-text: #ffffff;--water-muted: rgba(255, 255, 255, .72);--water-line: rgba(125, 180, 255, .16);--water-mark: rgba(255, 255, 255, .6);--water-mast: rgba(255, 255, 255, .85);--water-gold: #f3c468;--water-shadow: 0 2px 10px rgba(0, 0, 0, .5);--water-label-bg: rgba(0, 0, 0, .45);--water-label-text: rgba(255, 255, 255, .85);--water-chip-bg: rgba(0, 0, 0, .35);--water-chip-border: rgba(255, 255, 255, .14);--water-tab-active: rgba(255, 255, 255, .16);--boat-1: #7dd3fc;--boat-2: #c4b5fd;--boat-3: #fca5a5;--boat-4: #86efac;--boat-5: #fdba74}body{font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button:disabled{opacity:.5;cursor:not-allowed}input:disabled{background-color:#f0f0f0;cursor:not-allowed}.picker-filter-option{transition:background-color .12s ease}.nav-link{transition:background-color .15s ease,color .15s ease}.theme-toggle-btn{border-radius:10px}.deck-slot-btn{border-radius:12px}@media(max-width:768px),(pointer:coarse){.mobile-touch-target{min-width:44px;min-height:44px}.mobile-touch-hitbox{position:relative}.mobile-touch-hitbox:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}}@media(max-width:768px){:root{--card-name-font-size: 11px;--metric-label-font-size: 11px;--tooltip-font-size: 12px;--version-toggle-font-size: 10px}}.banner-toggle{transition:box-shadow .2s ease}.banner-actions>*{pointer-events:auto}.banner-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.deck-slot-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(hover:hover){button:hover{opacity:.9}.picker-filter-option:hover{background-color:#94949426}.nav-link:not(.active):hover{background-color:#9494941f}.glass-btn:hover{opacity:1;background-color:color-mix(in srgb,var(--bg-secondary) 85%,transparent)!important}.banner-toggle:hover{opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}.theme-toggle-btn:hover{background-color:#94949429!important;opacity:1!important}.ua-row:hover{opacity:1}.wdb-card:hover:not(:disabled){transform:translateY(-3px)}.card-link:hover{transform:translateY(-3px)}.wdb-tab:hover{opacity:1}.ua-row:hover:not([aria-pressed=true]){background-color:#94949414}.faq-page-link:hover .faq-page-link-label{text-decoration:underline;text-underline-offset:3px}.faq-page-link:hover .faq-page-link-arrow{transform:translate(3px)}}.skip-link{position:fixed;top:12px;left:12px;z-index:2000;padding:10px 16px;border-radius:8px;background-color:var(--accent);color:var(--on-accent);font-weight:700;text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:none}#main-content:focus{outline:none}.nav-link:focus-visible,.card-link:focus-visible,.brand-link:focus-visible,.tab-link:focus-visible,.theme-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-glide{transition:transform .38s cubic-bezier(.34,1.18,.64,1),width .3s ease,height .3s ease}.tab-pill{animation:tab-pill-in .3s cubic-bezier(.3,1.35,.5,1)}@keyframes tab-pill-in{0%{transform:scaleX(.4);opacity:0}to{transform:none;opacity:1}}.card-link{display:block;min-width:0;color:inherit;text-decoration:none;border-radius:10px;transition:transform .15s ease}.card-wall{animation:card-wall-in .8s ease both}.card-wall-column{animation:card-wall-drift 60s linear infinite}@keyframes card-wall-in{0%{opacity:0}to{opacity:1}}@keyframes card-wall-drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes drawer-fade{0%{background-color:#0000}to{background-color:#00000080}}@keyframes spin{to{transform:rotate(360deg)}}.clan-refreshing{animation:spin .65s linear infinite}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ua-row{transition:background-color .15s ease}.ua-float{animation:ua-float 1.1s cubic-bezier(.2,.7,.3,1) both}.ua-slot-hit{animation:ua-ring .9s ease-out}.ua-pop{animation:ua-pop .42s cubic-bezier(.3,1.6,.5,1) both}@keyframes ua-float{0%{transform:translateY(14px) scale(.7);opacity:0}25%{transform:translateY(-6px) scale(1.15);opacity:1}60%{transform:translateY(-16px);opacity:1}to{transform:translateY(-30px);opacity:0}}@keyframes ua-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}to{box-shadow:0 0 0 12px transparent}}@keyframes ua-pop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}.wdb-tab{transition:opacity .2s ease,border-color .25s ease,background-color .25s ease}.wdb-tab[aria-selected=false]{opacity:.6}.wdb-card{transition:transform .15s ease}.wdb-target{outline:2px solid var(--text-primary);outline-offset:2px;animation:wdb-breathe 1.4s ease-in-out infinite}.wdb-matched{animation:wdb-ring 1.2s ease-out}.wdb-bar{transition:height .35s ease}@keyframes wdb-breathe{50%{outline-color:transparent}}@keyframes wdb-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}to{box-shadow:0 0 0 18px transparent}}.gc-pill{transition:background-color .15s ease,border-color .15s ease,transform .12s ease}.gc-pill:active{transform:scale(.97)}.gc-menu{animation:gc-menu-in .16s cubic-bezier(.3,.7,.2,1)}.gc-sheet{animation:gc-sheet-in .26s cubic-bezier(.32,.72,.35,1)}.gc-backdrop{animation:drawer-fade .2s ease}.gc-scroll{scrollbar-width:none}.gc-scroll::-webkit-scrollbar{display:none}.gc-thumb{transition:transform .28s cubic-bezier(.3,.7,.2,1)}.gc-kept{transition:width .3s cubic-bezier(.3,.7,.2,1)}@media(hover:hover){.gc-pill:hover{border-color:var(--text-tertiary)!important;opacity:1}.swap-option:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)!important;opacity:1}}@keyframes gc-menu-in{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}@keyframes gc-sheet-in{0%{transform:translateY(100%)}to{transform:none}}.clan-bar-segment{transform-origin:left;animation:clan-bar-in .8s cubic-bezier(.3,.7,.2,1) both}.clan-you{animation:clan-you-glow 1.8s ease-out .5s 2}.clan-live-dot{animation:clan-live 1.6s ease-in-out infinite}.clan-waves{animation:clan-drift 14s linear infinite}.clan-bob{animation:clan-bob 2.6s ease-in-out infinite}.clan-wake{transform-origin:16px 29px;animation:clan-wake 1.4s ease-out infinite}.clan-sail{transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.clan-podium-step{transform-origin:bottom;animation:clan-rise .6s cubic-bezier(.3,.7,.2,1) both}@keyframes clan-drift{to{transform:translate(-50%)}}@keyframes clan-bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-2px) rotate(1.5deg)}}@keyframes clan-wake{0%{opacity:.6;transform:scaleX(.4)}to{opacity:0;transform:scaleX(1)}}@keyframes clan-rise{0%{transform:scaleY(0)}to{transform:none}}@keyframes clan-bar-in{0%{transform:scaleX(0)}to{transform:none}}@keyframes clan-you-glow{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 50%,transparent)}to{box-shadow:0 0 0 14px transparent}}@keyframes clan-live{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.clan-refreshing,.nav-glide,.tab-pill,.gc-pill,.gc-menu,.gc-sheet,.gc-backdrop,.gc-thumb,.gc-kept,.ua-row,.ua-slot-hit,.ua-pop,.wdb-tab,.wdb-card,.wdb-target,.wdb-matched,.wdb-bar,.clan-bar-segment,.clan-you,.clan-live-dot,.clan-waves,.clan-bob,.clan-wake,.clan-sail,.clan-podium-step,.card-link{animation:none;transition:none}.ua-float,.card-wall,.card-wall-column{animation:none}.skeleton{animation:none;background:var(--skeleton-base)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
