/* RIVAL / v0.3 — graphite, sharp type and game-led atmosphere. */
:root{--bg:#0a0c0f;--panel:#14171c;--panel2:#1b1f25;--line:#2a2e36;--muted:#a1a8b5;--text:#f5f7fa;--lime:#c5ff56;--accent:var(--lime);font-size:14px;background:var(--bg);color:var(--text)}
body{background:radial-gradient(ellipse at 100% 0,#242c1a30,transparent 50%),var(--bg);--accent-soft:#c5ff5610;--accent-line:#c5ff5655}body[data-game=dota2]{--accent:#ff956c;--accent-soft:#ff956c12;--accent-line:#ff956c55;background:radial-gradient(ellipse at 90% 0,#47211b35,transparent 50%),var(--bg)}
::selection{background:var(--accent);color:#111}button,a,input,select{touch-action:manipulation}button,a{transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.5}svg{width:20px;height:20px}.muted{color:var(--muted)}
.sidebar{width:208px;padding:29px 17px 20px;background:#101216;border-color:#25282e}.brand{font-size:30px;letter-spacing:-1.3px;margin:0 11px 53px;gap:13px}.brand-icon{color:var(--lime);filter:drop-shadow(0 0 14px #c5ff5625)}.brand small{font-size:9px;letter-spacing:2.7px;color:#979fae}.nav-caption{font-size:10px;letter-spacing:2px;color:#8a92a0;margin-bottom:17px}.nav-link{min-height:51px;padding:14px 15px;border:1px solid transparent;border-radius:9px;color:#a9afbb;font-size:13px;gap:12px;margin-bottom:8px}.nav-link svg{color:#969fad;width:20px;height:20px}.nav-link:hover{background:#20242b;color:white}.nav-link.active{background:var(--lime);color:#10150b;border-color:var(--lime);box-shadow:0 7px 28px #b7ff3612}.nav-link.active svg{color:#192510}.nav-arrow{font-size:23px}.soon-dot{background:#747b87}.manifesto{border-color:#2a2e36;padding:23px 13px}.manifesto p{font-size:15px;color:#a2a9b6}.manifesto strong{color:#f5f7fa}.manifesto .tiny{font-size:9px;line-height:1.9;color:#9098a6}.small-cross{font-size:33px}.steam-login{background:#1b1f26;border:1px solid #353b45;border-radius:9px;padding:14px 10px;gap:9px;font-size:11px;min-height:62px}.steam-login:hover{background:#262d35;border-color:#87936c}.steam-login small{color:#a2a9b6;font-size:9px;line-height:1.6}.sidebar-footer{color:#929aa9;font-size:10px}.app-shell{margin-left:208px}.topbar{height:88px;padding:0 32px;border-color:#272b32;background:#0c0f13d9;backdrop-filter:blur(18px);gap:15px}.breadcrumb{color:#8993a3;font-size:12px}.breadcrumb span:last-child{color:#d2d7e0}.game-switch{background:#15181e;border:1px solid #323740;border-radius:10px;padding:5px;gap:5px}.game-switch button{min-width:124px;min-height:44px;padding:10px 20px;color:#929ba9;font-size:13px;letter-spacing:.3px;border-radius:6px}.game-switch button:hover{color:white;background:#252a32}.game-switch button.selected{background:#c5ff56;color:#17200e;box-shadow:0 2px 16px #c5ff5618}.game-switch button[data-game=dota2].selected{background:#f9855e;color:#24100a}.topbar-right{gap:18px}.demo-badge{font-size:10px;letter-spacing:1.4px;color:#a8b0bd}.demo-badge i{background:#a3aab5}.balance-button{background:#1b2027;border-color:#343b46;border-radius:8px;padding:10px 12px;min-height:44px;font-size:13px}.balance-button:hover{border-color:#697657}.balance-plus{background:#35412b;color:var(--lime);border-radius:4px}.balance-button svg{color:var(--lime)}
main{max-width:1620px;padding:30px 32px 20px;min-height:calc(100vh - 150px)}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:2px;line-height:1.5}.eyebrow .line{background:var(--accent)}
.hero{height:400px;border:1px solid #343a40;border-radius:16px;background:#15191e;margin-bottom:34px;isolation:isolate}.hero:before{background:linear-gradient(90deg,#101419 0%,#11161be8 32%,#14191e85 65%,#10141960),url('./assets/cs2-dust2.jpg') center 44%/cover;filter:saturate(.4);z-index:-2}.hero:after{background:linear-gradient(0deg,#0c10179c,transparent 40%);box-shadow:inset 0 0 80px #0003;z-index:1}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#aab6c508 1px,transparent 1px),linear-gradient(90deg,#aab6c508 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.hero-orbit{position:absolute;width:450px;height:450px;right:5%;top:-16%;border:1px solid #ffbf601f;border-radius:50%;box-shadow:0 0 0 42px #ffa64c07,0 0 0 84px #ff9b4105;background:radial-gradient(circle,#ffac4e37 0,#dc6a1b0c 58%,transparent 68%);z-index:-1}.hero-copy{padding:32px 36px;z-index:4;max-width:660px;pointer-events:none}.hero-copy button{pointer-events:auto}.hero .eyebrow{font-size:10px;letter-spacing:2.4px;color:#d7e2c8;gap:9px}.hero-live-mark{height:7px;width:7px;background:var(--accent);box-shadow:0 0 16px var(--accent-line);transform:rotate(45deg)}.hero h1{font-size:clamp(63px,5.8vw,86px);line-height:1.02;letter-spacing:-1.1px;margin:18px 0 16px;font-weight:700}.hero h1 em{color:var(--accent)}.hero-copy p{font-size:13px;line-height:1.85;max-width:400px;color:#b3bbc7;margin-bottom:21px}.hero-actions{display:flex;align-items:center;gap:23px}.primary{background:var(--accent);color:#131a0c;border:1px solid var(--accent);border-radius:7px;min-height:48px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:12px;font-weight:800;box-shadow:0 5px 22px var(--accent-soft)}.primary:hover{background:#dcff9a;border-color:#dcff9a;transform:translateY(-2px);box-shadow:0 8px 28px #c5ff5626}body[data-game=dota2] .primary:hover{background:#ffb797;border-color:#ffb797}.primary svg{width:21px}.secondary{min-height:44px;padding:12px 16px;background:#222831;border:1px solid #3b4451;border-radius:7px;color:#e4e9f1;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px}.secondary:hover{background:#2b333e;border-color:#687386}.hero-actions .primary{min-width:169px;letter-spacing:1px}.hero-rules{font-size:12px;color:#c3cad4;display:flex;gap:10px;align-items:center;min-height:44px}.hero-rules:hover{color:white}.hero-rules svg{width:15px;transform:rotate(-40deg)}.hero-facts{display:flex;align-items:center;gap:18px;margin-top:22px;font-size:9px;letter-spacing:1px;color:#b2bac6;font-weight:700}.hero-facts span{display:flex;align-items:center;gap:6px}.hero-facts span+span{border-left:1px solid #56606a77;padding-left:18px}.hero-facts svg{width:13px;height:13px;color:var(--accent)}
.hero-operators{position:absolute;right:-2%;bottom:-28%;width:58%;height:131%;object-fit:contain;z-index:2;opacity:1;filter:drop-shadow(-14px 16px 22px #0009) brightness(1.14);pointer-events:none}.hero-number{right:22px;top:60px;bottom:auto;font-size:240px;letter-spacing:-11px;line-height:.85;color:#eaf0ff03;-webkit-text-stroke:1px #e5edff30;z-index:0;transform:skew(-8deg)}.hero-tag{right:25px;top:23px;border:0;border-radius:0;background:none;color:#e4e9f1;letter-spacing:1.4px;font-size:10px;line-height:1.4;padding:0 0 0 14px;z-index:5;border-left:2px solid var(--accent)}.hero-tag small{display:block;font-size:8px;color:#acb6c5;letter-spacing:2px;margin-top:4px}.hero-caption{right:28px;bottom:25px;z-index:4;text-align:right;color:#f1f4f8;letter-spacing:1px}.hero-caption span{display:block;color:#b6beca;font-size:8px;letter-spacing:2px;margin-bottom:9px}.hero-caption b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;line-height:.95}.hero-dota-art{position:absolute;right:-6%;top:-3%;height:113%;width:64%;object-fit:contain;z-index:2;pointer-events:none;filter:drop-shadow(-10px 15px 20px #0007)}.hero.dota{border-color:#67412e}.hero.dota:before{background:linear-gradient(90deg,#191315 2%,#1b1416ea 38%,#1c12147a 80%),url('./assets/dota-background.jpg') center 40%/cover;filter:saturate(.6)}.hero.dota .hero-orbit{border-color:#ff643d30;background:radial-gradient(circle,#fa643b44 0,#ce2f2415 55%,transparent 70%);box-shadow:0 0 0 42px #ff634a08,0 0 0 84px #ff9b4105}.hero.dota h1 em{color:var(--accent)}.hero.dota .eyebrow{color:#e1c6b7}.hero.dota .hero-number{-webkit-text-stroke-color:#ffb58740}
.section-heading{gap:16px;margin-bottom:19px}.section-heading h2{font-size:22px;letter-spacing:-.4px;color:#f5f7fa}.arena-heading{align-items:flex-end}.arena-heading h2{font-family:Oswald,'Arial Narrow',sans-serif;font-size:28px;letter-spacing:.1px;margin-top:5px}.arena-heading .eyebrow{font-size:9px;color:#8995a5;letter-spacing:2px}.section-heading .minor{font-size:9px;color:#9ca6b5;border:1px solid #353c47;padding:7px 10px;border-radius:4px;letter-spacing:.8px}.minor i{background:#8b96a6}.arena-grid{grid-template-columns:minmax(0,1fr) 308px;gap:22px;align-items:start}.match-panel{background:linear-gradient(145deg,#181c22,#12161b);border-color:#333943;border-radius:12px;scroll-margin-top:22px}.match-panel:focus{outline:none}.match-panel:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.mode-tabs{padding:7px;gap:5px;background:#111419;border-color:#303641}.mode-tab{padding:13px 10px;border-radius:7px;text-align:left;justify-content:flex-start;min-height:69px;gap:10px;color:#9ca6b6;border:1px solid transparent}.mode-tab>svg{width:20px;height:20px}.mode-tab:hover{background:#252c35;color:#f1f5fa}.mode-tab.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.mode-copy{display:flex;flex-direction:column;gap:5px}.mode-copy b{font-size:15px;letter-spacing:.1px}.mode-copy small{font-size:9px;color:#8f9aa9;white-space:nowrap;font-weight:500}.mode-tab.active .mode-copy small{color:#b8c4b1}.mode-tab .mini-tag{margin-left:auto;font-size:7px;padding:2px 4px;color:#a2acb9;border-color:#414958;background:#0b0f1540}.mode-tab.active .mini-tag{color:var(--accent);border-color:var(--accent-line)}.match-body{padding:24px}.field-heading{font-size:13px;color:#e7ecf4;margin-bottom:16px;gap:8px}.field-heading .step,.field label .step{font-family:'Barlow Condensed',sans-serif;font-size:13px;color:var(--accent);margin-right:8px}.field-heading .muted{font-size:9px;letter-spacing:1px;color:#8591a1}.map-grid{gap:11px;margin-bottom:22px}.map-card{background:#1b2027;border:1px solid #39414d;border-radius:8px;width:100%}.map-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 25px #0003}.map-card:hover{transform:translateY(-3px);border-color:#879779}.map-art{height:113px;position:relative;overflow:hidden;background:#20262e}.map-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10151c55,transparent 70%);pointer-events:none}.map-art img{filter:saturate(.7) brightness(.8);transition:transform .25s,filter .25s}.map-card:hover img{transform:scale(1.04);filter:saturate(1)}.map-card.active img{filter:saturate(1) brightness(1)}.map-check{right:9px;top:9px;width:23px;height:23px;background:var(--accent);color:#18200f;z-index:2;font-size:13px;box-shadow:0 2px 7px #0006}.map-label{font-size:13px;padding:12px 11px;line-height:1.2;color:#dfe5ee;font-weight:700}.map-card.active .map-label{background:var(--accent-soft);color:#fff}.map-label small{font-family:'Barlow Condensed',sans-serif;color:#82916e;font-size:13px}.map-workshop{color:#9aa5b5;font-size:9px;margin-top:10px;line-height:1.5}.map-workshop span{color:#b8c3cf}.map-workshop:hover{color:var(--accent)}.map-status{font-size:10px;color:#919eae;margin:-5px 0 23px;line-height:1.7}.settings-row{gap:16px;margin-bottom:20px}.field label{font-size:12px;color:#c1cad7;font-weight:600;margin-bottom:10px;display:block}.select-wrap select{min-height:47px;background:#0f1319;border:1px solid #39424e;border-radius:7px;color:#e0e7f0;font-size:12px;padding:12px 34px 12px 13px}.select-wrap select:hover{border-color:#6d7a8a}.select-wrap:after{color:#9eabba}.rules-strip{background:#1d252e;border-color:#34414c;border-radius:8px;padding:14px;font-size:11px;color:#a8b6c6;line-height:1.9;gap:12px}.rules-strip strong{color:#e5eef7}.rules-strip svg{color:var(--accent);width:22px;height:22px}.match-bottom{display:flex;flex-direction:column;align-items:stretch;margin-top:20px;gap:12px}.match-bottom .primary{order:-1;justify-content:space-between;padding:15px 20px;font-size:13px;min-height:51px}.match-bottom small{color:#929eaf;max-width:none;font-size:10px;line-height:1.75;text-align:center}.text-link{color:var(--accent);font-size:11px;font-weight:700;display:inline-flex;gap:8px;align-items:center;min-height:36px}.text-link:hover{color:#fff}.mode-explanation{font-size:12px;color:#aeb9c7;background:#1c242d;border-left:2px solid var(--accent);padding:12px 14px;border-radius:0 5px 5px 0;line-height:1.75}
.duel-preview{border:1px solid #39424d;border-radius:12px;background:#14191f;overflow:hidden}.duel-preview-head{padding:16px 19px;display:flex;align-items:center;justify-content:space-between}.kicker{font-size:10px;letter-spacing:1.6px;color:#aebac9}.draft-pill{font-size:8px;letter-spacing:1px;color:#b2bfcc;border:1px solid #3b4856;border-radius:3px;padding:4px 6px}.duel-preview-art{height:153px;position:relative;overflow:hidden;background:#252b34}.duel-preview-art>img{width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.65);transition:opacity .3s}.duel-preview-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#14191f 0%,#14191f20 90%)}.duel-preview-art.dota>img{object-position:center 25%;filter:saturate(1);opacity:.9}.duel-preview-title{position:absolute;left:20px;bottom:12px;z-index:2}.duel-preview-title small{font-size:8px;color:var(--accent);letter-spacing:1.6px}.duel-preview-title h3{font-family:Oswald,'Arial Narrow',sans-serif;font-size:31px;line-height:1.1;margin:6px 0 0;letter-spacing:.5px}.duel-versus{position:absolute;right:17px;top:15px;z-index:2;font-family:'Barlow Condensed',sans-serif;font-size:60px;font-weight:800;font-style:italic;color:#f0f4fb18;-webkit-text-stroke:1px #f0f4fb66}.duel-preview-content{padding:8px 20px 15px}.duel-seats{display:flex;align-items:center;justify-content:space-between;padding:11px 0 20px;border-bottom:1px solid #303a46}.duel-seats span{display:flex;align-items:center;gap:6px;color:#aebbc9;font-size:9px;letter-spacing:.5px}.duel-seats span:first-child{color:var(--accent)}.duel-seats svg{width:15px;height:15px}.duel-seats b{font-family:'Barlow Condensed',sans-serif;font-size:29px;color:#f0f5fa}.duel-preview dl{display:flex;flex-direction:column;gap:14px;margin:20px 0}.duel-preview dl div{display:flex;justify-content:space-between;gap:15px;font-size:11px}.duel-preview dt{color:#94a2b3}.duel-preview dd{color:#e2e9f2;margin:0;text-align:right;font-weight:600}.duel-loadout{padding:10px 0 13px;border-top:1px solid #303a46;display:flex;align-items:center;gap:9px}.duel-loadout img{height:59px;width:91px;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 6px 5px #0008)}.duel-loadout strong{font-size:10px;color:#e2e9f2;display:block;letter-spacing:.7px}.duel-loadout small{font-size:8px;color:#a1afc0;display:block;margin-top:6px;line-height:1.7}.duel-preview-art.dota~.duel-preview-content .duel-loadout img{height:44px;width:60px;object-fit:cover;border-radius:5px;transform:none}.duel-preview-foot{font-size:10px;color:#a3b29d;background:#20291f;padding:13px 20px;border-top:1px solid #344130;display:flex;align-items:center;gap:8px}.duel-preview-foot svg{width:15px;height:15px;color:var(--lime)}.fee-teaser{display:flex;gap:17px;padding:21px 4px;margin-top:4px;align-items:center}.fee-teaser-number{font-family:'Barlow Condensed',sans-serif;font-size:59px;line-height:1;color:#d9dfe9;font-weight:600;letter-spacing:-2px}.fee-teaser-number>span{font-size:27px}.fee-teaser strong{font-size:12px;color:#d8e0eb}.fee-teaser p{font-size:10px;color:#9eabba;line-height:1.8;margin:7px 0 0}.fee-teaser .text-link{font-size:10px;min-height:30px}
.pick-mode{gap:10px;margin-bottom:17px}.pick-mode button{padding:9px 13px;background:#1d242c;border:1px solid #36414f;border-radius:5px;font-size:11px;min-height:39px;color:#adb9c9}.pick-mode button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.hero-picker{gap:9px;margin-bottom:18px}.hero-choice{border-radius:7px;background:#1c222a;border-color:#3a4553}.hero-choice img{height:77px;filter:saturate(.6);transition:filter .2s,transform .2s}.hero-choice span{font-size:9px;padding:10px 3px;color:#dbe3ef}.hero-choice:hover img{filter:saturate(1);transform:scale(1.03)}.hero-choice.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hero-choice.active img{filter:saturate(1)}.hero-choice.banned{opacity:.45}.draft-note{color:#a6b4c5;font-size:11px;line-height:1.8}.ban-chips button{min-height:34px;font-size:10px;border-color:#754535;color:#ffd0bb;background:#3c241d}.bottom-banner{background:linear-gradient(110deg,#191f27,#10151b);border:1px solid #323b48;border-radius:10px;padding:22px;gap:18px;margin-top:26px}.banner-icon{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:8px;min-width:44px;height:44px;display:grid;place-items:center}.bottom-banner strong{font-size:14px;color:#edf2f8}.bottom-banner p{font-size:11px;color:#a2afbf;line-height:1.8;margin:6px 0 0}.bottom-banner .text-link{margin-left:auto;white-space:nowrap}.main-footer{border-color:#282f39;color:#8795a7;font-size:10px;margin:8px 32px 0;padding:22px 0;gap:20px}.main-footer button{font-size:10px;color:#acb8c9}.mobile-login{color:#b4c1cf}
@keyframes arena-enter{from{transform:translateY(5px)}to{transform:none}}.hero,.page-head{animation:arena-enter .32s ease-out}.hero-copy h1{text-wrap:nowrap}
@media(min-width:1600px){.hero{height:443px}.hero-copy{padding:39px 42px}.hero h1{font-size:94px}.hero-copy p{font-size:14px}.hero-facts{margin-top:26px}.hero-operators{width:58%;height:138%;bottom:-33%}.hero-dota-art{width:62%}.arena-grid{grid-template-columns:minmax(0,1fr) 340px}.map-art{height:150px}.match-body{padding:28px}.mode-copy small{font-size:10px}.mode-tab{padding:15px}.duel-preview-art{height:179px}.duel-preview dl div{font-size:12px}.duel-preview-content{padding-left:22px;padding-right:22px}}
@media(max-width:1200px){.sidebar{width:184px;padding:28px 13px 18px}.brand{font-size:27px;margin-left:7px;gap:9px}.nav-link{font-size:12px;padding:13px}.app-shell{margin-left:184px}.topbar{padding:0 24px}.breadcrumb{font-size:10px}.game-switch button{min-width:101px;padding:10px 14px}.topbar-right{gap:12px}main{padding:25px 24px}.hero{height:370px}.hero-copy{padding:29px}.hero h1{font-size:66px}.hero-copy p{font-size:12px}.hero-facts{gap:13px;font-size:8px;margin-top:18px}.hero-facts span+span{padding-left:13px}.hero-operators{right:-10%;width:65%;height:126%;bottom:-23%}.hero-dota-art{right:-12%;width:70%}.hero-tag{font-size:8px;right:20px}.hero-caption{right:20px}.arena-grid{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.match-body{padding:19px}.mode-tab{gap:7px;padding:12px 7px}.mode-copy b{font-size:14px}.mode-copy small{display:none}.mode-tab .mini-tag{font-size:6px}.map-art{height:103px}.map-label{font-size:11px}.map-workshop{font-size:8px;flex-direction:column;gap:3px}.duel-preview-content{padding-left:16px;padding-right:16px}.duel-preview dl div{font-size:10px}.duel-preview-foot{font-size:9px;padding:13px 15px}.fee-teaser{gap:12px}.fee-teaser strong{font-size:11px}.toast{left:calc(50% + 92px)}}
@media(max-width:1000px){.sidebar{width:78px;padding:28px 10px 18px}.brand{margin:0 7px 50px}.brand>span:last-child,.nav-caption,.manifesto,.sidebar-footer,.steam-login>span:not(:first-child){display:none}.nav-link{font-size:0;justify-content:center;padding:14px 8px;min-height:50px}.nav-link svg{width:22px;height:22px}.steam-login{padding:14px 9px;justify-content:center;min-height:48px}.app-shell{margin-left:78px}.breadcrumb{display:none}.game-switch{left:50%}.hero h1{font-size:64px}.hero-operators{right:-11%;opacity:.9}.hero-dota-art{opacity:.9}.arena-grid{grid-template-columns:minmax(0,1fr) 255px;gap:15px}.mode-tab{justify-content:center}.mode-tab .mini-tag{display:none}.hero-choice img{height:61px}.hero-choice span{font-size:8px}.toast{left:calc(50% + 39px)}}
@media(max-width:800px){.topbar{height:79px}.hero{height:370px}.hero h1{font-size:62px}.hero-copy{padding:29px 26px}.hero-operators{right:-18%;width:77%;opacity:.62}.hero-dota-art{right:-22%;width:83%;opacity:.7}.hero-copy p{max-width:320px}.hero-number{font-size:200px;right:10px;top:82px}.hero-caption{display:none}.hero-tag{font-size:8px;top:18px;right:17px}.hero-tag small{font-size:7px}.arena-grid{grid-template-columns:1fr}.support-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.fee-teaser{padding:20px 6px;gap:13px;align-items:flex-start}.fee-teaser-number{font-size:64px}.fee-teaser strong{font-size:13px;line-height:1.6}.fee-teaser p{font-size:11px}.fee-teaser .text-link{font-size:11px;margin-top:7px}.mode-copy small{display:block}.mode-tab .mini-tag{display:block}.mode-tab{justify-content:flex-start;padding:12px}.map-art{height:131px}.map-label{font-size:13px}.map-workshop{flex-direction:row;font-size:9px}.hero-choice img{height:80px}.hero-choice span{font-size:10px}.duel-preview dl div{font-size:11px}.bottom-banner{flex-wrap:wrap}.bottom-banner p{max-width:none}.bottom-banner .text-link{margin-left:62px}.main-footer{flex-wrap:wrap;gap:8px 20px}.demo-badge{display:none}}
@media(max-width:580px){body{background:var(--bg)}.sidebar{inset:auto 0 0;width:100%;height:70px;padding:0;border:0;border-top:1px solid #343d49;background:#10161df5;backdrop-filter:blur(15px)}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{padding:5px;grid-template-columns:repeat(5,1fr)}.nav-link{font-size:9px;gap:5px;padding:5px 1px;margin:0;border-radius:7px;min-height:0;border:0;color:#a5b1c1;font-weight:600}.nav-link.active{background:#c5ff5614;color:var(--lime);box-shadow:none}.nav-link.active svg{color:var(--lime)}.nav-link svg{width:20px;height:20px}.app-shell{margin-left:0}.topbar{height:72px;padding:0 13px;gap:7px;background:#11151a}.mobile-brand{font-size:20px}.game-switch{position:static;transform:none;padding:4px;gap:3px;border-radius:8px}.game-switch button{min-width:66px;min-height:37px;padding:8px 7px;font-size:10px;gap:5px;border-radius:5px}.game-switch button svg{width:15px;height:15px}.topbar-right{gap:0}.mobile-login{min-height:38px;padding:7px;margin-right:3px}.mobile-login svg{width:19px;height:19px}.balance-button{min-height:36px;padding:7px;font-size:10px;gap:5px}.balance-plus{font-size:12px;padding:1px 4px}.balance-button>svg{display:none}main{padding:17px 13px 12px}.hero{height:420px;border-radius:12px;margin-bottom:27px}.hero-copy{padding:31px 21px;max-width:none}.hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-top:16px}.hero h1{font-size:clamp(42px,11.7vw,65px);line-height:1.07;letter-spacing:-.9px;margin:20px 0 19px;white-space:nowrap}.hero-copy p{font-size:11px;line-height:1.85;max-width:260px;margin-bottom:25px}.hero:before{background:linear-gradient(90deg,#10151ae8,#11161bc9 60%,#10161a50),url('./assets/cs2-dust2.jpg') center/cover}.hero.dota:before{background:linear-gradient(90deg,#191315ef,#191315c9 60%,#19131550),url('./assets/dota-background.jpg') 60% center/cover}.hero-orbit{width:310px;height:310px;right:-33%;top:9%}.hero-operators{right:-42%;bottom:-8%;width:115%;height:106%;opacity:.45;filter:drop-shadow(-10px 12px 20px #0008)}.hero-dota-art{right:-42%;top:3%;width:115%;height:107%;opacity:.5}.hero-number{font-size:173px;top:111px;right:-1px;opacity:.6;letter-spacing:-7px}.hero-tag{top:16px;right:16px;font-size:7px;letter-spacing:1.1px;padding-left:8px;border-left-width:1px;display:block}.hero-tag small{font-size:6px;margin-top:2px;letter-spacing:1.4px}.hero-actions{gap:15px}.hero-actions .primary{min-width:147px;font-size:11px;padding:13px 15px;gap:16px;min-height:47px}.hero-rules{font-size:10px;gap:5px}.hero-rules svg{width:13px}.hero-facts{gap:10px;font-size:7px;letter-spacing:.6px;margin-top:25px}.hero-facts span+span{padding-left:10px}.hero-facts svg{width:12px;height:12px}.arena-heading h2{font-size:25px;line-height:1.2}.arena-heading .eyebrow{font-size:8px}.section-heading .minor{font-size:7px;padding:5px 7px;max-width:none;line-height:1.4;white-space:nowrap}.minor i{display:none}.section-heading{gap:9px;margin-bottom:17px}.match-panel{border-radius:10px}.mode-tabs{padding:6px;gap:4px}.mode-tab{gap:7px;padding:11px 6px;min-height:62px;justify-content:center}.mode-tab>svg{width:17px;height:17px}.mode-copy b{font-size:13px}.mode-copy small{display:none}.mode-tab .mini-tag{display:none}.match-body{padding:20px 14px}.field-heading{font-size:12px;margin-bottom:15px}.field-heading .muted{font-size:8px;letter-spacing:.5px}.field-heading .step{font-size:12px;margin-right:5px}.map-grid{gap:8px;margin-bottom:22px}.map-art{height:98px}.map-label{font-size:10px;padding:11px 7px;white-space:nowrap}.map-check{width:21px;height:21px;font-size:12px;right:6px;top:6px}.map-workshop{font-size:8px;flex-direction:column;gap:3px;margin-top:9px;min-height:29px}.map-status{font-size:10px;margin:-4px 0 22px}.settings-row{gap:10px;grid-template-columns:1fr 1fr;margin-bottom:18px}.field label{font-size:10px;line-height:1.6}.field label .step{font-size:11px;margin-right:4px}.select-wrap select{font-size:10px;padding:11px 24px 11px 10px;min-height:45px}.rules-strip{font-size:10px;padding:12px;gap:9px}.rules-strip svg{width:20px;height:20px}.match-bottom .primary{font-size:12px;padding:14px 17px;min-height:49px}.match-bottom small{font-size:10px;order:0}.support-col{grid-template-columns:1fr;gap:0}.duel-preview{border-radius:10px;margin-top:4px}.duel-preview-head{padding:16px 18px}.duel-preview-art{height:170px}.duel-preview-title h3{font-size:36px}.duel-preview-content{padding:10px 20px 16px}.duel-seats span{font-size:10px}.duel-preview dl div{font-size:12px}.duel-loadout img{width:104px;height:68px}.duel-loadout strong{font-size:12px}.duel-loadout small{font-size:10px}.duel-preview-foot{font-size:11px;padding:15px 20px}.fee-teaser{padding:23px 15px;margin-top:0;gap:23px;align-items:center}.fee-teaser-number{font-size:72px}.fee-teaser strong{font-size:13px}.fee-teaser p{font-size:11px}.fee-teaser .text-link{margin-top:2px}.bottom-banner{margin-top:6px;padding:20px 16px;gap:12px}.bottom-banner strong{font-size:12px}.bottom-banner p{font-size:11px;max-width:none}.bottom-banner>div{flex:1;min-width:210px}.bottom-banner .text-link{margin-left:56px;font-size:11px}.banner-icon{min-width:40px;height:40px}.main-footer{margin:10px 13px 70px;padding:20px 0;font-size:9px;line-height:1.8;gap:7px}.main-footer button{font-size:10px;min-height:34px}.pick-mode button{font-size:10px;padding:9px 12px;min-height:39px}.hero-picker{grid-template-columns:repeat(3,1fr);gap:8px}.hero-choice img{height:64px}.hero-choice span{font-size:9px;white-space:normal;min-height:32px;padding:9px 3px}.draft-note{font-size:11px}.field-heading .text-link{font-size:10px;min-height:38px}.ban-chips button{font-size:10px;min-height:36px}.mode-explanation{font-size:11px}.toast{left:50%;bottom:85px}}
@media(max-width:360px){.mobile-brand{font-size:17px}.topbar{padding:0 10px;gap:5px}.game-switch button{min-width:58px;padding:8px 5px;font-size:9px}.game-switch button svg{width:13px}.mobile-login{padding:4px;margin:0}.balance-button{font-size:9px;padding:6px}.hero-copy{padding-left:17px;padding-right:17px}.hero h1{font-size:40px}.hero-rules{font-size:9px}.hero-actions{gap:11px}.hero-actions .primary{min-width:134px}.hero-facts{font-size:6px;gap:8px}.hero-facts span+span{padding-left:8px}.arena-heading h2{font-size:21px}.section-heading .minor{font-size:6px}.map-art{height:82px}.map-label{font-size:9px}.field-heading{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Full character scale uses the transparent Valve render without altering it. */
.hero-dota-art{height:175%;width:72%;right:-8%;top:-32%}
@media(min-width:1600px){.hero-dota-art{height:180%;width:70%;right:-6%;top:-35%}}
@media(max-width:1200px){.hero-dota-art{width:80%;right:-17%;height:170%;top:-29%}}
@media(max-width:800px){.hero-dota-art{width:100%;right:-30%;height:165%;top:-26%}}
@media(max-width:580px){.hero-dota-art{width:145%;right:-60%;height:145%;top:-18%;opacity:.48}}
@media(max-width:580px){.game-switch button{white-space:nowrap}.balance-button{width:36px;min-height:38px;justify-content:center}.balance-button>span{display:none}.balance-button>[data-icon]{display:flex}.balance-button [data-icon] svg{display:block;width:17px;height:17px}.hero-copy p{font-size:12px;line-height:1.8}.hero-facts{font-size:8px;gap:9px}.hero-facts span+span{padding-left:9px}}