/* The same glossy cartoon characters appear at entry, in play and in rewards. */
/* Results belong beside the round dots, inside the playing field. */
.arena-bottom{align-items:flex-start;flex-wrap:wrap}.round-progress{display:grid;gap:9px;min-width:0}.arena-bottom .legend{display:flex;gap:12px;flex-wrap:wrap;row-gap:5px}.arena-bottom .legend>span{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.arena-bottom .legend i{margin:0;width:7px;height:7px;flex-shrink:0}.game-footer[hidden]{display:none!important}
@media(max-width:560px){.arena-top{flex-wrap:wrap;gap:8px}.arena-top .counter{margin-left:auto}.arena-top .challenge-review{order:3;width:100%;white-space:normal}.arena-bottom .legend{gap:9px;font-size:9px}.round-progress{gap:8px}}
.training-medal{position:relative;display:block;width:42px;height:48px;flex-shrink:0;margin-top:1px;filter:drop-shadow(0 2px 3px #0004)}.training-medal>img{display:block;width:100%;height:100%;object-fit:fill}.training-medal>span{position:absolute;left:24%;top:23%;width:52%;height:37%;display:grid;place-items:center;color:#ffe2a0;background:#12273be6;border-radius:50%;font-size:10px;font-weight:900}.training-medal .icon{width:14px;height:14px;color:#ffe2a0}.award-card.locked .training-medal{opacity:.45;filter:saturate(.4)}
@media(max-width:560px){.training-medal{width:29px;height:34px}.training-medal>span{font-size:7px}.training-medal .icon{width:10px;height:10px}}
.element-hero.character-portrait{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:visible;flex-shrink:0;width:70px;height:86px;filter:drop-shadow(0 4px 5px #0005)}
.character-sprite{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.avatar-token,.player-symbol{overflow:visible;background:radial-gradient(circle,var(--character-light,#ffda7b) -180%,#142941 65%)}
.avatar-token .element-hero{width:37px;height:44px;margin-top:-7px}
.player-symbol{width:43px;height:44px;border-radius:8px}
.player-symbol .element-hero{width:47px;height:54px;margin-top:-6px}
.player-select{gap:12px}
.profile-symbol-preview .element-hero.character-portrait{width:80px;height:98px;margin:-10px -5px -9px 0}
.profile-symbol-preview{min-height:89px;margin-top:9px;padding-right:7px}
.profile-symbol-preview b{font-size:14px}.profile-symbol-preview small{line-height:1.4}
.profile-art .profile-character{position:absolute;width:220px;height:280px;inset:72px auto auto 50%;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 12px 20px #030716b3)}
.profile-art .profile-character .element-hero{width:100%;height:100%}
.profile-art .art-caption{position:relative;z-index:1;margin-bottom:35px}.profile-art .art-caption h2{font-size:29px;text-shadow:0 2px 12px #000}
.daily-panel{position:relative;overflow:hidden}.daily-panel h2{position:relative;z-index:1;padding-right:58px;font-size:23px}.daily-panel #daily{position:relative;z-index:2}.training-hero{position:absolute;right:6px;top:20px;width:97px;height:125px;pointer-events:none;opacity:.97;filter:drop-shadow(0 6px 9px #0005)}.training-hero .element-hero{width:100%;height:100%}.daily-panel .section-heading{position:relative;z-index:2}
body[data-element='Энергия']{--accent:#b0f58d;--energy:#40c663}body[data-element='Вода']{--accent:#9aefff;--energy:#21b4c4}body[data-element='Молния']{--accent:#9bdcff;--energy:#287ae3}
@media(max-height:780px) and (min-width:821px){.profile-body{padding:26px;max-height:calc(100dvh - 52px)}.profile-body h2{font-size:28px}.profile-body #list{margin:12px 0 9px}.profile-body .divider{margin:12px 0}.profile-body .privacy-note{margin-top:12px}.profile-art .profile-character{top:55px;height:255px}.profile-art .art-caption{margin-bottom:25px}.profile-art .art-caption h2{font-size:27px}.daily-panel h2{font-size:21px}.training-hero{width:84px;height:111px;top:17px}}
@media(max-width:820px){.daily-panel h2{font-size:21px}.training-hero{width:92px;height:117px;top:12px}}
@media(max-width:560px){.avatar-token .element-hero{width:31px;height:37px;margin-top:-5px}.profile-symbol-preview .element-hero.character-portrait{width:66px;height:78px;margin:-6px 0 -6px -2px}.profile-symbol-preview{min-height:69px;margin:7px 0 4px;padding:6px;gap:8px}.profile-symbol-preview b{font-size:12px}.profile-symbol-preview small{font-size:9px}.profile-art{min-height:125px;overflow:hidden}.profile-art .profile-character{width:110px;height:140px;left:auto;right:7px;top:1px;transform:none}.profile-art .art-caption{max-width:calc(100% - 95px);margin:17px 0 0}.profile-art .art-caption h2{font-size:18px}.profile-art .art-brand{position:relative;z-index:1}.profile-body{padding-top:18px;padding-bottom:18px}.profile-body h2{font-size:23px}.profile-body>.muted{margin:6px 0}.daily-panel h2{padding-right:49px;font-size:18px}.training-hero{width:74px;height:98px;right:0;top:11px}.player-symbol{width:37px;height:38px}.player-symbol .element-hero{width:40px;height:47px}.player-select{gap:9px}.profile-body #list{margin-top:10px;margin-bottom:8px}.profile-body .divider{margin:11px 0}.profile-choices select{font-size:11px;padding-right:5px;padding-left:7px}}
@media(max-height:710px) and (max-width:560px){.profile-art{min-height:104px}.profile-art .profile-character{height:116px;width:96px}.profile-art .art-caption h2{font-size:17px}.profile-body{padding:14px 19px}.profile-body h2{font-size:21px;margin:7px 0}.profile-symbol-preview{min-height:60px}.profile-symbol-preview .element-hero.character-portrait{height:66px;width:57px}.profile-form{gap:6px}.profile-body .privacy-note{margin-top:9px}}
@media(max-width:380px){.profile-body{padding:16px 19px}.profile-art{padding:14px}.profile-body #list{margin-top:8px}.profile-symbol-preview{gap:6px}.profile-symbol-preview small{font-size:8.5px}.award-card{flex-direction:column;align-items:center;text-align:center;gap:3px;padding:7px 5px}.award-card .training-medal{width:24px;height:28px}.award-card b{font-size:10px}.award-card small{font-size:8px;line-height:1.25}.award-card .award-count{font-size:8px;line-height:1.25;margin-top:5px}.award-summary{font-size:10px;padding:8px;gap:6px}.award-tip{font-size:10px;line-height:1.35;margin:9px 0}}