/* V36 — celestial obsidian, restrained gold and the owner's original emblems. */
:root{--myth-gold:#d8b979;--myth-ivory:#efe6d5;--myth-ease:cubic-bezier(.2,.75,.25,1)}
body:not(.dr-overlay){background-color:#090d14;color:#e8ebef}
.myth-atmosphere{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:strict}
.myth-atmosphere::before,.myth-atmosphere::after{content:'';position:absolute;inset:-10%;background:radial-gradient(ellipse at 18% 16%,#a6814320,transparent 38%),radial-gradient(ellipse at 86% 64%,#5a7db21b,transparent 35%);animation:myth-atmosphere 24s ease-in-out infinite alternate}
.myth-atmosphere::after{background:radial-gradient(ellipse at 50% 45%,#9775b80d,transparent 45%);animation-delay:-13s;animation-duration:31s}
.myth-atmosphere canvas{position:absolute;inset:0;pointer-events:none}
body main#main-content{position:relative;z-index:2}
body .site-footer{position:relative;z-index:2;background:linear-gradient(155deg,#11151df5,#080c12fa);border-top-color:#d8b97938}
body .topbar{border-bottom:1px solid #d8b97935;box-shadow:0 8px 30px #0005!important}
.topbar::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 10%,#b6d9e255 35%,#eedab999 50%,#b0a0d65c 65%,transparent 90%);background-size:240% 100%;animation:myth-rail 18s ease-in-out infinite;pointer-events:none}
body .brand-mark{background:transparent url('brand/chamas-flamejantes.svg') center/contain no-repeat;color:transparent!important;text-shadow:none;font-size:0!important;filter:drop-shadow(0 0 8px #e99d352b)}
body .brand strong{color:#f1e5ce}
body .topbar-nav>a[aria-current=page]::after{background:var(--myth-gold)!important;box-shadow:0 0 10px #e5bd6055}
body .eyebrow{color:var(--myth-gold);letter-spacing:.17em}
body .hero{isolation:isolate;border-bottom:1px solid #d8b97924}
body .hero::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 76% 25%,#d6b87918,transparent 45%),linear-gradient(0deg,#080d15,transparent 32%);animation:myth-hero-light 16s ease-in-out infinite alternate}
body .hero-content{position:relative;z-index:2}
body .hero h1{color:#f3e5c9;text-shadow:0 2px 24px #000a,0 0 48px #d6b8791a}
body .hero-stats>div{border-color:#d5b47224;background:linear-gradient(135deg,#131923b0,#11172270);backdrop-filter:blur(6px)}
body .hero-stats strong{color:#e6cc9a}
/* Shared surfaces cover public pages, accounts, utilities and administration. */
body .myth-surface{position:relative;border-color:#c6b1842b;background:radial-gradient(ellipse at var(--myth-x,30%) var(--myth-y,0%),#a98c5010,transparent 65%),linear-gradient(145deg,#151c28e8,#0b111af2);box-shadow:inset 0 1px 0 #f4e1b60b,0 8px 30px #0002;transition:border-color .3s,box-shadow .35s,background-color .3s}
body .myth-surface:hover{border-color:#d8b97966;box-shadow:inset 0 1px 0 #f4e1b61c,0 12px 32px #0003}
body .myth-surface:focus-within{border-color:#d8b97980}
body .btn.primary{background:linear-gradient(115deg,#a94922,#e97532 48%,#ce612c);color:#fff6e4;border-color:#efad5c60;box-shadow:inset 0 1px #ffdabd29,0 4px 18px #ab491220;transition:background-position .4s,box-shadow .22s,transform .22s;background-size:170% 100%}
body .btn.primary:hover{background-position:100% 0;box-shadow:inset 0 1px #ffdabd44,0 5px 22px #d76d323b;transform:translateY(-2px)}
body .btn:active,body .dr-btn:active{transform:translateY(1px)}
body :is(input,select,textarea):focus{border-color:#d8b9799c;box-shadow:0 0 0 3px #d8b97912}
body :is(.section-head,.arena-team-heading,.hub-page-head,.page-hero) h1,body .section-head h3{color:#ede2cc}
body .myth-page-enter{animation:myth-content-enter .7s var(--myth-ease) both}
body .myth-reveal{animation:myth-content-enter .65s var(--myth-ease) both;animation-delay:var(--myth-delay,0ms)}
.myth-emblem{--myth-color:#d8b979;position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:var(--myth-emblem-size,96px);height:var(--myth-emblem-size,96px);vertical-align:middle;isolation:isolate;perspective:800px;overflow:visible}
.myth-emblem::before{content:'';position:absolute;inset:5%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--myth-color) 28%,transparent),transparent 70%);filter:blur(7px);opacity:.45;animation:myth-emblem-aura 7s ease-in-out infinite;animation-delay:var(--myth-phase,0s);pointer-events:none}
body .myth-emblem>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 9px #0006);animation:myth-emblem-breathe 7s ease-in-out infinite;animation-delay:var(--myth-phase,0s);transform-origin:50% 60%}
.myth-emblem-light{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffe7b832 44%,#fff5d780 49%,#d2e9f138 53%,transparent 64%);background-size:330% 100%;mask-image:var(--myth-mask);-webkit-mask-image:var(--myth-mask);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mix-blend-mode:screen;animation:myth-emblem-sweep 12s ease-in-out infinite;animation-delay:var(--myth-phase,0s)}
.myth-emblem>img,.myth-emblem-light{transition:rotate .35s var(--myth-ease);rotate:var(--myth-tilt-x,0) var(--myth-tilt-y,0) 0 var(--myth-tilt,0deg)}
.myth-emblem[data-in-view=false]>img,.myth-emblem[data-in-view=false]::before,.myth-emblem[data-in-view=false] .myth-emblem-light{animation-play-state:paused}
.rank-name-badge>.myth-emblem{width:var(--rank-image-size,34px);height:var(--rank-image-size,34px);flex:0 0 var(--rank-image-size,34px)}
.myth-emblem-small::before{filter:blur(3px);opacity:.3}
.myth-emblem-small>img{filter:drop-shadow(0 2px 3px #0007)}
body .season-emblems article{padding:24px 12px 20px;border-top:1px solid color-mix(in srgb,var(--emblem-color) 50%,transparent);border-radius:16px;gap:10px}
body .season-emblems .myth-emblem{width:clamp(110px,13vw,170px);height:clamp(110px,13vw,170px)}
body .profile-emblem-art{overflow:visible}
body .profile-emblem-art::before{display:none}
body .profile-rank-card{border-color:color-mix(in srgb,var(--emblem-color) 30%,transparent);border-radius:13px}
.profile-rank-meter>span{position:relative;overflow:hidden}
.profile-rank-meter>span::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff9,transparent);animation:myth-meter 9s ease-in-out infinite}
.myth-avatar{isolation:isolate}
.myth-highlight-avatar{position:relative;display:inline-grid;place-items:center;width:110px;height:110px;border-radius:50%;vertical-align:middle}
.myth-avatar-orbit{position:absolute;inset:-5px;border:1px solid #d8c2991a;border-radius:50%;pointer-events:none;z-index:2}
.myth-avatar-orbit::before{content:'';position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:#e3c18799;border-right-color:#a2c2db40;animation:myth-orbit 16s linear infinite}
body .hub-covered .hub-cover-backdrop{animation:myth-cover-breathe 18s ease-in-out infinite alternate}
body .profile-identity-card{border-top-color:#d7b57966;box-shadow:0 20px 55px #0004,inset 0 1px #fff4d01a}
body .social-profile-main .profile-identity-card h1{font-size:clamp(20px,1.6vw,25px);line-height:1.3;text-shadow:0 2px 10px #0007}
body .profile-popover-card{border-color:#d8b9794d}
/* V36.2: static profiles, including cards inserted after the page has loaded. */
body .myth-profile-static,body .myth-profile-static *,body .myth-profile-static::before,body .myth-profile-static::after,body .myth-profile-static *::before,body .myth-profile-static *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body .myth-profile-static .myth-emblem>img,body .myth-profile-static .myth-emblem-light{transform:none!important;rotate:none!important}
body .myth-profile-static .myth-emblem-light,body .myth-profile-static .myth-avatar-orbit,body .myth-profile-static .profile-rank-meter>span::after{display:none!important}
body .myth-profile-static.build-library-card:hover,body .myth-profile-static .profile-season-badges>a:hover,body .myth-profile-static .social-player-avatar:hover img,body .myth-profile-static.social-player-avatar:hover img,body .myth-profile-static.profile-popup-trigger:hover>img,body .myth-profile-static.profile-popup-trigger:hover>span{transform:none!important}
body.myth-profile-page .myth-atmosphere{display:none}
.myth-showcase{padding-top:34px;padding-bottom:26px}
.myth-showcase .section-head{margin-bottom:24px}
.myth-emblem-shelf{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.myth-emblem-tile{display:flex;align-items:center;flex-direction:column;gap:9px;padding:18px 5px 13px;border:1px solid #d8b97926;border-radius:12px;text-decoration:none}
.myth-emblem-tile>.myth-emblem{width:min(100%,104px);height:auto;aspect-ratio:1}
.myth-emblem-tile>img{width:104px;height:104px;object-fit:contain;max-width:100%}
.myth-emblem-tile>b{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#d6c6a9;white-space:nowrap}
@keyframes myth-atmosphere{from{transform:translate3d(-2%,-1%,0);opacity:.45}to{transform:translate3d(2%,2%,0);opacity:.85}}
@keyframes myth-hero-light{from{opacity:.5}to{opacity:1}}
@keyframes myth-rail{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
@keyframes myth-content-enter{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes myth-emblem-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes myth-emblem-aura{0%,100%{opacity:.38;transform:scale(.94)}50%{opacity:.7;transform:scale(1.06)}}
@keyframes myth-emblem-sweep{0%,25%{background-position:150% 0;opacity:0}30%{opacity:.6}55%{background-position:-50% 0;opacity:.5}60%,100%{background-position:-50% 0;opacity:0}}
@keyframes myth-orbit{to{transform:rotate(360deg)}}
@keyframes myth-meter{0%,60%{transform:translateX(-110%)}90%,100%{transform:translateX(110%)}}
@keyframes myth-cover-breathe{from{filter:brightness(.94)}to{filter:brightness(1.07)}}
html[data-myth-paused=true] *,html[data-myth-paused=true] *::before,html[data-myth-paused=true] *::after{animation-play-state:paused!important}
html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=reduce] .myth-emblem>img,html[data-motion=reduce] .myth-emblem-light{rotate:none!important;transform:none!important}
html[data-motion=reduce] .myth-atmosphere,html[data-motion=reduce] .myth-emblem-light,html[data-motion=reduce] .myth-avatar-orbit::before{display:none}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) *,html:not([data-motion=full]) *::before,html:not([data-motion=full]) *::after{animation:none!important;transition:none!important}html:not([data-motion=full]) .myth-atmosphere,html:not([data-motion=full]) .myth-emblem-light{display:none}}
@media(max-width:1000px){.myth-emblem-shelf{grid-template-columns:repeat(5,minmax(0,1fr))}.myth-emblem-tile{padding:15px 6px}}
@media(max-width:600px){.myth-atmosphere::after{display:none}.myth-emblem-shelf{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.myth-emblem-tile{padding:9px 2px;border-radius:8px;gap:5px}.myth-emblem-tile>b{font-size:7px;letter-spacing:0}.myth-showcase .section-head{gap:10px}.myth-emblem-light{mix-blend-mode:normal}body .season-emblems .myth-emblem{width:128px;height:128px}}
@media print{.myth-atmosphere,.myth-emblem-light,.myth-avatar-orbit{display:none!important}*{animation:none!important}}