/* RIVAL v0.5 — bright, compact arena. Loaded after the shared layout. */
:root{--bg:#edf3f9;--panel:#fff;--panel2:#f3f7fb;--line:#dce5ee;--muted:#63748a;--text:#16283e;--lime:#b8f83d;--accent:#08739c;--accent-fill:#b8f83d;--accent-soft:#eefaDA;--accent-line:#badb87;color-scheme:light;background:var(--bg);color:var(--text)}
body,body[data-game=cs2]{--accent:#08739c;--accent-fill:#b8f83d;--accent-soft:#effada;--accent-line:#bbd889;background:radial-gradient(ellipse at 92% 0,#d5eefb 0,transparent 48%),var(--bg);color:var(--text)}
body[data-game=dota2]{--accent:#c34925;--accent-fill:#ff9a69;--accent-soft:#fff0e8;--accent-line:#f4b999;background:radial-gradient(ellipse at 92% 0,#ffe2d4 0,transparent 48%),var(--bg)}
::selection{background:#b8f83d;color:#16283e}
button,a,input,select{transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #1496d2;outline-offset:3px}
button:disabled{cursor:not-allowed}.muted{color:var(--muted)}
.sidebar{background:#fff;border-color:#dce5ee;box-shadow:5px 0 28px #25467403;padding-top:25px}
.brand,.mobile-brand{color:#16283e;letter-spacing:-1.2px}.brand-icon{color:#08739c;filter:none}.brand small{color:#7890a8}.mobile-brand span{color:#1687b2}.nav-caption{color:#8a99ab;letter-spacing:1.5px;font-size:10px}
.nav-link{color:#617389;font-weight:700;border-radius:10px;min-height:47px;margin-bottom:6px}.nav-link svg{color:#8094aa}.nav-link:hover{background:#f0f6fb;color:#152b44}.nav-link.active{background:#c5f655;color:#16380d;border-color:#c5f655;box-shadow:none}.nav-link.active svg{color:#244f11}.nav-arrow{font-size:22px}.soon-dot{background:#adc1d2}
.steam-login{background:#f0f5fa;border:1px solid #dce5ed;color:#263d56;font-size:11px;min-height:60px}.steam-login:hover{background:#e4eff8;border-color:#aec6db}.steam-login svg{color:#334f6c}.steam-login small{color:#7c8ea2}.sidebar-footer{color:#8696a8}
.topbar{height:72px;background:#ffffffdf;border-color:#dde6ef;backdrop-filter:blur(16px);box-shadow:0 1px 0 #fff;gap:12px}.breadcrumb{color:#8293a5}.breadcrumb span:last-child{color:#334e69}.game-switch{background:#edf3f8;border:1px solid #e0e8f0;box-shadow:none;padding:4px;border-radius:11px;gap:4px}.game-switch button{color:#71859a;min-height:38px;font-weight:800;border-radius:7px}.game-switch button:hover{background:#dce9f4;color:#29455f}.game-switch button.selected{background:#b8f83d;color:#243e08;box-shadow:0 3px 8px #365a0b12}.game-switch button[data-game=dota2].selected{background:#ff9a69;color:#501f0e;box-shadow:0 3px 8px #74321c12}
.demo-badge{color:#8293a4;font-size:10px}.demo-badge i{background:#8293a4}.balance-button{background:#fff;color:#27425c;border-color:#dce5ef;box-shadow:0 3px 10px #294a6c05}.balance-button:hover{border-color:#9fb8d0;background:#f7fbff}.balance-button svg{color:#1684ae}.balance-plus{color:#2c5e05;background:#def5b8}.mobile-login{color:#56738e}
main{padding:23px 28px 18px}body[data-page=play] main{padding-top:21px}.main-footer{border-color:#d6e2ed;color:#8996a5;font-size:10px}.main-footer button{color:#55758f}.main-footer button:hover{color:var(--accent)}
.quick-hero,.quick-hero.dota{min-height:156px;max-height:none;border:none;border-radius:14px;background:linear-gradient(110deg,#d6fa75 0%,#c3f04d 44%,#8ee6c9 76%,#79d9ef 100%);box-shadow:0 7px 22px #95b75b0b;isolation:isolate;margin-bottom:16px}
.quick-hero.dota{background:linear-gradient(110deg,#ffd790 0%,#ffb67b 45%,#ff9b83 72%,#e9a2c8 100%)}
.quick-hero:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #ffffff50;border-radius:50%;right:-100px;top:-150px;box-shadow:0 0 0 42px #ffffff13,0 0 0 84px #ffffff0a;z-index:-1;pointer-events:none}
.quick-copy{padding:21px 27px}.quick-copy .eyebrow{color:#395e25;font-size:10px;letter-spacing:1.4px;gap:14px;font-weight:800}.quick-copy .eyebrow span{color:#496946;border-color:#77985277;font-size:9px;letter-spacing:.6px;padding-left:14px}.quick-hero.dota .eyebrow{color:#913b16}.quick-hero.dota .eyebrow span{color:#895139;border-color:#ba764f70}
.quick-copy h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,3.5vw,49px);line-height:1.13;letter-spacing:-2.1px;font-weight:900;margin:12px 0 10px;color:#183527;max-width:790px}.quick-copy h1 em{color:#066987;font-style:normal}.quick-hero.dota h1{color:#542715}.quick-hero.dota h1 em{color:#a52d1d}.quick-copy p{color:#466545;font-size:12px;font-weight:600;line-height:1.6}.quick-hero.dota .quick-copy p{color:#82503c}
.quick-art.cs-art{right:0;bottom:-49%;height:190%;width:34%;filter:saturate(1.15) brightness(1.12) drop-shadow(0 7px 12px #244d4933);opacity:.95}.quick-art.dota-art{right:-3%;top:-58%;width:42%;height:230%;filter:saturate(1.2) brightness(1.45) drop-shadow(0 9px 12px #67302e22);opacity:.95}.quick-number{color:#ffffff1c;-webkit-text-stroke:1px #ffffff65;right:2%;font-size:145px;top:0}
.compact-tabs{background:#fff;border-color:#dce6ef;border-radius:11px;padding:5px;margin-bottom:16px;gap:5px}.compact-tabs .mode-tab{min-height:48px;color:#718399;padding:8px 12px;border-radius:7px}.compact-tabs .mode-tab:hover{background:#eef5fa;color:#304d67}.compact-tabs .mode-tab.active{background:var(--accent-fill);border-color:var(--accent-fill);color:#244507;box-shadow:none}body[data-game=dota2] .compact-tabs .mode-tab.active{color:#6a2c13}.compact-tabs .mode-copy{flex-direction:row;align-items:center;gap:10px}.compact-tabs .mode-copy b{font-size:14px;letter-spacing:-.2px}.compact-tabs .mode-copy small{color:#788b9f;font-size:10px;font-weight:500}.compact-tabs .mode-tab.active .mode-copy small{color:#466f22}body[data-game=dota2] .compact-tabs .mode-tab.active .mode-copy small{color:#8b492b}
.match-panel,.duel-preview,.large-card,.rule-card,.rules-faq{background:#fff;border-color:#dae4ee;border-radius:13px;box-shadow:0 4px 18px #41608004}
.compact-arena{gap:18px;grid-template-columns:minmax(0,1fr) 332px}.compact-arena .match-body{padding:20px}.field-heading,.compact-arena .field-heading{font-size:13px;color:#263e55;margin-bottom:14px;font-weight:800}.field-heading .muted{color:#8c9aab;font-size:9px;letter-spacing:.7px}.field-heading .step,.field label .step{color:var(--accent);font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:800;background:var(--accent-soft);border-radius:4px;padding:3px 5px;margin-right:7px}.field label,.compact-arena .field label{color:#5c7188;font-size:11px;font-weight:700}.select-wrap select,.compact-arena .select-wrap select{background:#f7fafd;border-color:#d8e4ef;color:#29415a;min-height:43px;border-radius:8px;font-size:12px}.select-wrap select:hover{border-color:#9fb8cf}.select-wrap:after{color:#6b839a}
.map-card{background:#fff;border-color:#dce7f0;border-radius:10px}.map-card.active{border-color:#91c83e;box-shadow:0 0 0 1px #91c83e}.map-card:hover{transform:none;border-color:#73b51b}.map-art{background:#dbeaf3}.map-art img,.map-card.active img{filter:saturate(1.1) brightness(1.04)}.map-art:after{background:linear-gradient(0deg,#163d4e25,transparent)}.map-check{background:#c5fa4b;color:#285808;box-shadow:0 2px 8px #29482d22}.map-label,.map-card.active .map-label{background:#f3fadd;color:#2d4a19}.map-label small{color:#76925b}.map-workshop,.map-workshop span{color:#7e91a3}.map-workshop:hover{color:#0878a6}.map-status,.compact-arena .map-status{color:#8291a2;font-size:10px;margin:9px 0 17px}
.compact-arena .map-grid.single-map{grid-template-columns:minmax(0,1fr);margin-bottom:5px}.single-map .map-card{display:flex;align-items:stretch;text-align:left;overflow:hidden}.compact-arena .single-map .map-art{width:48%;height:102px;flex-shrink:0}.single-map .map-art img{object-position:center 49%}.compact-arena .single-map .map-label{flex:1;display:flex;align-items:center;justify-content:space-between;padding:18px;font-family:Manrope,Arial,sans-serif;font-size:20px;letter-spacing:-.8px}.single-map .map-workshop{margin-top:7px;font-size:9px;flex-direction:row}.single-map .map-label small{font-size:10px;letter-spacing:.4px}
.weapon-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 0 17px}.weapon-choice{position:relative;min-width:0;display:flex;align-items:center;gap:11px;min-height:75px;border:1px solid #dce6ef;border-radius:10px;padding:11px 13px;background:#f6f9fc;text-align:left;color:#29445d;overflow:hidden}.weapon-choice:hover{border-color:#80bb31;background:#f2fadd}.weapon-choice.active,.weapon-choice[aria-pressed=true]{border-color:#87c829;background:#eefbcf;box-shadow:0 0 0 1px #87c829}.weapon-choice>span:nth-child(2){position:relative;z-index:1;min-width:0}.weapon-choice b{display:block;font-size:15px;font-weight:900;color:#254225;line-height:1.3;letter-spacing:-.3px}.weapon-choice small{display:block;font-size:10px;line-height:1.5;color:#68816e;margin-top:4px}.weapon-icon{display:grid;place-items:center;flex:0 0 76px;min-width:0}.weapon-icon svg{width:72px;height:36px;color:#597b92}.weapon-icon img,.weapon-choice>img{width:88px;max-width:40%;height:48px;object-fit:contain;filter:drop-shadow(0 5px 4px #31526421);flex-shrink:0}.weapon-icon img{max-width:100%;width:84px}.weapon-choice.active .weapon-icon svg{color:#44732c}
.compact-arena .hero-picker.three-heroes{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:13px}.hero-choice{border-color:#d9e4ee;background:#f7fafd;border-radius:10px}.compact-arena .three-heroes .hero-choice img{height:108px;filter:saturate(1.05);object-position:center 35%}.compact-arena .three-heroes .hero-choice span{color:#344d66;font-size:11px;font-weight:800;padding:11px 5px;white-space:normal;min-height:0}.hero-choice:hover{border-color:#f5a06c}.hero-choice.active{border-color:#fa8859;box-shadow:0 0 0 1px #fa8859;background:#fff1e7}.hero-choice.active span{color:#9b431c}.hero-choice.active img{filter:saturate(1.22)}.hero-choice.banned{opacity:.55}.hero-choice.banned:after{color:#c64031;background:#fff6f36b}.draft-note,.compact-arena .draft-note{color:#73869a;font-size:11px;line-height:1.6}.pick-mode button{background:#f5f8fc;border-color:#dce5ef;color:#627a90;border-radius:7px}.pick-mode button.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.ban-chips button{border-color:#edc5b5;background:#fff4ed;color:#a35230}
.rules-strip,.compact-arena .rules-strip{background:#eff6fc;border-color:#d8e7f3;color:#6a8197;border-radius:8px;padding:11px 12px;font-size:10px}.rules-strip strong{color:#3a5874}.rules-strip svg{color:#4e91b6}.text-link{color:var(--accent)}.text-link:hover{color:#153b5e}.compact-arena .rules-strip .text-link{font-size:10px}.mode-explanation{color:#617b93;background:#eef6fc;border-color:#7dbad9}.match-bottom small{color:#8393a5}
.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:#284609;box-shadow:none;border-radius:8px;font-size:12px;min-height:45px}.primary:hover{background:#c7ff66;border-color:#c7ff66;box-shadow:0 4px 12px #5b8a1520;transform:translateY(-1px)}body[data-game=dota2] .primary{color:#6a2b14}body[data-game=dota2] .primary:hover{background:#ffac85;border-color:#ffac85}.secondary{background:#f2f7fc;border-color:#d5e3ef;color:#375570;border-radius:8px}.secondary:hover{background:#e5f0fa;border-color:#aac4da;color:#244862}
.cash-card{background:#fff;border:1px solid #d9e7ed;border-top:4px solid var(--accent-fill);border-radius:13px;padding:19px;box-shadow:0 7px 26px #3d63800b}.cash-head h2{font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:800;color:#2c4258}.cash-head>span{color:#93a0af;font-size:8px;letter-spacing:.6px}.stake-chips{gap:5px}.stake-chips button{background:#f2f6fb;border-color:#dfe7ef;color:#5b7188;min-height:39px;border-radius:7px;font-size:12px}.stake-chips button:hover{border-color:#a5c766;background:#f4fce9}.stake-chips button.active{background:var(--accent-fill);border-color:var(--accent-fill);color:#28440d}.cash-result{background:linear-gradient(125deg,#f5fcdf,#e8f8f1);border:1px solid #e3efd4;border-radius:11px;margin:17px 0 14px;padding:16px 8px 14px}.cash-result>span{font-size:10px;color:#6b8b65;letter-spacing:1.4px}.cash-result>strong{font-family:Manrope,Arial,sans-serif;font-size:49px;font-weight:900;letter-spacing:-2px;color:#245d2c;line-height:1.18;margin:5px 0}.cash-result>small{color:#78927e;font-size:11px}.cash-result>small b{color:#356d42;font-weight:800}body[data-game=dota2] .cash-result{background:linear-gradient(125deg,#fff4dc,#ffebe4);border-color:#f6ddc9}body[data-game=dota2] .cash-result>strong{color:#a44826}body[data-game=dota2] .cash-result>span,body[data-game=dota2] .cash-result>small{color:#aa7b62}body[data-game=dota2] .cash-result>small b{color:#a15030}
.cash-breakdown{border-color:#e4ebf2;padding-top:11px;margin-bottom:15px}.cash-breakdown>div{color:#7f91a3;font-size:11px;line-height:2}.cash-breakdown dd{color:#304b63;font-weight:800}.cash-start:disabled{background:#edf2f7;color:#71869b;border-color:#dce5ee;opacity:1;box-shadow:none}.cash-status{color:#91a0af;font-size:10px;margin:8px 0 13px}.cash-free{color:#19799b;font-size:12px;min-height:35px}.cash-free:hover{color:#074c6b;background:#f0f8fb;border-radius:6px}body[data-game=dota2] .cash-free{color:#bd613c}
.duel-preview-head .kicker{color:#7690a6}.draft-pill{border-color:#d5e2ed;color:#839aad;background:#f7fafc}.duel-preview-art>img{opacity:1;filter:saturate(1)}.duel-preview-art:after{background:linear-gradient(0deg,#123044b3,transparent 100%)}.duel-preview-title h3{color:#fff}.duel-preview-title small{color:#d4fb8b}.duel-seats{border-color:#e1eaf2}.duel-seats span{color:#7890a4}.duel-seats b{color:#304e67}.duel-preview dt{color:#8194a7}.duel-preview dd{color:#35526d}
.page-head .eyebrow{color:var(--accent)}.page-title{color:#19374f;font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,4vw,58px);font-weight:900;letter-spacing:-1.9px}.page-intro{color:#7890a6}.status-note,.modal-status{background:#eff7fd;border-color:#d9e9f5;color:#65819a}.status-note svg{color:#4b9ac5}.large-card h2,.rule-card h2{color:#28465f}.large-card .kicker,.balance-note{color:#7c92a6}.empty-state{background:#f7fafc;border-color:#d5e3ef;color:#8298ab}.empty-state svg{color:#509fc7}.bottom-banner{background:#fff;border-color:#dce6ef}.bottom-banner strong{color:#36556e}.bottom-banner p{color:#7b92a7}.banner-icon{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}
.filters button{background:#fff;border-color:#d9e5ef;color:#6f869c}.filters button:hover{background:#edf6fc;border-color:#adcce2;color:#3a6482}.filters button.active{background:var(--accent-fill);border-color:var(--accent-fill);color:#36521a}.search-field input,#hero-search{background:#fff;color:#2c4c67;border-color:#d9e5ef}.search-field input::placeholder,#hero-search::placeholder{color:#91a4b5}.search-field svg{color:#8aa4b9}.item-card{background:#fff;border-color:#dce6f0;box-shadow:0 5px 20px #3f65840a}.item-card:hover{border-color:#b1cadd;box-shadow:0 10px 25px #3f65841c}.item-visual,.item-card:nth-child(2n) .item-visual{background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--item-glow) 14%,white),transparent 90%),#edf4fa}.item-visual .item-label{color:#899aae}.item-visual .real-item-art{filter:drop-shadow(0 14px 12px #2e435e22)}.item-info .type,.item-info .price.price-pending,.item-info .price.price-pending small{color:#8a9daf}.item-info h3{color:#284762}.item-info button{background:#f1f7fc;border-color:#d3e4f0;color:#49718f}.item-info button:hover{background:var(--accent-fill);border-color:var(--accent-fill);color:#25451a}.item-detail-art{background:radial-gradient(ellipse at 50% 70%,#e5ddf6,transparent 70%),#f0f6fb;border-color:#d6e5ef}.item-detail-art img{filter:drop-shadow(0 13px 12px #28425825)}
.wallet-grid>.large-card:first-child{background:radial-gradient(ellipse at 100% 0,#e9fbd9,transparent 65%),#fff}.balance-number{color:#284a65}.balance-number>span{color:#9eb3c2!important}.mini-balance{border-color:#e1eaf2}.mini-balance span{color:#7e96aa}.mini-balance b{color:#3e607b}.fee-number{color:var(--accent)}.calc label{color:#7b92a7}.calc label strong{color:#375c78}.calc-grid{border-color:#dde8f2}.calc-grid small{color:#8da1b3}.calc-grid b{color:#3b607b}.calc-grid .highlight b{color:var(--accent)}.money-preview .large-card{background:#f8fbfd;border-color:#dce8f1}
.table-card{background:#fff;border-color:#d9e6f0;scrollbar-color:#bfd0de #f2f7fb}.table-card th{background:#f1f6fb;color:#8098ad}.table-card td{color:#66859d;border-color:#e3edf5}.table-card tbody tr:hover{background:#f6fafe}.table-card tbody tr:first-child{background:linear-gradient(90deg,#f3fbdc,#fff)}.table-card td strong,.table-card td .player{color:#325875}.table-card .avatar{background:#e9f2fa;border-color:#cfdfea;color:#7696af}.table-card .rank-num{color:#96adbe}.table-card .rank-num.gold{color:#6b9a21}.table-card .rank-chip{background:#eaf4fc;border-color:#cfe2ef;color:#6492b1}.table-footer{color:#859eaf}
.rule-card li,.rule-card p{color:#718ba2}.rule-card li strong{color:#3b607d}.rules-faq{border-color:#dce6ef}.rules-faq details{border-color:#e1ebf4}.rules-faq summary{color:#54768f}.rules-faq p{color:#7a95a9}.rules-faq details[open] summary{color:var(--accent)}
.modal-backdrop{background:#24415b66;backdrop-filter:blur(10px)}.modal{background:#fff;border-color:#d9e5ef;box-shadow:0 25px 90px #24415b35;scrollbar-color:#c0d4e4 #f8fbfe}.modal h2{font-family:Manrope,Arial,sans-serif;font-size:28px;line-height:1.25;font-weight:900;color:#21465f;letter-spacing:-.8px}.modal p,.modal ul{color:#6c8aa1}.close-modal{color:#95adbf}.close-modal:hover{background:#f0f6fa;border-color:#dbe8f2;color:#426780}.modal .modal-icon{background:#eef6fb;border-color:#d6e8f5;color:#5b9dc4}.modal .balance-note{color:#8ba4b7}.lobby-code{color:var(--accent)}.lobby-settings dt{color:#91a7b9}.lobby-settings dd{color:#4a6e87}.scoreboard{background:linear-gradient(125deg,#eff8e4,#eaf5fb);border-color:#d5e8e8}.scoreboard small{color:#7c9aab}.scoreboard b{color:#466c85}.scoreboard>div:first-child b{color:var(--accent)}.scoreboard>span{color:#a0b7c8}.hero-search-label{color:#7e9aae}.pool-hero{background:#f4f9fd;border-color:#d7e5ef}.pool-hero span{color:#6e8ea7}.pool-hero:hover{background:#eaf4fc;border-color:#a5c5dc}.pool-hero.active{background:var(--accent-soft);border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line)}.pool-hero.active span{color:var(--accent)}.toast{background:#fff;color:#3d617a;border-color:#b4ccdd;box-shadow:0 8px 30px #315b7620}
@media(min-width:1600px){.quick-copy h1{font-size:53px}.compact-arena{grid-template-columns:minmax(0,1fr) 355px}.compact-arena .single-map .map-art{height:109px}.compact-arena .three-heroes .hero-choice img{height:122px}}
@media(max-width:1200px){.quick-copy h1{font-size:39px;letter-spacing:-1.5px}.quick-copy{padding:23px}.quick-art.cs-art{right:-7%;width:43%}.quick-art.dota-art{right:-9%;width:49%}.compact-arena{grid-template-columns:minmax(0,1fr) 305px;gap:15px}.compact-arena .match-body{padding:17px}.cash-card{padding:17px}.cash-result>strong{font-size:44px}.weapon-choice{padding:10px;gap:8px}.weapon-icon{flex-basis:53px}.weapon-icon svg{width:52px}.weapon-icon img,.weapon-choice>img{width:64px}.weapon-choice b{font-size:13px}.weapon-choice small{font-size:9px}.compact-arena .three-heroes .hero-choice img{height:90px}.compact-arena .single-map .map-art{height:99px}.compact-arena .single-map .map-label{font-size:19px;padding:14px}.cash-head>span{font-size:7px}.compact-tabs .mode-copy{gap:7px}}
@media(max-width:1000px){.nav-link{font-size:0}.quick-copy h1{font-size:38px}.quick-copy p{font-size:11px}.quick-copy .eyebrow span{font-size:8px}.compact-tabs .mode-copy{flex-direction:column;align-items:flex-start;gap:3px}.compact-arena{grid-template-columns:minmax(0,1fr) 296px}.weapon-choice{flex-direction:column;align-items:flex-start;gap:4px;min-height:95px}.weapon-icon{flex-basis:auto;height:32px;align-self:center}.weapon-icon img,.weapon-choice>img{width:80px;height:32px;max-width:100%}.weapon-choice>span:nth-child(2){align-self:center;text-align:center}.compact-arena .single-map .map-art{width:50%}.compact-arena .three-heroes .hero-choice span{font-size:10px}}
@media(max-width:800px){.quick-hero{min-height:144px}.quick-copy{padding:21px}.quick-copy h1{font-size:35px;letter-spacing:-1.2px;max-width:620px}.quick-art.cs-art{width:50%;right:-12%;opacity:.45}.quick-art.dota-art{width:64%;right:-19%;opacity:.48}.compact-arena{grid-template-columns:1fr}.compact-arena.money-arena .support-col{order:-1}.cash-card{padding:18px}.cash-result{padding:12px 8px;margin:14px 0 12px}.cash-result>strong{font-size:46px}.compact-arena .three-heroes .hero-choice img{height:110px}.compact-arena .single-map .map-art{height:108px;width:45%}.weapon-choice{min-height:75px;flex-direction:row;gap:10px}.weapon-icon{flex-basis:80px;height:44px}.weapon-icon img,.weapon-choice>img{height:44px;max-width:40%;width:90px}.weapon-icon img{max-width:100%}.weapon-choice>span:nth-child(2){text-align:left;align-self:auto}.weapon-choice b{font-size:14px}.weapon-choice small{font-size:10px}}
@media(max-width:580px){body,body[data-game=dota2]{background:#edf3f9}.sidebar{background:#ffffffed;border-top-color:#d5e4ee;box-shadow:0 -4px 20px #24486906}.sidebar nav{padding:5px}.nav-link{font-size:9px;color:#708ba1;min-height:0;margin:0}.nav-link svg{color:#8ba4b8}.nav-link.active{background:#e8f7c9;color:#4e7b17;border:0}.nav-link.active svg{color:#5e911d}.topbar{height:65px;background:#fff;padding:0 12px}.mobile-brand{font-size:19px}.game-switch{border-radius:8px;padding:3px}.game-switch button{min-width:61px;font-size:9px;min-height:34px;padding:7px 5px;gap:4px}.game-switch button svg{width:13px;height:13px}.mobile-login{padding:5px;margin-right:2px}.mobile-login svg{width:17px;height:17px}.balance-button{min-height:34px;width:32px;padding:6px}.balance-button [data-icon] svg{width:16px;height:16px}body[data-page=play] main{padding:12px 12px 8px}.quick-hero,.quick-hero.dota{min-height:147px;border-radius:11px;margin-bottom:12px}.quick-copy{padding:18px}.quick-copy .eyebrow{font-size:8px;letter-spacing:.8px;gap:7px}.quick-copy .eyebrow span{font-size:7px;letter-spacing:.2px;padding-left:7px}.quick-copy h1{font-size:33px;line-height:1.1;letter-spacing:-1.1px;max-width:260px;margin:12px 0 9px}.quick-copy h1 em{display:block}.quick-copy p{font-size:10px;max-width:260px}.quick-art.cs-art{width:79%;right:-33%;height:166%;bottom:-36%;opacity:.43}.quick-art.dota-art{width:100%;right:-40%;height:201%;top:-30%;opacity:.45}.quick-number{font-size:125px;right:-3%;top:12px}.compact-tabs{padding:4px;gap:3px;margin-bottom:12px;border-radius:10px}.compact-tabs .mode-tab{padding:8px 4px;min-height:48px;gap:6px}.compact-tabs .mode-copy{flex-direction:column;align-items:flex-start;gap:2px}.compact-tabs .mode-copy b{font-size:11px}.compact-tabs .mode-copy small{font-size:9px;margin:0}.compact-tabs .mode-tab>svg{width:15px;height:15px}.compact-arena{gap:12px}.cash-card{padding:16px;border-radius:11px;border-top-width:3px}.cash-head{margin-bottom:12px}.cash-head h2{font-size:13px}.cash-head>span{font-size:7px}.cash-result{margin:13px 0 12px;padding:12px 8px}.cash-result>strong{font-size:43px;letter-spacing:-1.5px}.cash-result>span{font-size:9px}.cash-result>small{font-size:10px}.cash-breakdown{padding-top:9px;margin-bottom:12px}.cash-breakdown>div{font-size:10px;line-height:2}.cash-status{font-size:9px;margin:7px 0 8px}.cash-start{min-height:42px;font-size:11px}.cash-free{font-size:11px;min-height:33px}.stake-chips button{min-height:37px;font-size:11px}.compact-arena .match-body{padding:17px 14px}.compact-arena .field-heading{font-size:12px}.compact-arena .single-map .map-art{height:91px;width:46%}.compact-arena .single-map .map-label{font-size:18px;padding:11px}.compact-arena .map-workshop{font-size:9px}.compact-arena .map-status{font-size:10px}.weapon-picker{gap:9px;margin-bottom:17px}.weapon-choice{padding:10px 8px;flex-direction:column;gap:4px;min-height:95px}.weapon-icon{height:35px;flex-basis:auto;width:100%;align-self:center}.weapon-icon img,.weapon-choice>img{height:34px;width:105px;max-width:100%}.weapon-choice>span:nth-child(2){text-align:center;align-self:center}.weapon-choice b{font-size:13px}.weapon-choice small{font-size:9px}.weapon-icon svg{width:75px;height:33px}.compact-arena .three-heroes .hero-choice img{height:77px}.compact-arena .three-heroes .hero-choice span{font-size:10px;padding:9px 3px;min-height:33px}.compact-arena .hero-picker.three-heroes{gap:8px}.compact-arena .draft-note{font-size:10px}.compact-arena .field label{font-size:10px}.compact-arena .select-wrap select{font-size:10px}.compact-arena .rules-strip{font-size:10px;padding:10px}.main-footer{font-size:9px;border-color:#d5e2ec}.page-title{font-size:32px;letter-spacing:-1.2px}.modal h2{font-size:25px}.modal p,.modal ul{font-size:12px}}
@media(max-width:360px){.topbar{padding:0 9px;gap:4px}.mobile-brand{font-size:17px}.game-switch button{min-width:54px;font-size:8px;padding:7px 4px}.mobile-login{padding:4px;margin:0}.balance-button{width:30px}.quick-copy{padding:17px 14px}.quick-copy h1{font-size:31px}.quick-copy .eyebrow{font-size:7px;gap:6px}.quick-copy .eyebrow span{font-size:6px;padding-left:6px}.quick-copy p{font-size:9px}.cash-card{padding:14px}.compact-tabs .mode-tab{gap:4px}.compact-tabs .mode-copy b{font-size:10px}.compact-tabs .mode-copy small{font-size:8px}.stake-chips{gap:4px}.cash-result>strong{font-size:41px}.compact-arena .three-heroes .hero-choice img{height:64px}.compact-arena .three-heroes .hero-choice span{font-size:9px}.compact-arena .single-map .map-art{width:44%}.compact-arena .single-map .map-label{font-size:16px}}
@media(prefers-reduced-motion:reduce){button,a,input,select{transition:none}.primary:hover,.item-card:hover{transform:none}}
/* Weapon choices intentionally use matching interface symbols. */
.weapon-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e5eef7;color:#5b83a1;align-self:center}.weapon-icon svg{width:26px;height:26px;color:inherit}.weapon-choice.active .weapon-icon,.weapon-choice[aria-pressed=true] .weapon-icon{background:#dcf5b6;color:#4d7e21}.weapon-choice.active .weapon-icon svg{color:inherit}
@media(max-width:1000px){.weapon-choice{flex-direction:row;gap:9px;min-height:75px}.weapon-choice>span:nth-child(2){text-align:left;align-self:auto}.weapon-icon{flex-basis:39px;width:39px;height:39px;border-radius:10px}.weapon-icon svg{width:23px;height:23px}}
@media(max-width:580px){.weapon-choice{min-height:83px;gap:8px;padding:10px 8px}.weapon-icon{flex-basis:33px;width:33px;height:36px;border-radius:9px}.weapon-icon svg{width:22px;height:22px}.weapon-choice b{font-size:12px}.weapon-choice small{font-size:8px;line-height:1.6}.weapon-choice>span:nth-child(2){text-align:left;align-self:auto}}
@media(max-width:360px){.weapon-choice{gap:6px;padding:9px 6px}.weapon-icon{flex-basis:29px;width:29px;height:33px}.weapon-icon svg{width:20px;height:20px}.weapon-choice b{font-size:11px}.weapon-choice small{font-size:8px}}
.weapon-check{position:absolute;right:9px;top:8px;color:#a0b3c3;font-size:13px;font-weight:800;line-height:1}.weapon-choice.active .weapon-check{color:#4a7e17}.weapon-heading{margin-top:17px}.loadout-note{font-size:10px;line-height:1.6;color:#8297a8;margin:-7px 0 18px}.hero-choice span>small{display:block;margin-top:4px;font-size:9px;line-height:1.4;font-weight:500;color:#8ba0b1;white-space:normal}.hero-choice.active span>small{color:#b27c61}.compact-arena .three-heroes .hero-choice span{font-size:13px}.hero-choice.banned:after{content:none}.hero-ban-mark{position:absolute;inset:0;display:grid;place-items:center;background:#fff3ed55;color:#cc5a3d;font-size:48px;font-weight:500;pointer-events:none}.reset-draft{margin:-9px 0 14px;font-size:10px}.preview-weapon{padding:10px 12px;border:1px solid #dae8f1;border-radius:8px;background:#f3f8fc;font-size:11px;color:#6c8ba2;line-height:1.5;margin:14px 0 8px}.preview-weapon strong{display:block;font-size:12px;color:#426c87;margin-bottom:3px}.preview-weapon span{display:block;font-size:10px}.modal .match-loadout{padding:11px 14px;border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:8px;color:var(--accent);font-size:12px;font-weight:700}
@media(max-width:580px){.weapon-check{display:none}.loadout-note{font-size:10px;line-height:1.6;margin:-7px 0 17px}.hero-choice span>small{font-size:8px;line-height:1.45}.compact-arena .three-heroes .hero-choice span{font-size:12px;padding:9px 3px;min-height:49px}.hero-ban-mark{font-size:40px}.modal .match-loadout{font-size:11px}}
/* Keep character faces inside the compact banner and separate title words. */
.quick-copy h1{word-spacing:2px;letter-spacing:-1.2px}
.quick-art.cs-art{height:160%;bottom:-60%}
.quick-art.dota-art{height:205%;top:-40%}
@media(max-width:580px){.quick-copy h1{word-spacing:1px;letter-spacing:-.7px}.quick-art.cs-art{height:145%;bottom:-45%}.quick-art.dota-art{height:185%;top:-23%}}