/* One interface and API for mobile browsers, desktop and Telegram. */
header{padding-top:calc(16px + max(env(safe-area-inset-top,0px),var(--tg-content-safe-area-inset-top,0px)))}
.guest #balance,.guest .home-participation+.campaign{display:none}
.guest .miner-promo{display:none}
.web-login ol{padding-left:22px;color:var(--muted)}
.web-login li{margin:8px 0}
.web-login input[name=code]{text-transform:uppercase;letter-spacing:.1em}
.web-login small{margin-top:16px}
.web-mode .dota-helper select{font-size:16px}
main,header,.phone,.dota-helper{min-width:0}
@media(min-width:900px){
 .web-mode .phone{max-width:1120px;padding-bottom:100px;border:1px solid var(--line);border-top:0}
 .web-mode main{padding:28px 40px;max-width:100%;margin:auto}
 .web-mode header{padding-left:40px;padding-right:40px}
 .web-mode #balance{padding-left:40px;padding-right:40px}
 .web-mode nav{width:min(100%,1120px);padding:10px 24px}
 .web-mode nav button{flex-direction:row;gap:10px;font-size:14px}
 .web-mode .hero{padding:30px}
 .web-mode .hero h1{font-size:48px}
 .web-mode .hero button{width:auto;min-width:270px}
 .web-mode .mascot{width:110px;height:110px}
 .web-mode .dota-picker-list{grid-template-columns:repeat(4,minmax(0,1fr));max-height:440px}
 .web-mode .dota-items{grid-template-columns:repeat(3,minmax(0,1fr))}
 .web-mode .dota-helper,.web-mode .web-login{max-width:850px;margin:auto}
 .web-mode .dota-item-card{min-width:0}
 .web-mode .tool-grid{gap:18px}
 .web-mode .tool-grid .panel{padding:22px}
 .web-mode .minefield{max-width:500px;margin:20px auto}
}

.account-identities h2{margin-top:0}.account-confirm{border-color:var(--lime)}.account-confirm small{margin:12px 0}.steam-button{background:#bce57d;color:#182714}.account-identities input[name=code]{text-transform:uppercase;letter-spacing:.06em}