@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0a443832218db53c-s.35tcax5pyx804.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4bd950c905cec094-s.p.0fzl0-df6mp6z.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0a443832218db53c-s.35tcax5pyx804.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:800;font-display:swap;src:url(../media/4bd950c905cec094-s.p.0fzl0-df6mp6z.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:900;font-display:swap;src:url(../media/0a443832218db53c-s.35tcax5pyx804.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:900;font-display:swap;src:url(../media/4bd950c905cec094-s.p.0fzl0-df6mp6z.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Fallback;src:local(Times New Roman);ascent-override:71.31%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:136.86%}.Uyth8a_className{font-family:Cinzel,Cinzel Fallback;font-style:normal}.Uyth8a_variable{--font-cinzel:"Cinzel", "Cinzel Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/46a9e2f250689b4a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/76b70a1dbe058eb5-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2fb76073e23fd9e4-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6131cbbf5549afa2-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/45462fd7b7c12654-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ba63f6a0e436df8e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07c7676b89ed2778-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}._0bjUvq_className{font-family:Inter,Inter Fallback;font-style:normal}._0bjUvq_variable{--font-inter:"Inter", "Inter Fallback"}
:root{--ink:#0a0907;--ink-2:#13100c;--stone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .03' numOctaves='4' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .85 0 0 0 0 .8 0 0 0 0 .7 .22 0 0 0 -.08'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--panel:var(--stone) center / 320px, linear-gradient(180deg, #1b1713eb, #0c0a08f2);--panel-2:var(--stone) center / 320px, linear-gradient(180deg, #262019f0, #100d0af5);--panel-solid:#15120e;--chrome:var(--stone) 0 0 / 320px fixed, linear-gradient(180deg, #221c15 0, #17130f 120px, #0e0b08 100%) 0 0 / 100vw 100vh fixed;--iron:#6f695f;--iron-2:#a9a192;--line:#d6b26c52;--line-2:#d6b26c24;--frame:url(/art/ui/wc3_btn_frame.webp);--text:#ece4d2;--muted:#a49c8b;--dim:#766e60;--gold:#f6c453;--gold-2:#c58b2c;--gold-3:#fff0b8;--win:#5ee07a;--loss:#ff6b5e;--live:#ff3b3b;--twitch:#9146ff;--discord:#5865f2;--accent:#6aa8ff;--band-easy:#4ade80;--band-medium:#facc15;--band-hard:#f43f3f;--rail:96px;--top:64px;--ease:cubic-bezier(.2, .8, .2, 1);--display:var(--font-cinzel), "Cinzel", Georgia, serif;--hud:var(--font-cinzel), "Cinzel", Georgia, serif;--body:var(--font-inter), Inter, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@property --accent{syntax:"<color>";inherits:true;initial-value:#6aa8ff}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-size:16px;line-height:1.55;transition:--accent .8s;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select{font:inherit;color:inherit}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.skip{z-index:100;background:var(--gold);color:var(--ink);padding:10px 16px;font-weight:700;transition:top .2s;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scenery{z-index:-3;pointer-events:none;background:#050505;position:fixed;inset:0;overflow:hidden}.scenery .art{filter:saturate(1.05)brightness(.9);background:url(/art/scenery.webp) 50% 40%/cover no-repeat;animation:70s ease-in-out infinite alternate breathe;position:absolute;inset:-2%}.scenery .loop{object-fit:cover;object-position:center 40%;opacity:0;filter:saturate(1.05)brightness(.9);width:100%;height:100%;transition:opacity 1.6s;position:absolute;inset:0}.scenery .loop.on{opacity:1}@keyframes breathe{0%{scale:1}to{translate:-1% -.5%;scale:1.05}}.scenery .tint{background:linear-gradient(180deg, #120d08, color-mix(in srgb, var(--accent) 45%, #120d08));mix-blend-mode:color;opacity:.42;transition:background .8s;position:absolute;inset:0}.scenery .haze{background:radial-gradient(120% 90% at 60% 35%,#0000 30%,#060504c7 100%),linear-gradient(90deg,#060504bd 0%,#06050466 45%,#0605044d 100%),linear-gradient(#06050480 0%,#06050433 30%,#06050499 70%,#060504f0 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.scenery .art{animation:none}}.embers{z-index:-1;pointer-events:none;position:fixed;inset:0}.rail{width:var(--rail);z-index:50;background:var(--chrome);scrollbar-width:none;flex-direction:column;align-items:center;gap:4px;padding:12px 0 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.rail:before{content:"";left:calc(var(--rail) - 6px);top:calc(var(--top) - 1px);pointer-events:none;background:linear-gradient(90deg,#2a251f,#8a8273 40%,#3a342c 60%,#0b0907);width:6px;position:fixed;bottom:0;box-shadow:6px 0 30px #0009}.rail-logo{flex:none;place-items:center;width:62px;height:62px;margin-bottom:10px;display:grid;position:relative}.rail-logo img{object-fit:cover;z-index:1;width:50px;height:50px;box-shadow:0 0 0 2px #0a0907, 0 0 0 4px var(--iron), 0 0 0 5px #0a0907, 0 0 18px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:6px;transition:box-shadow .8s;position:relative}.rail-nav{flex-direction:column;gap:2px;width:100%;padding:0 10px 0 4px;display:flex}.rail-link{color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:6px 2px;transition:color .2s;display:flex;position:relative}.rail-link .cmd{width:42px;height:42px;transition:box-shadow .25s, transform .25s var(--ease);background:radial-gradient(circle at 50% 35%,#2b251d,#0d0b08 75%);border-radius:3px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px #4d473e,inset 0 0 0 4px #000,inset 0 2px 8px #ffffff14,0 2px 6px #0009}.rail-link svg{width:22px;height:22px;transition:filter .3s}.rail-link .lbl{font-family:var(--hud);letter-spacing:0;text-align:center;font-size:9.5px;font-weight:700;line-height:1.1}.rail-link:hover{color:var(--text)}.rail-link:hover .cmd{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 3px var(--iron-2), inset 0 0 0 4px #000, inset 0 2px 8px #ffffff1f, 0 4px 10px #0009;transform:translateY(-1px)}.rail-link[aria-current=page]{color:var(--gold)}.rail-link[aria-current=page] .cmd{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 3px var(--gold), inset 0 0 0 4px #000, inset 0 0 16px #f6c45359, 0 0 14px #f6c45359}.rail-link[aria-current=page] svg{filter:drop-shadow(0 0 6px #f6c453cc)}.rail-bottom{flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.rail-social{width:38px;height:38px;color:var(--muted);background:#110e0b;border-radius:4px;place-items:center;transition:all .25s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4d473e}.rail-social svg{width:19px;height:19px}.rail-social:hover{color:#fff;transform:translateY(-2px)}.rail-social.twitch:hover{background:var(--twitch)}.rail-social.discord:hover{background:var(--discord)}.rail-social.youtube:hover{background:#f03}.rail-social .dot{position:absolute;top:-3px;right:-3px}.main{margin-left:var(--rail);flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}.topbar{z-index:51;height:var(--top);background:var(--chrome);align-items:center;gap:18px;padding:0 clamp(16px,3vw,40px);display:flex;position:sticky;top:0;box-shadow:0 10px 30px -10px #000000b3}.topbar:after{content:"";pointer-events:none;background:linear-gradient(#2a251f,#8a8273 40%,#3a342c 60%,#0b0907);height:6px;position:absolute;bottom:-6px;left:-6px;right:0}.crumb{font-family:var(--hud);letter-spacing:.08em;color:var(--dim);white-space:nowrap;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.crumb b{color:var(--gold);font-weight:400}.crumb i{background:var(--line);width:18px;height:1px;display:inline-block}.topbar-brand{font-family:var(--display);letter-spacing:.04em;color:var(--gold);align-items:center;gap:10px;font-weight:800;display:none}.topbar-brand img{width:34px;height:34px;box-shadow:0 0 0 2px var(--iron);border-radius:4px}.resbar{background:linear-gradient(#0d0b08,#1b1712);border-radius:3px;gap:4px;margin-left:auto;padding:4px 6px;display:flex;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a443b,inset 0 0 0 3px #000}.res{font-family:var(--hud);white-space:nowrap;border-radius:2px;align-items:center;gap:7px;padding:4px 12px 4px 8px;font-size:13.5px;font-weight:700;transition:background .2s;display:flex}.res .v{color:var(--gold);text-shadow:0 1px #000,0 0 8px #f6c45359}.res:hover{background:#ffffff0d}.res img{object-fit:contain;filter:drop-shadow(0 1px 1px #000);width:20px;height:20px}.res small{color:var(--muted);font-size:11px}.res+.res{border-left:1px solid #ffffff0f}.res.upkeep small{color:var(--win)}.res.is-live{color:#fff;background:linear-gradient(#ff3b3b4d,#5a0a0a80)}.res.is-live small{color:#fecaca}.dot{background:var(--dim);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot.on{background:var(--live);animation:1.6s infinite ping;box-shadow:0 0 #ff3b3b99}@keyframes ping{0%{box-shadow:0 0 #ff3b3b99}80%,to{box-shadow:0 0 0 10px #ff3b3b00}}.gold-text,.t-gold,.t-steel,.nf .code{text-shadow:none}.page{text-shadow:0 1px 2px #0000008c;width:100%;max-width:1640px;animation:pageIn .7s var(--ease) backwards;flex:1;margin:0 auto;padding:clamp(20px,3vw,42px) clamp(20px,3vw,42px) 80px}@keyframes pageIn{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}.tabbar{display:none}.footer{background:var(--stone) center / 320px, linear-gradient(180deg, #16120ef0, #080705fa);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 30px;padding:30px clamp(16px,3vw,40px) 36px;font-size:13px;display:flex;position:relative}.footer:before{content:"";background:linear-gradient(#2a251f,#8a8273 40%,#3a342c 60%,#0b0907);height:6px;position:absolute;top:0;left:0;right:0}.footer a{color:var(--muted)}.footer a:hover{color:var(--gold)}.footer p{max-width:780px;margin:0}.footer .sig{font-family:var(--hud);color:var(--text);font-size:15px;font-weight:700}.footer .sig a{color:var(--gold)}.eyebrow{font-family:var(--hud);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:13px;font-weight:700;transition:color .8s;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:26px;height:2px;box-shadow:0 0 10px}.eyebrow img{width:auto}.h1{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;margin:10px 0 14px;font-size:clamp(34px,5.2vw,74px);font-weight:900;line-height:1.02}.h2{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;color:#f4e8cc;text-shadow:0 2px #0009,0 0 26px #f6c45326;margin:0;font-size:clamp(24px,2.7vw,36px);font-weight:800;line-height:1.1}.section-head>div:first-child:after,.phead .h1:after{content:"";background:url(/art/ui/war3_divider_horizontal_center.webp) 0/auto 14px no-repeat,linear-gradient(90deg,#a9a192b3,#0000) 80px/160px 2px no-repeat;width:240px;height:14px;margin-top:12px;display:block}.h3{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:20px;font-weight:800}.lead{color:var(--muted);max-width:780px;margin:0;font-size:clamp(15px,1.25vw,18px)}.gold-text{background:linear-gradient(180deg, #fff4c4, var(--gold) 45%, #b8741f);color:#0000;-webkit-background-clip:text;background-clip:text}.hud-label{font-family:var(--hud);letter-spacing:.06em;color:var(--dim);font-size:12px;font-weight:700}.mono{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.gold-link,.credit-line a{color:var(--gold);text-underline-offset:3px;text-decoration:underline}.credit-line{color:var(--dim);font-size:13px}.t-easy{color:var(--band-easy)}.t-medium{color:var(--band-medium)}.t-hard{color:var(--band-hard)}.hud{background:var(--panel);border-radius:4px;position:relative;box-shadow:0 24px 50px -28px #000000f2,inset 0 0 40px #00000073}.hud:after{content:"";pointer-events:none;z-index:2;border:10px solid #0000;border-image:var(--frame) 28 / 10px stretch;position:absolute;inset:-3px}.hud-head{border-bottom:1px solid var(--line-2);background:linear-gradient(#f6c4530f,#0000);justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.hud-head .h3{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;font-size:17px;display:flex}.hud-body{padding:22px}.section{margin-top:clamp(44px,6vw,88px)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.section-head .lead{margin-top:8px}.btn{min-height:48px;font-family:var(--hud);letter-spacing:.04em;color:#ffd76a;text-shadow:0 1px #000,0 0 8px #0009;transition:transform .2s var(--ease), filter .2s;white-space:nowrap;border:11px solid #0000;border-image:url(/art/ui/wc3_btn_red_normal.webp) 22 fill/11px;justify-content:center;align-items:center;gap:10px;padding:2px 14px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.btn svg{flex:none;width:18px;height:18px}.btn:hover{filter:brightness(1.12);color:#fff2b0;transform:translateY(-2px)}.btn:active{filter:brightness(.95);transform:translateY(0)scale(.98)}.btn-red{border-image-source:url(/art/ui/wc3_btn_red_normal.webp)}.btn-red:hover{border-image-source:url(/art/ui/wc3_btn_red_hover.webp)}.btn-ghost{border-image-source:url(/art/ui/wc3_btn_blue_normal.webp)}.btn-ghost:hover{border-image-source:url(/art/ui/wc3_btn_blue_hover.webp)}.btn-green{border-image-source:url(/art/ui/wc3_btn_green_normal.webp)}.btn-green:hover{border-image-source:url(/art/ui/wc3_btn_green_hover.webp)}.btn-twitch,.btn-discord{color:#fff;border:0;border-image:;border-radius:3px;padding:12px 24px;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 -3px #00000040,0 6px 18px -6px #0009}.btn-twitch{background:linear-gradient(180deg, #a970ff, var(--twitch))}.btn-discord{background:linear-gradient(180deg, #7983f5, var(--discord))}.btn-sm{border-width:9px;border-image-width:9px;min-height:36px;padding:0 8px;font-size:13px}.btn-lg{min-height:58px;padding:4px 20px;font-size:17px}.chip{font-family:var(--hud);letter-spacing:.02em;color:var(--muted);white-space:nowrap;background:linear-gradient(#1d1914,#0e0c09);border-radius:3px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #3a352d}.chip.gold{color:var(--gold);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #c58b2c99}.chip.accent{color:color-mix(in srgb, var(--accent) 80%, #fff);box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent)}.chip.live{color:#fff;background:var(--live)}.chip svg{width:14px;height:14px}.chip img{flex:none}.chip.diff-beginner{color:var(--band-easy)}.chip.diff-intermediate{color:var(--band-medium)}.chip.diff-advanced{color:var(--band-hard)}.seg{background:linear-gradient(#0b0907,#17130e);border-radius:3px;flex-wrap:wrap;gap:3px;padding:4px;display:inline-flex;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a443b,inset 0 3px 8px #000000b3}.seg button,.seg a{font-family:var(--hud);color:var(--muted);white-space:nowrap;border-radius:2px;padding:7px 12px;font-size:12.5px;font-weight:700;transition:all .2s}.seg button:hover,.seg a:hover{color:var(--text);background:#ffffff0d}.seg [aria-pressed=true],.seg [aria-current=page]{color:#ffe8a0;box-shadow:inset 0 0 0 1px var(--gold-2), 0 0 14px -4px #f6c45399;background:linear-gradient(#5b4417,#2c200a)}.field{align-items:center;display:flex;position:relative}.field svg{width:18px;height:18px;color:var(--dim);pointer-events:none;position:absolute;left:14px}.input{width:100%;color:var(--text);background:linear-gradient(#080706,#15120e);border:0;border-radius:3px;outline:none;padding:11px 14px 11px 42px;transition:box-shadow .2s;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a443b,inset 0 3px 8px #0009}.input:focus{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px var(--gold-2), 0 0 0 3px #f6c45326}.input::placeholder{color:var(--dim)}.select{appearance:none;color:var(--text);cursor:pointer;background:#110e0b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f6c453' stroke-width='1.6'/%3E%3C/svg%3E") right 14px center no-repeat;border:0;border-radius:3px;outline:none;padding:11px 38px 11px 14px;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a443b}.select option{background:var(--panel-solid)}[data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(26px)}[data-reveal].in{opacity:1;transform:none}.race-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000c);flex:none;display:inline-block}.race-chip{font-family:var(--hud);color:var(--r);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.gicon{object-fit:cover;background:#000;border-radius:3px;flex:none;box-shadow:0 0 0 1px #000,0 0 0 2px #5b554b,0 2px 6px #0009}.gicon.empty{background:#ffffff0a;display:inline-block}.hero-ic{display:inline-flex;position:relative}.hero-ic b{min-width:15px;height:15px;color:var(--gold);text-align:center;background:#000;border-radius:3px;padding:0 3px;font-size:10px;line-height:15px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 1px #5b554b}.league{font-family:var(--hud);color:var(--l);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.league img{filter:drop-shadow(0 2px 3px #000000b3);object-fit:contain}.league small{color:var(--muted)}.flag{object-fit:cover;border-radius:2px;flex:none;width:20px;height:14px;display:inline-block;box-shadow:0 0 0 1px #ffffff1f}.hero{min-height:calc(100vh - var(--top) - 80px);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(20px,4vw,60px);padding:clamp(10px,2vw,30px) 0 20px;display:grid;position:relative}.hero-copy{z-index:2;position:relative;container-type:inline-size}.hero-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#080604cc,#08060473 60%,#0000);position:absolute;inset:-8% -12% -10% -14%}.hero>*{min-width:0}.hero-title{font-family:var(--display);text-transform:uppercase;margin:18px 0 22px;font-size:min(clamp(46px,6.3vw,112px),12.5cqi);font-weight:900;line-height:.88}.hero-title .line{white-space:nowrap;padding-bottom:.05em;display:block;overflow:hidden}.hero-title .line>span{animation:rise 1.1s var(--ease) both;animation-delay:calc(var(--d,0) * .12s + .15s);display:inline-block}@keyframes rise{0%{opacity:0;transform:translateY(105%)rotate(3deg)}to{opacity:1;transform:none}}.hero-title .t-gold{background:linear-gradient(#fff7d0 0%,#ffd56a 30%,#e69b2a 55%,#9a5713 75%,#ffcf6b 100%);color:#0000;filter:drop-shadow(0 2px #3d2306)drop-shadow(0 3px #120a02)drop-shadow(0 10px 22px #0009);-webkit-background-clip:text;background-clip:text}.hero-title .t-steel{background:linear-gradient(#fff 0%,#dbe3ea 35%,#8a96a3 60%,#48525d 78%,#c9d2db 100%);color:#0000;filter:drop-shadow(0 2px #1b2026)drop-shadow(0 3px #06080a)drop-shadow(0 10px 22px #0009);-webkit-background-clip:text;background-clip:text}.hero-title .t-de{vertical-align:.64em;letter-spacing:.08em;color:var(--gold);text-shadow:0 2px #3d2306;margin-right:.28em;font-size:.4em;display:inline-block}.hero-sub{color:#cfc6b4;text-shadow:0 1px 3px #000000e6;max-width:580px;margin:0 0 30px;font-size:clamp(16px,1.35vw,20px)}.hero-sub b{color:var(--text);font-weight:600}.hero-ctas{flex-wrap:wrap;gap:10px;display:flex}.hero-stats{border-top:1px solid var(--line-2);flex-wrap:wrap;gap:26px;max-width:640px;margin-top:40px;padding-top:22px;display:flex}.hero-stats div{flex-direction:column;display:flex}.hero-stats strong{font-family:var(--display);color:var(--gold);text-shadow:0 2px #000;font-size:32px;line-height:1}.hero-stats span{font-family:var(--hud);color:#a8a090;margin-top:6px;font-size:13px;font-weight:700}.showcase{aspect-ratio:3/4.4;perspective:1200px;width:100%;max-width:520px;max-height:76vh;margin-left:auto;position:relative}.showcase-card{transform-style:preserve-3d;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .4s var(--ease);position:absolute;inset:0}.showcase-frame{box-shadow:0 40px 120px -30px color-mix(in srgb, var(--accent) 70%, transparent);background:#000;border-radius:6px;position:absolute;inset:0;overflow:hidden}.showcase-frame img{object-fit:cover;object-position:50% 15%;opacity:0;width:100%;height:100%;transition:opacity 1s var(--ease), transform 7s linear;position:absolute;inset:0;transform:scale(1.04)}.showcase-frame img.on{opacity:1;transform:scale(1.12)}.showcase-frame:after{content:"";background:linear-gradient(#0000 40%,#0605049e 68%,#060504f5),radial-gradient(120% 70% at 50% 0,#0000 55%,#06050480);position:absolute;inset:0}.showcase-border{pointer-events:none;border:16px solid #0000;border-image:var(--frame) 28 / 16px stretch;z-index:3;position:absolute;inset:-6px}.showcase-info{z-index:4;padding:30px 30px 28px;position:absolute;bottom:0;left:0;right:0;transform:translateZ(40px)}.showcase-info .pan{font-family:var(--hud);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:14px;font-weight:700;transition:color .8s;display:flex}.showcase-info h2{font-family:var(--display);text-transform:uppercase;text-shadow:0 4px #000,0 6px 30px #0009;margin:8px 0;font-size:clamp(34px,3.8vw,58px);font-weight:900;line-height:.95}.showcase-info p{color:#d8cfbd;margin:0;font-size:15px}.sc-heroes{gap:8px;margin-top:14px;display:flex}.sc-heroes img{width:42px;height:42px;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--accent), 0 4px 10px #0009;border-radius:3px;transition:box-shadow .8s}.showcase-info .focus{margin-top:14px}.showcase-glow{pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 45%, transparent), transparent);filter:blur(40px);z-index:-1;transition:background .8s;position:absolute;inset:10% -10% -6%}.race-pills{z-index:3;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex;position:relative}.race-pill{--p:var(--gold);font-family:var(--hud);color:var(--muted);background:linear-gradient(#1d1914,#0d0b08);border-radius:3px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #3a352d}.race-pill img{width:18px;height:auto}.race-pill:hover{color:var(--text);box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px var(--p)}.race-pill[aria-pressed=true]{color:#fff;box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px var(--p), 0 0 16px -4px var(--p);background:linear-gradient(180deg, color-mix(in srgb, var(--p) 35%, #1d1914), #0d0b08)}.ticker{background:var(--stone) center / 320px, linear-gradient(180deg, #1c1813, #0c0a07);margin:10px calc(-1*clamp(20px,3vw,42px)) 0;padding:20px 0;position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ticker:before,.ticker:after{content:"";background:linear-gradient(#2a251f,#8a8273 40%,#3a342c 60%,#0b0907);height:6px;position:absolute;left:0;right:0}.ticker:before{top:0}.ticker:after{bottom:0}.ticker-track{width:max-content;animation:70s linear infinite marquee;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-item{font-family:var(--hud);white-space:nowrap;color:var(--text);align-items:center;gap:12px;padding:0 24px;font-size:18px;font-weight:700;display:flex}.ticker-item img{width:34px;height:34px;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--p,var(--gold));border-radius:3px}.ticker-item small{font-family:var(--body);color:var(--dim);font-size:13px}.ticker-item:after{content:"✦";color:var(--gold);margin-left:24px;font-size:12px}@keyframes marquee{to{transform:translate(-50%)}}.live-grid{grid-template-columns:minmax(0,1fr) 340px;display:grid}.live-player{aspect-ratio:16/9;background:#000;position:relative}.live-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.live-chat{border-left:1px solid var(--line-2);min-height:100%;position:relative}.live-chat iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.live-poster{text-align:center;background:radial-gradient(60% 60% at 50% 40%,#9146ff40,#0000),url(/art/door.webp) 50%/cover;place-items:center;display:grid;position:absolute;inset:0}.live-poster:before{content:"";background:#06050499;position:absolute;inset:0}.live-poster>*{position:relative}.live-poster .play{background:var(--twitch);width:84px;height:84px;transition:transform .3s var(--ease);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid;box-shadow:0 0 0 10px #9146ff33,0 0 60px #9146ff99}.live-poster:hover .play{transform:scale(1.08)}.live-poster .play svg{width:34px;height:34px;margin-left:4px}.live-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.filters{gap:16px;padding:20px;display:grid}.filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filters-row .field{flex:240px}.racepicker{flex-wrap:wrap;gap:10px;display:flex}.race-toggle{--p:var(--gold);font-family:var(--hud);color:var(--muted);background:linear-gradient(#1d1914,#0d0b08);border-radius:4px;align-items:center;gap:10px;padding:8px 16px 8px 10px;font-size:15px;font-weight:700;transition:all .25s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #3a352d}.race-toggle img{filter:grayscale(.6)brightness(.75);width:30px;height:auto;transition:filter .25s}.race-toggle small{color:var(--dim);font-family:var(--body);font-size:12px}.race-toggle:hover img,.race-toggle[aria-pressed=true] img{filter:none}.race-toggle:hover{color:var(--text)}.race-toggle[aria-pressed=true]{color:#fff;box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px var(--p), 0 0 18px -4px var(--p)}.race-toggle[aria-pressed=true]:after{content:attr(data-n);background:var(--p);color:#000;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.active-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.video-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:22px;display:grid}.vcard{background:var(--panel);transition:transform .45s var(--ease), box-shadow .45s;text-align:left;border-radius:4px;flex-direction:column;width:100%;display:flex;position:relative;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #3a352d}.vcard:hover{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px var(--p,var(--gold)), 0 30px 60px -28px color-mix(in srgb, var(--p,var(--gold)) 70%, transparent);transform:translateY(-6px)}.vthumb{aspect-ratio:16/9;background:#000;border-radius:3px 3px 0 0;margin:2px 2px 0;position:relative;overflow:hidden}.vthumb>img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease), filter .5s;filter:brightness(.85)}.vcard:hover .vthumb>img{filter:brightness(.55);transform:scale(1.06)}.vthumb .dur{background:#000000d9;border-radius:2px;padding:2px 7px;font-size:12px;font-weight:600;position:absolute;bottom:10px;right:10px}.vthumb .new{position:absolute;top:10px;left:10px}.vthumb .playbtn{opacity:0;place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.vthumb .playbtn span{color:#000;width:66px;height:66px;transition:transform .5s var(--ease);background:#f6c453f2;border-radius:50%;place-items:center;display:grid;transform:scale(.7);box-shadow:0 0 40px #f6c45399}.vthumb .playbtn svg{width:26px;height:26px;margin-left:3px}.vcard:hover .playbtn{opacity:1}.vcard:hover .playbtn span{transform:scale(1)}.vs{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px 16px 6px;display:grid}.vs-side{align-items:center;gap:10px;min-width:0;display:flex}.vs-side.right{text-align:right;flex-direction:row-reverse}.vs-side .gods{gap:2px;display:flex}.vs-side .who{min-width:0}.vs-side .who b{font-family:var(--hud);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;display:block;overflow:hidden}.vs-side .who small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.vs-badge{font-family:var(--display);color:var(--gold);text-shadow:0 0 14px #f6c45399;font-size:15px;font-weight:900}.vtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:6px 16px 0;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.vmeta{color:var(--dim);gap:14px;margin-top:auto;padding:12px 16px 14px;font-size:12.5px;display:flex}.vmeta span{align-items:center;gap:5px;display:inline-flex}.vmeta svg{width:14px;height:14px}.modal{z-index:95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030302d9;place-items:center;padding:20px;animation:.3s both fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.modal-box{width:min(1200px,100%);animation:pop .45s var(--ease) both;padding:6px}@keyframes pop{0%{opacity:0;transform:translateY(20px)scale(.97)}}.modal-video{aspect-ratio:16/9;background:#000;position:relative}.modal-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.modal-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.icon-btn{border-radius:3px;flex:none;place-items:center;width:40px;height:40px;transition:all .2s;display:grid;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a443b}.icon-btn:hover{color:var(--gold);box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px var(--gold-2)}.icon-btn svg{width:18px;height:18px}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty .h3{color:var(--text);margin-bottom:8px}.pager{justify-content:center;margin-top:30px;display:flex}.phead{padding:clamp(10px,2vw,24px) 0 clamp(24px,3vw,40px);position:relative}.phead-art{pointer-events:none;z-index:-1;opacity:.5;width:min(40vw,480px);height:calc(100% + 80px);position:absolute;top:-40px;right:-2%;-webkit-mask:radial-gradient(closest-side,#000 35%,#0000);mask:radial-gradient(closest-side,#000 35%,#0000)}.phead-art img{object-fit:cover;object-position:50% 15%;width:100%;height:100%}.phead .lead{margin-top:4px}.phead-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.race-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.race-card{--p:var(--gold);aspect-ratio:3/4;isolation:isolate;transition:transform .45s var(--ease), box-shadow .45s;background:#000;border-radius:5px;position:relative;overflow:hidden}.race-card .art{object-fit:cover;object-position:50% 15%;filter:saturate(.9)brightness(.85);width:100%;height:100%;transition:transform .8s var(--ease), filter .6s;position:absolute;inset:0}.race-card:before{content:"";z-index:1;background:linear-gradient(#0000 40%,#060504f0);position:absolute;inset:0}.race-card:after{content:"";z-index:3;pointer-events:none;border:12px solid #0000;border-image:var(--frame) 28 / 12px stretch;position:absolute;inset:-3px}.race-card .rc-body{z-index:2;justify-items:start;gap:8px;padding:18px;display:grid;position:absolute;bottom:0;left:0;right:0}.race-card .rc-body>img{width:40px;height:auto}.race-card .rc-name{font-family:var(--display);text-transform:uppercase;text-shadow:0 3px #000;font-size:clamp(20px,2vw,28px);font-weight:900;line-height:1}.race-card .rc-heroes{gap:6px;display:flex}.race-card .rc-heroes img{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--p);border-radius:3px}.race-card .gc-count{z-index:4;position:absolute;top:14px;right:14px}.race-card .gc-bar{z-index:4;background:var(--p);width:0;height:3px;box-shadow:0 0 14px var(--p);transition:width .5s var(--ease);position:absolute;bottom:0;left:0}.race-card:hover{box-shadow:0 30px 60px -20px color-mix(in srgb, var(--p) 60%, transparent);transform:translateY(-6px)}.race-card:hover .art{filter:saturate(1.1)brightness();transform:scale(1.06)}.race-card:hover .gc-bar{width:100%}.pantheon-block{margin-top:38px}.pantheon-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--p);align-items:center;gap:12px;margin-bottom:16px;font-size:20px;font-weight:800;display:flex}.pantheon-title:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--p) 60%, transparent), transparent);flex:1;height:2px}.pantheon-title i{background:var(--p);width:10px;height:10px;box-shadow:0 0 12px var(--p);transform:rotate(45deg)}.godhero{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,44px);padding-bottom:30px;display:grid;position:relative}.godhero-portrait{aspect-ratio:3/4.6;box-shadow:0 30px 80px -30px var(--accent);border-radius:5px;position:relative;overflow:hidden}.godhero-portrait img{object-fit:cover;object-position:50% 15%;width:100%;height:100%;animation:14s ease-in-out infinite alternate slowzoom}@keyframes slowzoom{to{transform:scale(1.08)}}.godhero-portrait:after{content:"";border:14px solid #0000;border-image:var(--frame) 28 / 14px stretch;position:absolute;inset:-3px}.godhero h1{margin:6px 0 4px}.godhero .title{color:#d8cfbd;max-width:720px;margin:0 0 14px;font-size:clamp(15px,1.4vw,19px)}.godhero .meta{flex-wrap:wrap;gap:8px;display:flex}.hero-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:10px 22px;margin-top:22px;display:grid}.hero-line{grid-template-columns:48px 1fr;align-items:start;gap:12px;display:grid}.hero-line b{font-family:var(--hud);color:var(--gold);font-size:17px;font-weight:700}.hero-line p{color:var(--muted);margin:2px 0 0;font-size:13.5px;line-height:1.45}.god-switch{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.god-switch a{--p:var(--gold);border-radius:4px;padding:4px;transition:all .25s}.god-switch a img{filter:grayscale(.7)brightness(.7);transition:filter .25s, transform .25s var(--ease)}.god-switch a:hover img,.god-switch a[aria-current=page] img{filter:none;transform:translateY(-2px)}.god-switch a[aria-current=page]{box-shadow:inset 0 0 0 2px var(--p), 0 0 14px -4px var(--p)}.bo-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px;display:grid}.bo-card{transition:transform .4s var(--ease);flex-direction:column;gap:10px;padding:22px;display:flex;position:relative;overflow:hidden}.bo-card:before{content:"";background:radial-gradient(420px 170px at 85% 0%, color-mix(in srgb, var(--p) 20%, transparent), transparent 70%);opacity:.6;transition:opacity .4s;position:absolute;inset:0}.bo-card:hover{transform:translateY(-4px)}.bo-card:hover:before{opacity:1}.bo-card>*{position:relative}.bo-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.bo-heroes{gap:6px;display:flex}.bo-vs{font-family:var(--hud);color:var(--dim);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.bo-vs img{width:22px;height:auto}.bo-card h3{font-family:var(--display);margin:4px 0 0;font-size:19px;line-height:1.2}.bo-card .sum{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.bo-card .by{color:var(--dim);margin-top:auto;font-size:13px}.bo-card .by b{color:var(--text);font-weight:600}.bo-card .tags{flex-wrap:wrap;gap:6px;display:flex}.bo-card .go{color:var(--dim);transition:transform .3s,color .3s;position:absolute;bottom:18px;right:18px}.bo-card:hover .go{color:var(--gold);transform:translate(4px)}.bo-card .go svg{width:20px;height:20px}.bo-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:26px;display:grid}.bo-side{top:calc(var(--top) + 20px);gap:16px;display:grid;position:sticky}.bo-steps-list{gap:6px;display:grid}.bo-head,.bo-step{grid-template-columns:34px 46px 44px minmax(0,1fr) 28px;align-items:center;gap:12px;display:grid}.bo-head.timed,.bo-step.timed{grid-template-columns:34px 52px 46px 44px minmax(0,1fr) 28px}.bo-head{font-family:var(--hud);color:var(--dim);padding:0 14px;font-size:13px;font-weight:700}.bo-head span:last-child{grid-column:-3/-2}.bo-step{text-align:left;background:#0e0c09c7;border-radius:3px;width:100%;padding:10px 14px;transition:background .2s,opacity .3s,box-shadow .2s;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #2f2a23}.bo-step:hover{background:#1c1813e6;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a443b}.bo-step .n{font-family:var(--display);color:var(--dim);text-align:center;font-weight:800}.bo-step .t{color:var(--accent);font-weight:700}.bo-step .f{font-family:var(--hud);color:var(--gold);text-align:center;font-size:17px;font-weight:700}.bo-step .txt{font-size:15.5px;line-height:1.45}.bo-step .tick{color:#0000;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;box-shadow:inset 0 0 0 2px #3a352d}.bo-step .tick svg{width:14px;height:14px}.bo-step.done{opacity:.45}.bo-step.done .txt{-webkit-text-decoration:line-through #ffffff4d;text-decoration:line-through #ffffff4d}.bo-step.done .tick{background:var(--win);color:#000;box-shadow:none}.bo-step.current{background:color-mix(in srgb, var(--accent) 12%, #0e0c09e6);box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px var(--gold-2), 0 10px 30px -14px var(--gold)}.progress{background:#0b0907;border-radius:4px;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #3a352d}.progress i{background:linear-gradient(90deg, var(--gold-2), var(--gold));height:100%;transition:width .4s var(--ease);box-shadow:0 0 10px var(--gold);display:block}.credit{color:var(--muted);gap:10px;font-size:14px;display:grid}.credit b{color:var(--text)}.credit a{color:var(--gold);text-underline-offset:3px;text-decoration:underline}.kbd{color:var(--text);border-radius:3px;padding:2px 6px;font-size:11px;box-shadow:inset 0 0 0 1px #4a443b,inset 0 -2px #4a443b}.side-link{transition:transform .25s var(--ease);grid-template-columns:22px 1fr 18px;align-items:center;gap:12px;display:grid}.side-link:hover{transform:translate(3px)}.side-link>svg{width:20px;height:20px;color:var(--gold)}.side-link b{font-weight:600;display:block}.prose-sm{gap:8px;display:grid}.prose-sm p{color:#d6cdbb;margin:0}.prose-sm a{color:var(--gold);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.route-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:16px;display:grid}.route-card{transition:transform .35s var(--ease);grid-template-columns:96px minmax(0,1fr);align-items:start;gap:16px;padding:18px;display:grid}.route-card:hover{transform:translateY(-3px)}.rc-map img{image-rendering:auto;border-radius:3px;width:96px;height:96px;box-shadow:0 0 0 1px #000,0 0 0 3px #4a443b}.rc-info h3{font-family:var(--display);margin:2px 0 6px;font-size:18px;line-height:1.2}.rc-info p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13.5px;display:-webkit-box;overflow:hidden}.rc-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.route-card .go{color:var(--dim);position:absolute;top:16px;right:16px}.route-card .go svg{width:18px;height:18px}.route-layout{grid-template-columns:minmax(300px,460px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.route-map-col{top:calc(var(--top) + 20px);gap:14px;display:grid;position:sticky}.minimap-frame{background:#000 padding-box padding-box;border:22px solid #0000;border-image:url(/art/ui/minimap-frame.webp) 70/22px;padding:18px;position:relative}.minimap{aspect-ratio:1;background:#000;position:relative}.minimap>img{image-rendering:auto;filter:saturate(.9)brightness(.85);width:100%;height:100%;position:absolute;inset:0}.minimap svg{width:100%;height:100%;position:absolute;inset:0}.route-line{fill:none;stroke:#fff;stroke-width:.7px;stroke-dasharray:2 1.4;stroke-linejoin:round;opacity:.85;filter:drop-shadow(0 0 1px #000)}.mk{position:absolute;translate:-50% -50%}.mk.camp{background:var(--c);cursor:pointer;border-radius:50%;width:12px;height:12px;font-size:0;transition:transform .2s;box-shadow:0 0 0 2px #000c}.mk.camp.band-easy{--c:var(--band-easy)}.mk.camp.band-medium{--c:var(--band-medium)}.mk.camp.band-hard{--c:var(--band-hard)}.mk.camp.on-route{width:24px;height:24px;font-family:var(--display);color:#000;box-shadow:0 0 0 2px #fff, 0 0 12px var(--c);z-index:2;place-items:center;font-size:12px;font-weight:900;display:grid}.mk.camp:hover,.mk.camp.sel{z-index:3;transform:scale(1.35)}.mk.camp.sel{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--gold), 0 0 16px var(--gold)}.mk.mine{filter:drop-shadow(0 0 2px #000);background:url(/art/res-gold.webp) 50%/contain no-repeat;width:12px;height:12px}.mk.start{width:16px;height:16px}.mk.start:before,.mk.start:after{content:"";background:#ff3b3b;width:18px;height:3px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg;box-shadow:0 0 0 1px #000}.mk.start:after{rotate:-45deg}.mk.shop{background:#8ecbff;width:6px;height:6px;transform:rotate(45deg);box-shadow:0 0 0 1px #000}.map-legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:12.5px;display:flex}.map-legend span{align-items:center;gap:6px;display:inline-flex}.lg{border-radius:50%;width:10px;height:10px;display:inline-block}.lg.band-easy{background:var(--band-easy)}.lg.band-medium{background:var(--band-medium)}.lg.band-hard{background:var(--band-hard)}.lg.mine{background:url(/art/res-gold.webp) 50%/contain no-repeat;border-radius:0}.lg.start{background:#ff3b3b;border-radius:1px}.camp-detail{gap:12px;display:grid}.camp-detail>.row-between b{font-family:var(--hud);color:var(--gold);font-size:18px;font-weight:700}.camp-creeps{gap:6px;display:grid}.cc{grid-template-columns:30px 1fr auto;align-items:center;gap:10px;font-size:14px;display:grid}.cc small{color:var(--dim)}.camp-drop{gap:6px;display:grid}.drop-items{flex-wrap:wrap;gap:6px;display:flex}.band{font-family:var(--hud);white-space:nowrap;border-radius:3px;padding:2px 8px;font-size:13px;font-weight:700}.band-easy{color:var(--band-easy);background:#4ade801a}.band-medium{color:var(--band-medium);background:#facc151a}.band-hard{color:var(--band-hard);background:#f43f3f1f}.stops{gap:10px;margin:0;padding:0;list-style:none;display:grid}.stop{--b:var(--dim);box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px #2f2a23, inset 3px 0 0 0 var(--b);background:#0e0c09cc;border-radius:3px;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:14px 16px;transition:box-shadow .2s,background .2s;display:grid}.stop.on{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px #5b554b, inset 3px 0 0 0 var(--b);background:#1c1813eb}.stop .num{background:var(--b);color:#000;width:34px;height:34px;font-family:var(--display);border-radius:50%;place-items:center;font-weight:900;display:grid;box-shadow:0 0 0 2px #fff}.stop-body{gap:8px;min-width:0;display:grid}.stop-top{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.stop-top b{font-family:var(--hud);font-size:18px;font-weight:700}.xp{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px}.xp.up{color:var(--gold);font-weight:700}.xp small{color:var(--dim);font-weight:400}.stop-creeps,.stop-units{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.stop-units .unit{color:var(--muted);align-items:center;gap:4px;font-size:13px;display:inline-flex;position:relative}.stop .note{color:#d6cdbb;margin:0;font-size:14.5px}.stop .cond{color:var(--band-medium);gap:8px;margin:0;font-size:13.5px;display:flex}.stop .cond svg{flex:none;width:16px;height:16px;margin-top:2px}.stop.split{background:#0e0c098c;display:block}.arms{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:10px;display:grid}.arm-label{font-family:var(--hud);color:var(--gold);margin-bottom:8px;font-weight:700;display:block}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;display:grid}.gcard{background:var(--panel);transition:transform .4s var(--ease), box-shadow .4s;border-radius:4px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #3a352d}.gcard:hover{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px var(--p), 0 26px 50px -26px color-mix(in srgb, var(--p) 60%, transparent);transform:translateY(-5px)}.gcard .img{aspect-ratio:16/9;background:#000;margin:2px 2px 0;position:relative;overflow:hidden}.gcard .img img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.gcard:hover .img img{transform:scale(1.05)}.gcard .img .chip{position:absolute;top:10px;left:10px}.gcard .body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.gcard h3{font-family:var(--display);margin:0;font-size:18px;line-height:1.25}.gcard p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.gcard .date{color:var(--dim);margin-top:auto;font-size:12.5px}.lb-tools{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.lb-tools .field{flex:240px;max-width:420px}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;margin-bottom:22px;display:grid}.podium-card{text-align:center;transition:transform .4s var(--ease);justify-items:center;gap:4px;padding:24px 20px 20px;display:grid;position:relative;overflow:hidden}.podium-card:hover{transform:translateY(-4px)}.podium-card.p1{--c:#ffd76a;order:2;padding-top:34px}.podium-card.p2{--c:#d7e3f4;order:1}.podium-card.p3{--c:#e8a46a;order:3}.podium-card .place{font-family:var(--display);color:var(--c);text-shadow:0 0 30px var(--c);font-size:52px;font-weight:900;line-height:1}.podium-card .podium-race{width:40px;height:auto}.podium-card .who{font-family:var(--hud);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.podium-card .elo{font-family:var(--display);font-size:28px;font-weight:800}.podium-card .elo small{color:var(--dim);font-size:13px}.podium-card .sub{color:var(--muted);font-size:13px}.podium-card:before{content:"";background:radial-gradient(70% 100% at 50% 100%, color-mix(in srgb, var(--r) 30%, transparent), transparent);pointer-events:none;height:60%;position:absolute;inset:auto 0 0}.table-wrap{padding:6px;overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:14.5px}.table th{font-family:var(--hud);color:var(--dim);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px;font-size:13px;font-weight:400}.table td{border-bottom:1px solid var(--line-2);white-space:nowrap;padding:10px 14px}.table tbody tr:hover{background:#f6c4530a}.table .num{text-align:right}.table .rank{font-family:var(--display);width:80px;color:var(--gold);font-size:16px;font-weight:800}.table .rank small{font-family:var(--body);color:var(--dim);font-size:11px;font-weight:400;display:block}.player-cell{align-items:center;gap:10px;display:flex}.player-cell a{font-weight:600}.player-cell a:hover{color:var(--gold)}.player-cell .clan{color:var(--dim);font-size:12.5px}.player-cell .tw{color:var(--twitch);display:inline-flex}.player-cell .tw svg{width:15px;height:15px}.wr{justify-content:flex-end;align-items:center;gap:8px;display:flex}.wr .bar{background:#ff6b5e59;border-radius:3px;width:64px;height:6px;overflow:hidden}.wr .bar.share{background:#ffffff12}.wr .bar i{background:var(--win);height:100%;display:block}.wr .bar.share i{background:var(--gold)}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a) 0 0/200% 100%;border-radius:3px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.player-head{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.player-head .crest{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 30%, transparent), #0b0907 70%);width:96px;height:96px;box-shadow:inset 0 0 0 1px #000, inset 0 0 0 3px #5b554b, 0 0 40px -6px var(--accent);border-radius:6px;flex:none;place-items:center;display:grid}.mode-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.mode-card{gap:8px;padding:20px;display:grid}.mode-card .elo{font-family:var(--display);color:var(--r);font-size:34px;font-weight:800;line-height:1}.mode-card .elo small{color:var(--dim);font-size:13px}.mode-card .row{color:var(--muted);justify-content:space-between;font-size:13.5px;display:flex}.mode-card .row b{color:var(--text)}svg.spark{width:100%;height:140px;display:block}.spark .area{fill:url(#sparkfill)}.spark .line{fill:none;stroke:var(--c);stroke-width:2px;vector-effect:non-scaling-stroke}.godstat{gap:10px;display:grid}.godstat-row{grid-template-columns:26px 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.godstat-row .bar{background:#ffffff0f;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.godstat-row .bar i{background:var(--p);height:100%;display:block}.rp-filters{gap:12px;margin-bottom:18px;padding:18px;display:grid}.rp-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rp-row .field{flex:220px;max-width:380px}.rp-count{margin:0 0 12px;font-size:14px}.rp-count b{color:var(--text)}.rp-list{gap:10px;display:grid}.replay{background:#0e0c09d1;border-radius:3px;grid-template-columns:200px 1fr auto;align-items:center;gap:18px;padding:14px 18px;transition:box-shadow .25s;display:grid;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #2f2a23}.replay:hover{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #5b554b}.replay.win{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px #2f2a23, inset 4px 0 0 0 var(--win)}.replay.loss{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px #2f2a23, inset 4px 0 0 0 var(--loss)}.rp-head{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.rp-head strong{font-family:var(--hud);color:var(--gold);font-size:17px;font-weight:700}.rp-head .mono{align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.rp-head svg{width:14px;height:14px}.rp-head .dim{color:var(--dim)}.rp-teams{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.rp-team-wrap{align-items:center;gap:14px;min-width:0;display:flex}.rp-team{gap:6px;min-width:0;display:grid}.rp-vs{font-family:var(--hud);color:var(--dim);font-size:13px;font-weight:700}.rp-player{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;font-size:14px;display:flex}.rp-player a{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:600;overflow:hidden}.rp-player a:hover{color:var(--gold)}.rp-player small{color:var(--muted);font-size:12px}.rp-player small .up{color:var(--win)}.rp-player small .down{color:var(--loss)}.rp-player.win a{color:var(--gold-3)}.rp-player.loss a{color:var(--muted)}.rp-player .crown{width:15px;height:15px;color:var(--gold);flex:none}.rp-heroes{gap:6px;margin-left:4px;display:inline-flex}.rp-side{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.rp-side .link{font-size:12px}.meta-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.matrix-wrap{margin-top:14px;overflow:auto}.matrix{border-collapse:collapse;margin:0 auto}.matrix th,.matrix td{text-align:center;padding:0}.matrix th{padding:6px}.matrix th img{width:30px;height:auto;margin:0 auto}.matrix td{color:#fff;border:2px solid #0a0907;width:96px;height:64px;font-size:16px;font-weight:700}.matrix td small{color:#fff9;font-size:11px;font-weight:400;display:block}.matrix td.na{color:var(--dim);background:#ffffff08;font-size:12px;font-weight:400}.tier-row{background:#0e0c0999;border-radius:3px;grid-template-columns:22px 30px minmax(120px,1fr) minmax(80px,1.4fr) 64px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:grid;box-shadow:inset 0 0 0 1px #2f2a23}.tier-row .pos{font-family:var(--display);color:var(--gold);font-weight:800}.tier-row .name b{color:var(--p);font-family:var(--hud);font-size:16px;font-weight:700;display:block}.tier-row .name small{color:var(--dim);font-size:12px}.tier-row .wrbar{background:#ffffff0f;border-radius:4px;height:8px;position:relative;overflow:hidden}.tier-row .wrbar i{background:var(--win);position:absolute;top:0;bottom:0;left:50%}.tier-row .wrbar i.neg{background:var(--loss)}.tier-row .wrbar:after{content:"";background:#fff6;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.news-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:22px;display:grid}.ncard{background:var(--panel);transition:transform .45s var(--ease), box-shadow .45s;border-radius:4px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #3a352d}.ncard:hover{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px var(--gold-2), 0 30px 60px -30px #f6c45373;transform:translateY(-6px)}.ncard .img{aspect-ratio:16/9;background:#000;margin:2px 2px 0;position:relative;overflow:hidden}.ncard .img img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}.ncard:hover .img img{transform:scale(1.05)}.ncard .img .chip{position:absolute;top:12px;left:12px}.ncard .body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.ncard h3{font-family:var(--display);margin:0;font-size:19px;line-height:1.25}.ncard p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14.5px;display:-webkit-box;overflow:hidden}.ncard .date{color:var(--dim);margin-top:auto;font-size:12.5px}.ncard.featured{flex-direction:row;grid-column:1/-1;min-height:380px}.ncard.featured .img{aspect-ratio:auto;flex:1.4;margin:2px 0 2px 2px}.ncard.featured .body{flex:1;justify-content:center;padding:clamp(22px,3vw,40px)}.ncard.featured h3{font-size:clamp(24px,2.6vw,36px)}.ncard.featured p{-webkit-line-clamp:5;font-size:16px}.article{max-width:880px;margin:0 auto}.article-cover{aspect-ratio:21/9;border-radius:4px;margin:0 0 30px;position:relative;overflow:hidden}.article-cover:after{content:"";border:12px solid #0000;border-image:var(--frame) 28 / 12px stretch;pointer-events:none;position:absolute;inset:-3px}.article-cover img{object-fit:cover;width:100%;height:100%}.notice{color:var(--muted);align-items:start;gap:12px;margin-bottom:28px;padding:16px 18px;font-size:14px;display:flex}.notice svg{width:20px;height:20px;color:var(--gold);flex:none;margin-top:1px}.notice a{color:var(--gold);text-underline-offset:3px;text-decoration:underline}.notice b{color:var(--text)}.prose{color:#ddd3c0;font-size:17px;line-height:1.75}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5{font-family:var(--display);color:var(--text);letter-spacing:.02em;margin:1.8em 0 .6em;line-height:1.25}.prose h2{font-size:28px}.prose h3{color:var(--gold);font-size:23px}.prose h4{font-size:19px;font-family:var(--hud);color:var(--gold);font-weight:700}.prose p{margin:0 0 1.1em}.prose a{color:var(--gold);text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.4em}.prose li{margin:.3em 0}.prose li::marker{color:var(--gold)}.prose strong{color:var(--text)}.prose img{border-radius:3px;height:auto;margin:1.4em auto;box-shadow:0 0 0 1px #000,0 0 0 3px #3a352d}.prose figure{margin:1.6em 0}.prose figcaption{color:var(--dim);text-align:center;margin-top:8px;font-size:13px}.prose blockquote{border-left:3px solid var(--gold);background:#f6c4530f;margin:1.4em 0;padding:14px 20px}.prose hr{background:url(/art/ui/war3_divider_horizontal_center.webp) 50%/auto 14px no-repeat;border:0;height:14px;margin:2.4em 0}.prose table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:15px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line-2);padding:8px 12px}.prose [data-youtube]{aspect-ratio:16/9;background:#000;margin:1.6em 0;position:relative}.prose [data-youtube] iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.mod-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:24px;display:grid}.mod-card{background:var(--panel);transition:transform .45s var(--ease), box-shadow .45s;border-radius:4px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #3a352d}.mod-card:hover{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px var(--gold-2), 0 30px 60px -30px #f6c45366;transform:translateY(-4px)}.mod-card .img{aspect-ratio:16/9;background:#000;margin:2px 2px 0;display:block;position:relative;overflow:hidden}.mod-card .img img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}.mod-card:hover .img img{transform:scale(1.05)}.mod-card .img:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#060504cc);position:absolute;inset:0}.mod-card .tags{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px}.mod-card .body{flex-direction:column;flex:1;gap:12px;padding:18px 20px 20px;display:flex}.mod-card h2{font-family:var(--display);margin:0;font-size:21px;line-height:1.25}.mod-card .by{color:var(--muted);margin:4px 0 0;font-size:14px}.mod-card .by b{color:var(--gold);font-weight:600}.mod-card .meta{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.mod-card .meta li{align-items:center;gap:6px;display:inline-flex}.mod-card .meta svg{width:15px;height:15px;color:var(--gold);flex:none}.mod-card .blurb{margin:0;font-size:15px}.mod-card .points{color:var(--muted);gap:5px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.mod-card .points li{padding-left:18px;position:relative}.mod-card .points li:before{content:"";background:var(--gold);opacity:.8;width:6px;height:6px;position:absolute;top:.55em;left:2px;rotate:45deg}.mod-card .note{color:var(--muted);border-left:2px solid var(--gold-2);background:#f6c4530f;gap:8px;margin:0;padding:10px 12px;font-size:13.5px;display:flex}.mod-card .note svg{width:16px;height:16px;color:var(--gold);flex:none;margin-top:2px}.mod-card .actions{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:4px;display:flex}.mod-card .actions .id{color:var(--dim);font-size:12px}.mod-foot{text-align:center;margin:32px 0 0}.mod-foot a{color:var(--gold);text-underline-offset:3px;text-decoration:underline}.home-grid{grid-template-columns:repeat(12,1fr);gap:22px;display:grid}.feature-tile{isolation:isolate;min-height:300px;transition:transform .5s var(--ease);flex-direction:column;justify-content:end;gap:10px;padding:28px;display:flex;position:relative}.feature-tile:hover{transform:translateY(-5px)}.feature-tile .bg{z-index:-1;border-radius:4px;position:absolute;inset:0;overflow:hidden}.feature-tile .bg img{object-fit:cover;object-position:50% 20%;opacity:.55;width:100%;height:100%;transition:transform 1s var(--ease), opacity .5s}.feature-tile:hover .bg img{opacity:.72;transform:scale(1.06)}.feature-tile .bg:after{content:"";background:linear-gradient(#0605041a,#060504f0 80%);position:absolute;inset:0}.feature-tile .k{font-family:var(--hud);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:14px;font-weight:700}.feature-tile h3{font-family:var(--display);text-transform:uppercase;margin:4px 0 6px;font-size:clamp(24px,2.4vw,34px);line-height:1.05}.feature-tile p{color:var(--muted);max-width:460px;margin:0}.feature-tile .arrow{width:46px;height:46px;transition:all .35s var(--ease);background:#0006;border-radius:3px;place-items:center;display:grid;position:absolute;top:22px;right:22px;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #5b554b}.feature-tile:hover .arrow{background:var(--gold);color:#000;transform:rotate(-45deg)}.feature-tile .arrow svg{width:20px;height:20px}.mosaic{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.mosaic-race{box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px color-mix(in srgb, var(--p) 55%, transparent);font-family:var(--hud);background:#00000073;border-radius:3px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-weight:700;display:inline-flex}.mosaic-race b{color:var(--gold);font-weight:400}.meta-mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:10px;display:grid}.meta-mini>div{align-items:center;gap:10px;display:flex}.meta-mini b{font-family:var(--hud);color:var(--p);font-weight:700}.meta-mini .mono{margin-left:auto;font-weight:700}.mini-lb{gap:4px;display:grid}.mini-lb a{background:#0000004d;border-radius:3px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:8px 12px;font-size:14px;transition:all .2s;display:grid}.mini-lb a:hover{background:#f6c45312}.mini-lb .r{font-family:var(--display);color:var(--gold);font-weight:800}.mini-lb .n{align-items:center;gap:8px;min-width:0;font-weight:600;display:flex}.mini-lb .n span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-lb .e{color:var(--gold-3);font-weight:700}.community{grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:clamp(28px,5vw,64px);display:grid;position:relative;overflow:hidden}.community:before{content:"";opacity:.28;z-index:-1;background:url(/races/orc-tft.webp) right 22%/48% no-repeat;border-radius:4px;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#0000 30%,#000);mask:linear-gradient(90deg,#0000 30%,#000)}.community .ctas{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.stack{gap:14px;display:grid}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.link{color:var(--gold);font-family:var(--hud);letter-spacing:.04em;align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.link svg{width:16px;height:16px;transition:transform .3s}.link:hover svg{transform:translate(4px)}.err{color:#fecaca;background:#ff6b5e14;border-radius:3px;padding:16px;box-shadow:inset 0 0 0 1px #ff6b5e66}.nf{text-align:center;place-items:center;min-height:70vh;display:grid}.nf .code{font-family:var(--display);font-size:clamp(110px,22vw,280px);font-weight:900;line-height:.8}@media (max-width:1200px){.bo-layout{grid-template-columns:minmax(0,1fr)}.bo-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));position:static}.meta-grid,.live-grid{grid-template-columns:minmax(0,1fr)}.live-chat{display:none}.route-layout{grid-template-columns:minmax(0,1fr)}.route-map-col{max-width:520px;position:static}.race-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.hero{grid-template-columns:1fr;min-height:0}.showcase{max-height:none;margin:0 auto}.race-pills{justify-content:center}.resbar .res.opt{display:none}.community{grid-template-columns:1fr}.community .ctas{justify-content:flex-start}.ncard.featured{flex-direction:column}.ncard.featured .img{aspect-ratio:16/9;margin:2px 2px 0}.replay{grid-template-columns:minmax(0,1fr);gap:12px}.rp-teams,.rp-team-wrap{flex-direction:column;align-items:flex-start;gap:8px}.rp-head{flex-flow:wrap;align-items:center;gap:10px}.rp-side{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width:820px){:root{--rail:0px;--top:58px}.rail{display:none}.topbar:after{left:0}.topbar-brand{display:flex}.crumb{display:none}.tabbar{scrollbar-width:none;z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#0a0907f5;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -6px 0 -3px #4a443b}.tabbar::-webkit-scrollbar{display:none}.tabbar a{min-width:70px;color:var(--muted);font-family:var(--hud);white-space:nowrap;flex-direction:column;flex:none;align-items:center;gap:3px;padding:6px;font-size:11px;font-weight:700;display:flex}.tabbar a svg{width:22px;height:22px}.tabbar a[aria-current=page]{color:var(--gold)}.footer{padding-bottom:100px}.grid-2,.godhero{grid-template-columns:1fr}.godhero-portrait{max-width:240px}.podium{grid-template-columns:1fr}.podium-card.p1,.podium-card.p2,.podium-card.p3{order:0}.resbar .res small{display:none}.home-grid>*{grid-column:1/-1!important}.bo-head{display:none}.bo-step,.bo-step.timed{grid-template-columns:30px 40px 38px minmax(0,1fr)}.bo-step.timed .t,.bo-step .tick{display:none}.matrix td{width:72px;height:54px;font-size:14px}.phead-art{opacity:.3}}@media (max-width:520px){.resbar .res:not(.keep):not(:nth-child(3)){display:none}.vs{text-align:center;grid-template-columns:1fr}.vs-side,.vs-side.right{text-align:left;flex-direction:row;justify-content:center}.hero-title{font-size:min(clamp(42px,13vw,72px),12.5cqi)}.btn-lg{padding:12px 18px;font-size:15px}.hero-ctas .btn{flex:auto}.hero-stats{gap:18px}.hero-stats strong{font-size:24px}.h1{font-size:clamp(30px,9vw,44px)}.race-grid{gap:10px}.route-card{grid-template-columns:70px minmax(0,1fr)}.rc-map img{width:70px;height:70px}.meta-mini{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}.guides-tabs{margin-bottom:14px}.guides-tabs a{align-items:center;gap:7px;display:inline-flex}.guides-tabs svg{width:15px;height:15px}.guides-tabs small{font-family:var(--body,inherit);opacity:.65;font-size:11px;font-weight:600}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hub-card{aspect-ratio:4/5}.hub-card .rc-body p{color:var(--muted);max-width:34ch;margin:0;font-size:14px;line-height:1.5}.hub-card .hub-ico{width:44px;height:44px;color:var(--p);box-shadow:inset 0 0 0 1px #000, inset 0 0 0 2px color-mix(in srgb, var(--p) 70%, #000);background:#0009;border-radius:4px;place-items:center;display:grid}.hub-card .hub-ico svg{width:22px;height:22px}@media (max-width:860px){.hub-grid{grid-template-columns:1fr}.hub-card{aspect-ratio:16/9}}
