/* Dota Assistant v1.05 — final visual layer */
:root{--da-red:#a9141b;--da-red-dark:#6f0c12}
body{background-color:#05090d!important;background-image:url("assets/forest-dark-v105.svg")!important;background-size:cover!important;background-position:center center!important;background-attachment:fixed!important}
body:before{background:linear-gradient(180deg,rgba(2,5,8,.30),rgba(4,8,11,.08) 30%,rgba(1,3,5,.66) 100%),radial-gradient(ellipse at 50% 48%,transparent 15%,rgba(0,0,0,.24) 65%,rgba(0,0,0,.64) 100%)!important}
body:after{inset:-14%!important;background:radial-gradient(ellipse at 50% 52%,rgba(168,184,183,.18),rgba(133,151,150,.11) 18%,rgba(75,92,94,.035) 36%,transparent 57%),linear-gradient(180deg,transparent 31%,rgba(178,192,189,.08) 45%,transparent 57%),radial-gradient(ellipse at 18% 69%,rgba(157,174,171,.11),transparent 28%),radial-gradient(ellipse at 82% 68%,rgba(157,174,171,.09),transparent 29%)!important;filter:blur(18px)!important;animation:daMist 24s ease-in-out infinite alternate!important}
@keyframes daMist{from{transform:translate3d(-1.2%,0,0) scale(1)}to{transform:translate3d(1.2%,1%,0) scale(1.04)}}
.top:before{width:102px!important;height:102px!important;top:-2px!important;background:url("assets/logo.svg?v=105") center/contain no-repeat!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.65))!important}
.brand{color:#c51b22!important;text-shadow:0 0 14px rgba(169,20,27,.18)!important}
.home-card,.build-card,.build-filters,.build-grid,.draft-placeholder,.ward-placeholder,.sheet,.bottom-nav{position:relative!important;overflow:hidden!important}
.home-card:after,.build-card:after,.build-filters:after,.build-grid:after,.draft-placeholder:after,.ward-placeholder:after,.sheet:after,.bottom-nav:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 65%,rgba(255,255,255,.30) 0 1px,transparent 1.5px),repeating-linear-gradient(116deg,transparent 0 38px,rgba(255,255,255,.035) 39px,transparent 40px 74px),repeating-linear-gradient(12deg,transparent 0 71px,rgba(0,0,0,.09) 72px,transparent 73px 118px)}
.home-card:before,.build-card:before{content:"";position:absolute;left:7%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(214,221,220,.17),transparent);transform:rotate(-.25deg);opacity:.7;pointer-events:none}
.primary{background-color:var(--da-red)!important;background-image:url("assets/red-texture-v105.svg")!important;background-size:auto 100%!important;background-repeat:repeat-x!important;border-color:#711016!important;box-shadow:inset 0 0 0 1px rgba(255,96,96,.07),inset 0 -8px 18px rgba(54,0,0,.22),0 7px 22px rgba(45,0,0,.28)!important}
.primary:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(164deg,transparent 0 47px,rgba(35,0,0,.24) 48px,transparent 50px 92px);mix-blend-mode:multiply;opacity:.7}
.build-role-filter button.active,.cat.active,.role.active,.position-select button.active{background-color:var(--da-red)!important;background-image:url("assets/red-texture-v105.svg")!important;border-color:#711016!important}
.ghost{background:rgba(12,17,21,.72)!important;border-color:rgba(123,126,119,.28)!important}
.bottom-nav{background:rgba(7,12,16,.84)!important;border-color:rgba(130,149,157,.30)!important}.bottom-nav .nav-btn.active{background:rgba(169,20,27,.17)!important;border-color:rgba(169,20,27,.50)!important;color:#d12229!important}
html[data-theme="light"] body{background-color:#bdc9ca!important;background-image:url("assets/forest-light-v105.svg")!important;background-size:cover!important;background-position:center center!important;background-attachment:fixed!important;color:#202b30!important}
html[data-theme="light"] body:before{background:linear-gradient(180deg,rgba(238,245,244,.20),rgba(218,230,229,.08) 34%,rgba(73,91,93,.22) 100%),radial-gradient(ellipse at 50% 48%,transparent 15%,rgba(255,255,255,.20) 60%,rgba(61,79,81,.18) 100%)!important}
html[data-theme="light"] body:after{background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.62),rgba(239,246,245,.32) 24%,transparent 58%),linear-gradient(180deg,transparent 31%,rgba(255,255,255,.28) 47%,transparent 58%),radial-gradient(ellipse at 18% 70%,rgba(255,255,255,.48),transparent 28%),radial-gradient(ellipse at 82% 69%,rgba(255,255,255,.40),transparent 29%)!important;filter:blur(20px)!important}
html[data-theme="light"] .brand{color:#9f151b!important;text-shadow:none!important}html[data-theme="light"] .title{color:#202a2f!important;text-shadow:0 2px 12px rgba(255,255,255,.65)}html[data-theme="light"] .sub{color:#5e6e73!important}
html[data-theme="light"] .home-card,html[data-theme="light"] .build-card,html[data-theme="light"] .draft-placeholder,html[data-theme="light"] .ward-placeholder{background:rgba(242,247,246,.72)!important;border-color:rgba(77,97,100,.25)!important;color:#263136!important}html[data-theme="light"] .build-filters,html[data-theme="light"] .build-grid{background:rgba(239,246,245,.68)!important;border-color:rgba(77,97,100,.24)!important}html[data-theme="light"] .field,html[data-theme="light"] .search{background:rgba(247,250,249,.82)!important;color:#202b30!important;border-color:rgba(77,97,100,.28)!important}
html[data-theme="light"] .build-role-filter button,html[data-theme="light"] .cat,html[data-theme="light"] .role,html[data-theme="light"] .position-select button{background:rgba(245,249,248,.76)!important;color:#536469!important;border-color:rgba(77,97,100,.22)!important}html[data-theme="light"] .build-role-filter button.active,html[data-theme="light"] .cat.active,html[data-theme="light"] .role.active,html[data-theme="light"] .position-select button.active{background-color:#9f151b!important;background-image:url("assets/red-texture-v105.svg")!important;color:#fff!important;border-color:#751015!important}
html[data-theme="light"] .bottom-nav{background:rgba(242,248,247,.78)!important;border-color:rgba(77,97,100,.25)!important}html[data-theme="light"] .bottom-nav .nav-btn{color:#6d7c80!important}html[data-theme="light"] .bottom-nav .nav-btn.active{background:rgba(159,21,27,.10)!important;color:#9f151b!important;border-color:rgba(159,21,27,.38)!important}
@media(max-width:900px){.top:before{width:88px!important;height:88px!important}}@media(max-width:599px){.top:before{width:70px!important;height:70px!important}}