@charset "UTF-8";.mmr1984{background-image:url(https://cdn.7tv.app/emote/60b2654203982475b83b1346/4x.webp);background-size:cover;background-position:center 40%;padding:4px 2px;z-index:-1;color:transparent}.medal-line{display:flex;translate:0 -2em;max-width:calc(100vw - 2em);width:-moz-fit-content;width:fit-content;overflow-x:auto;overflow-y:hidden;margin-left:calc((100vw - 640px)/-2 + 1em)}.medal-line .medal-group{display:flex;padding-top:2em}.medal-line .medal-group .medal-range{width:100px}.medal-line .medal-group .medal-range img{transition:scale .2s ease}.medal-line .medal-group .medal-range img:hover{scale:1.5;z-index:1000}.medal-line .medal-group .medal-range__boundaries{border-top:1px solid var(--clr-border);display:flex;justify-content:space-between;position:relative}.medal-line .medal-group .medal-range__boundaries:after{content:"";width:2px;background-color:var(--clr-subtext);height:16px;position:absolute;translate:-50% -50%}.medal-line .medal-group .medal-range__boundaries span{padding:4px}.markdown{opacity:0;animation:arriveTop 1s ease .4s forwards}.markdown>*{margin-bottom:1em}.markdown ul{list-style-type:square}.markdown ul,.markdown ol{padding-left:1em;display:grid;gap:.5em}.markdown ul li::marker,.markdown ol li::marker{color:gray}.markdown table,.markdown pre{display:block;overflow-x:auto;max-width:calc(100vw - 3em)}.markdown blockquote{border-left:4px solid var(--clr-border);padding-left:1em;color:var(--clr-subtext)}.markdown blockquote p{margin-bottom:1em}.markdown p{text-align:justify;line-height:1.2}.markdown p:has(img+img){display:flex;flex-wrap:wrap;gap:.5em}.markdown p:has(img+img) img{height:200px}.markdown>*:not(pre) code{background-color:var(--clr-border);padding:2px 4px;border-radius:4px}.markdown h2,.markdown h3,.markdown h4{margin-top:2em}.markdown h2:first-child,.markdown h3:first-child,.markdown h4:first-child{margin-top:0}.markdown img{max-width:100%}.markdown pre{border:1px solid var(--clr-border);padding:.5em;width:-moz-max-content;width:max-content}.markdown a:hover{text-decoration:underline}.markdown table{border-collapse:collapse}.markdown table th,.markdown table td{border:1px solid var(--clr-border);padding:.5em}:root{color-scheme:dark;--clr-text: hsl(0, 0%, 80%);--clr-subtext: hsl(0, 0%, 50%);--clr-border: hsl(0, 0%, 24%);--clr-highlight: hsl(0, 0%, 10%);--clr-darkest: hsl(0, 0%, 8%);--clr-radiant: hsl(70, 60%, 40%);--clr-dire: hsl(10, 60%, 50%);--font-family: "MS PGothic", monospace;--font-family-ru: monospace}.rip{margin-bottom:2em;display:flex;gap:1em;align-items:center;justify-content:space-between;opacity:0;animation:arriveTop 1s ease 1s forwards}.rip__text{display:flex;flex-direction:column;gap:1em}.rip img{height:480px;border-radius:4px;opacity:0;animation:arriveTop 1s ease 1.25s forwards}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--clr-text);background-color:#000;background-image:url(/dotan/bg.png);background-repeat:no-repeat;background-size:contain;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none;text-rendering:optimizeSpeed}body:has(audio) audio{opacity:.5}html{overflow-x:hidden;margin-right:calc(-1*(100vw - 100%))}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--clr-border)}table{position:relative}.item-list{display:flex;gap:2px}.item-list .item-link img{transition:scale .2s ease}.item-list .item-link img:hover{scale:1.1;box-shadow:0 0 0 1px var(--clr-subtext)}.item-list img{border-radius:4px;display:block}.item-list img.highlighted{box-shadow:0 0 0 1px var(--clr-subtext);scale:1.1}.subtext{color:var(--clr-subtext)}.hero-name{text-transform:capitalize}.ru-text{letter-spacing:-6px;font-size:.95em}.ru-text span{margin-right:6px}.rating--small{font-size:.8em}.hero-link img{transition:scale .2s ease}.hero-link img:hover{scale:1.1;box-shadow:0 0 0 1px var(--clr-subtext)}.player-link{word-break:break-all}.mmr-link{position:relative;text-decoration:none!important;color:var(--clr-text)}.mmr-link:hover:after{display:block}.mmr-link:after{content:"";display:none;position:absolute;width:100%;bottom:0;left:0;translate:0 3px;border-bottom:2px dotted var(--clr-subtext)}label:has(input[type=checkbox]){display:flex;gap:.25em;align-items:center}table{border-collapse:collapse;width:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}table a:hover{text-decoration:underline}table caption{text-align:left}table tbody tr:nth-child(odd){background-color:var(--clr-darkest)}table th{font-weight:unset;text-align:left}table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}table th.sorted{position:relative}table th.sorted:after{content:"▼";transform:rotate(180deg);position:absolute;color:var(--clr-subtext);translate:-2px 0px;scale:.7;transition:transform .3s ease}table th.sorted.desc:after{transform:rotate(0);translate:0 2px}table tr{opacity:0;animation:arriveTop .5s ease forwards;animation-delay:calc(var(--index) * .1s)}table tr:hover{filter:brightness(1.15)}table th,table td{padding:.5em}table th.center,table td.center{text-align:center}table th.right,table td.right{text-align:right}table th.slash:after,table td.slash:after{content:"/";position:absolute;translate:5px 0;color:var(--clr-subtext)}table th.dash,table td.dash{position:relative}table th.dash:after,table td.dash:after{content:"-";position:absolute;right:0;translate:4px 0;color:var(--clr-subtext)}a{text-decoration:none}.radiant{color:var(--clr-radiant)}.dire{color:var(--clr-dire)}@keyframes logo{0%{opacity:0;transform:rotateX(-25deg) rotateY(28deg) rotate(5deg)}}header{margin-top:.5em;margin-bottom:1em;display:grid;grid-template-columns:1fr min-content 1fr;gap:1em}header .logo{width:128px;height:128px;display:block;animation:logo 1.25s ease forwards;transition:scale .3s ease,filter 1s ease}header .logo:hover{scale:1.1;filter:contrast(1.1)}header .logo:active{translate:0 2px}header .dotan-links{display:flex;flex-direction:column;justify-content:center;align-items:end;gap:1em}header .dotan-links img{width:32px;filter:grayscale(1);opacity:.6;transition:opacity .3s,filter .3s ease}header .dotan-links img:hover{filter:grayscale(0);opacity:1}header nav{display:grid;gap:.5em 1.5em;align-content:center;width:-moz-fit-content;width:fit-content;grid-template-columns:1fr 1fr}header nav a{color:var(--clr-text);width:-moz-fit-content;width:fit-content;position:relative;color:var(--clr-subtext);opacity:0;animation:arriveRight .5s ease forwards;animation-delay:calc(var(--index) * .1s + .5s);transition:color .3s ease}header nav a:hover{color:var(--clr-text)}header nav a.active{color:var(--clr-text)}header nav a.active:before{content:"";position:absolute;translate:0 18px;width:100%;height:1px;background-color:var(--clr-subtext)}main{--width: 1200px;max-width:var(--width);width:min(100% - 3em,var(--width));margin-inline:auto;min-height:calc(100vh - 208px - 1.5em);transition:width .5s ease,max-width .5s ease}main:has(.hero-list){--width: 400px}main:has(.about,.mmr-info,.player-list){--width: 640px}main:has(.player){--width: 820px}main:has(.hero){--width: 940px}main:has(.item){--width: 1020px}footer{padding:2em;text-align:center;color:var(--clr-border)}.match-list{display:grid;gap:1em}.match-list__parameters{padding:1em;background-color:var(--clr-darkest);display:flex;gap:1em}.match-list__table td:first-child,.match-list__table th:first-child{padding-left:.65em}.match-list__item__hero-list{display:flex;width:-moz-fit-content;width:fit-content;gap:1px}.match-list__item__hero-list.winner{position:relative;box-shadow:0 0 4px 2px #ffd50099}.match-list__item__hero-list.winner:after{content:"🏆";pointer-events:none;position:absolute;translate:-35% -35%;opacity:.9}.match-list__item__hero-list img{width:72px;display:block}.match__team{--team-color: var(--clr-radiant);border-top:1px solid var(--team-color)}.match__team caption{color:var(--team-color)}.match__team--dire{--team-color: var(--clr-dire)}.match__team-tables{display:grid;gap:1em}.match__team-tables .networth{color:gold}.match__team-tables .stat-best{position:relative}.match__team-tables .stat-best:is(.right):before{right:0;translate:-.5em -10px;width:4ch}.match__team-tables .stat-best:before{content:"";position:absolute;width:calc(100% - 1em);height:1px;bottom:0;left:50%;translate:-50% -10px;background-color:var(--clr-border)}.match__team-tables table img{height:32px;border-radius:4px}.match__team-tables table .hero-portrait{position:relative}.match__team-tables table .hero-portrait .medal{position:absolute;left:0;bottom:0;filter:drop-shadow(1px 1px 2px black);transition:scale .2s ease;translate:-4px 2px}.match__team-tables table .hero-portrait .medal:hover{scale:2}.match__team-tables table .fantasy{float:right}.match__type{grid-column:1/span 3;text-align:center;font-size:1.25em}.match__info{display:grid;grid-template-columns:1fr min-content 1fr;gap:.5em 1em;align-items:center}.match__score{font-size:1.25em}.match__score.radiant{text-align:right}.match__score.dire{text-align:left}.match__datetime{grid-column:1/span 3;text-align:center;color:var(--clr-subtext)}.hero-list tr{animation-duration:.3s;animation-delay:calc(var(--index) * .1s)}.hero-list td:nth-child(n+2),.hero-list th:nth-child(n+2){text-align:center}.hero-list img{height:48px;border-radius:4px}.player-list__about{padding:1em}.player-list td:nth-child(2){height:66px;width:66px}.player-list td:nth-child(n+4),.player-list th:nth-child(n+4){text-align:center}.player-list img{width:48px}.player-list .avatar{border-radius:4px}.player-list .avatar--fake{width:48px;height:48px;border-radius:4px;animation:loadingImage 1s linear infinite;background-image:linear-gradient(45deg,var(--clr-border),var(--clr-highlight));background-size:200px}.player-list .medal{scale:1.25;translate:0 2px;transition:scale .2s ease}.player-list .medal:hover{scale:2}.about{display:grid;grid-template-columns:5fr 3fr;gap:1em}.about img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;animation:arriveRight 1s ease .5s forwards}.hero{display:grid;gap:1em}.hero__header{display:flex;gap:1em;align-items:center}.hero__header__portrait{height:64px;border-radius:4px}.hero__header__name{font-size:1.25em}.hero__pick-list img{height:32px;display:block;border-radius:4px}.player{display:grid;gap:1em}.player__header{display:grid;grid-template-columns:min-content auto min-content;grid-template-rows:1fr 1fr;gap:.5em 1em}.player__header:not(:has(.player__header__mmr)){display:flex}.player__header:not(:has(.player__header__mmr)) .player__header__name{align-self:center}.player__header__avatar{opacity:0;animation:arriveRight .5s ease .5s forwards;height:128px;width:128px;border-radius:4px;grid-row:1/span 2}.player__header__name{font-size:1.25em;align-self:end;height:-moz-fit-content;height:fit-content}.player__header__mmr{height:-moz-fit-content;height:fit-content}.player__header__medal{grid-row:1/span 2;grid-column:3;display:grid;align-items:center}.player__header__medal img{width:128px}.player__match-list img{height:32px;border-radius:4px;display:block}.item{display:grid;gap:1em}.item__header{display:flex;gap:1em;align-items:center}.item__header__image{opacity:0;animation:arriveRight .5s ease .5s forwards;border-radius:4px}.item__header__name{font-size:1.25em;text-transform:capitalize}.item__match-list img{height:32px;border-radius:4px;display:block}.lobby-list{width:560px;margin:auto auto 2em}.lobby-list caption{padding:.5em;border-bottom:1px solid var(--clr-border)}.lobby-list .btn-refresh{position:absolute;cursor:pointer;translate:.25em 1px;color:var(--clr-subtext)}.lobby-list .btn-refresh:hover{color:var(--clr-text)}.lobby-list .btn-refresh:active{translate:.5em 3px}@keyframes arriveRight{0%{opacity:0;translate:-40px 0}to{opacity:1;translate:0 0}}@keyframes arriveTop{0%{opacity:0;translate:0 40px}to{opacity:1;translate:0 0px}}@keyframes loadingImage{0%{background-position:0px 0px}50%{background-position:-100px 100px}to{background-position:0px 0px}}@keyframes loading{0%{content:""}33%{content:"•"}66%{content:"••"}to{content:"•••"}}.loading{opacity:0;animation:arriveTop .5s ease forwards .5s;width:128px;margin:4em auto auto;display:block;border-radius:50%}
