/* MUPHOENIX / Phoenix embers: isolated public-site theme. */
:root{--gold:#ffc475;--muted:#b9b2b0;--line:#d9a36529;--bg:#080b13;--panel:#10131d;--orange:#ff782e}
body.phoenix-gaming{background:#080b13;isolation:isolate}
.phoenix-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,#74271755,transparent 60%),radial-gradient(ellipse at 5% 78%,#16294f66,transparent 50%),#080b13}
.phoenix-atmosphere::before{content:'';position:absolute;inset:-15%;background:conic-gradient(from 220deg at 65% 65%,transparent 20%,#ae3d1440 37%,transparent 46%,#e5791a22 60%,transparent 76%);filter:blur(48px);animation:phoenix-drift 24s ease-in-out infinite alternate;opacity:.8}
.phoenix-atmosphere::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b13c9,transparent 65%),linear-gradient(0deg,#080b1355,transparent 70%)}
.phoenix-atmosphere canvas{position:absolute;inset:0;width:100%!important;height:100%!important;pointer-events:none;display:block}
#phoenix-gpu{opacity:0;transition:opacity 1.4s ease}
.phoenix-atmosphere[data-renderer=gpu] #phoenix-gpu{opacity:.48}
.phoenix-atmosphere[data-renderer=gpu] #phoenix-embers{opacity:0}
.phoenix-gaming .nav{background:#090b14e8;border-bottom:1px solid #e0a45650;box-shadow:0 8px 42px #0007}
.phoenix-gaming .hero{background:radial-gradient(ellipse at 77% 43%,#b84b1818,transparent 60%)}
.phoenix-gaming .hero::after{content:'';position:absolute;left:6%;right:6%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ff9b41bb,transparent);box-shadow:0 0 32px #f76d2660}
.phoenix-gaming .hero h1,.phoenix-gaming .account-section>h1{font-family:'Arial Black','Trebuchet MS',Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-2.7px;line-height:1.05;font-size:clamp(48px,5.2vw,80px);text-shadow:0 4px 30px #0009}
.phoenix-gaming .hero h1 em{font-style:normal;color:#ffc778;text-shadow:0 0 36px #ed7d323d}
.phoenix-gaming h2{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800;letter-spacing:-.9px}
.phoenix-gaming h3{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:700}
.phoenix-gaming .hero-art{filter:drop-shadow(0 0 55px #ff76133b);animation:phoenix-breathe 8s ease-in-out infinite alternate}
.phoenix-gaming .hero-copy{max-width:570px}
.phoenix-gaming .hero .lead{color:#d2c9c2;text-shadow:0 2px 10px #000b}
.phoenix-gaming .season-pill{border-color:#ff9f4d80;background:#29140ce6;box-shadow:inset 0 0 18px #ff8a1312,0 0 24px #ff7b1514;font-size:10px;font-weight:700}
.phoenix-gaming .button.primary,.phoenix-gaming .nav-button{background:linear-gradient(120deg,#ffd58d,#ff9c3d 64%,#e26b20);color:#241007;border-color:#ffc36b;box-shadow:inset 0 1px 0 #ffe8bb,0 4px 22px #d45b2033;text-transform:uppercase;letter-spacing:.6px;border-radius:6px;position:relative;overflow:hidden}
.phoenix-gaming .button.primary::after{content:'';position:absolute;inset:-60% -100%;background:linear-gradient(110deg,transparent 42%,#fff7 49%,transparent 57%);transform:translateX(-70%);transition:transform .65s ease;pointer-events:none}
.phoenix-gaming .button.primary:hover::after{transform:translateX(65%)}
.phoenix-gaming .button.primary:hover{box-shadow:0 0 30px #ff8b325a,inset 0 1px 0 #fff0bd;filter:brightness(1.08)}
.phoenix-gaming .button.secondary{background:#111622de;border-color:#e5ad645e;border-radius:6px;color:#f9d6a1}
.phoenix-gaming :is(.news-feature,.news-card,.vip-preview,.form-card,.realm-facts,.event-card,.poll-card){background:linear-gradient(145deg,#191921f5,#0c101bf5);border-color:#ba81443d;box-shadow:0 12px 40px #0003,inset 0 1px 0 #ffdbab0a;border-radius:10px}
.phoenix-gaming :is(.news-card,.news-feature,.class-card,.vip-preview,.form-card):hover{border-color:#f4b66a88;box-shadow:0 0 28px #d87d2615,0 15px 45px #0005}
.phoenix-gaming .news-feature{background:radial-gradient(ellipse at 100% 0,#a13b2544,transparent 75%),#12151f}
.phoenix-gaming .class-card{border-color:#c48b4736;transition:border-color .25s,box-shadow .25s}
.phoenix-gaming .status-strip{position:relative;background:linear-gradient(120deg,#19151de8,#0b1423ed);border-color:#d69a5059;border-radius:8px;box-shadow:0 0 36px #ee762313}
.phoenix-gaming .status-strip strong{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:700}
.phoenix-gaming .start-section{background:linear-gradient(145deg,#15131ee0,#09121bd9);border-radius:12px}
.phoenix-gaming .download{background:radial-gradient(ellipse at center,#9137202e,transparent 70%)}
.phoenix-gaming .table-wrap{background:#0c101ce8;border-radius:8px;border-color:#b684484a}
.phoenix-gaming th{background:#191923;color:#f4ca96}
.phoenix-gaming tbody tr:hover{background:#f4b45d09}
.phoenix-gaming .section{border-bottom-color:#e6a45a20}
.phoenix-gaming .form-card{background:#11141ff5}
.phoenix-gaming :is(input,select,textarea){color-scheme:dark}
.phoenix-gaming .social-auth{position:relative}
.phoenix-gaming footer{border-top:1px solid #d19a4429}
.phoenix-fx-toggle{position:fixed;bottom:20px;left:18px;z-index:20;padding:7px 12px;border:1px solid #b580414d;border-radius:30px;background:#0b101cea;color:#cdb99c;font:11px Arial,sans-serif;cursor:pointer;backdrop-filter:blur(10px);box-shadow:0 4px 20px #0004}
.phoenix-fx-toggle::before{content:'';display:inline-block;width:6px;height:6px;background:#ffac50;border-radius:50%;margin-right:7px;box-shadow:0 0 9px #ff862a}
.phoenix-fx-toggle[aria-pressed=false]::before{background:#777;box-shadow:none}
.phoenix-fx-off .phoenix-atmosphere::before,.phoenix-fx-off .hero-art{animation-play-state:paused}
@keyframes phoenix-drift{from{transform:rotate(-8deg) scale(1)}to{transform:rotate(12deg) scale(1.1)}}
@keyframes phoenix-breathe{from{filter:drop-shadow(0 0 45px #ff76132c)}to{filter:drop-shadow(0 0 66px #ff791854)}}
@media(max-width:850px){.phoenix-gaming .hero h1{font-size:clamp(44px,7vw,65px);letter-spacing:-2px}.phoenix-atmosphere::before{filter:blur(30px);animation:none}.phoenix-gaming .hero-art{animation:none}}
@media(max-width:600px){.phoenix-gaming .hero h1,.phoenix-gaming .account-section>h1{font-size:clamp(36px,9.7vw,55px);letter-spacing:-1.6px}.phoenix-gaming .hero .lead{font-size:14px}.phoenix-fx-toggle{bottom:12px;left:10px;font-size:10px;padding:7px 10px}.phoenix-gaming .hero-copy{max-width:100%}.phoenix-gaming .actions .button{padding:15px 18px}}
@media(prefers-reduced-motion:reduce){.phoenix-atmosphere::before,.phoenix-gaming .hero-art{animation:none}.phoenix-gaming .button.primary::after{display:none}.phoenix-atmosphere canvas{display:none}.phoenix-gaming *{scroll-behavior:auto!important}}

/* Purple/blue silk aura on the actual S20 character cards (not legacy .class-card). */
.phoenix-gaming .class-family{border-radius:24px;border-color:#9d70ee66;background:#100c1d;box-shadow:0 14px 36px #0004,inset 0 1px 0 #b68aff1a;transition:border-color .25s,box-shadow .25s}
.phoenix-gaming .class-family:is(:hover,:focus-within){border-color:#ba8affc9;box-shadow:0 0 28px #823fff35,0 18px 45px #0006}
.phoenix-gaming .class-family .class-face{border-radius:22px 22px 0 0;overflow:hidden;background:radial-gradient(ellipse at 20% 20%,#38226a88,transparent 66%),linear-gradient(145deg,#101022,#170d29 62%,#0a1020);isolation:isolate}
.phoenix-gaming .class-family .class-front::before{content:'';position:absolute;inset:-21% -48% 0;z-index:0;pointer-events:none;background:conic-gradient(from 210deg at 50% 43%,transparent 0 17%,#5823ea00 22%,#7128ffcc 33%,#bd4cffe0 41%,#511df5e6 48%,#64b9ffc9 58%,#3e59fe88 65%,transparent 74% 100%);filter:blur(15px);transform:rotate(-22deg) scaleY(.65);animation:phoenix-card-silk 13s ease-in-out infinite alternate}
.phoenix-gaming .class-family .class-front::after{content:'';position:absolute;left:-35%;top:48px;width:170%;height:146px;z-index:0;pointer-events:none;border:22px solid transparent;border-top-color:#a051ffcc;border-right-color:#57a8ffd9;border-radius:50%;filter:blur(11px);transform:rotate(-26deg);animation:phoenix-card-ribbon 16s ease-in-out infinite alternate}
.phoenix-gaming .class-family:nth-child(3n+2) .class-front::before{animation-delay:-5s}
.phoenix-gaming .class-family:nth-child(3n) .class-front::before{animation-delay:-9s}
.phoenix-gaming .class-family:nth-child(even) .class-front::after{animation-delay:-7s}
.phoenix-gaming .class-family .class-portrait{z-index:1;background:radial-gradient(ellipse at 50% 70%,#9670f01c,transparent 70%)}
.phoenix-gaming .class-family .class-description{z-index:1;text-shadow:0 2px 12px #07040fd9}
.phoenix-gaming .class-family .class-description strong{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800;color:#f0e8ff}
.phoenix-gaming .class-family .class-description>span{color:#cec2e2}
.phoenix-gaming .class-family .flip-hint{z-index:2;color:#c7adff}
.phoenix-gaming .class-family .class-back{background:radial-gradient(ellipse at 100% 0,#6524b94d,transparent 70%),linear-gradient(140deg,#17112a,#0c1220)}
.phoenix-gaming .class-family .build-chart-title{color:#e5d3ff}
.phoenix-gaming .class-evolution{position:relative;background:linear-gradient(145deg,#1c1232,#0e1424);border-top-color:#9e6ae340}
.phoenix-gaming .class-evolution h3{color:#bca2e5}
.phoenix-gaming .class-evolution li{color:#c9bed9}
.phoenix-gaming .class-evolution li::before{border-color:#9e73dc;background:#171026}
.phoenix-gaming .class-evolution li:not(:last-child)::after{background:#9368d259}
.phoenix-gaming .class-evolution li:last-child{color:#dfc5ff}
.phoenix-gaming .class-evolution li:last-child::before{background:#c193ff;border-color:#c193ff;box-shadow:0 0 8px #a16bff66}
.phoenix-fx-off .class-family .class-front::before,.phoenix-fx-off .class-family .class-front::after{animation-play-state:paused}
.phoenix-fx-off :is(.nav,footer) .brand-cycle :is(.brand-name,.brand-phoenix),.phoenix-fx-off :is(.nav,footer) .brand-cycle::after{animation-play-state:paused}
@keyframes phoenix-card-silk{from{transform:translate(-3%,-3%) rotate(-22deg) scaleY(.65)}to{transform:translate(4%,5%) rotate(4deg) scaleY(.8)}}
@keyframes phoenix-card-ribbon{from{transform:translateY(-8px) rotate(-26deg)}to{transform:translateY(22px) rotate(-9deg)}}
@media(max-width:700px){.phoenix-gaming .class-family{border-radius:22px}.phoenix-gaming .class-family .class-face{border-radius:20px 20px 0 0}.phoenix-gaming .class-family .class-front::before,.phoenix-gaming .class-family .class-front::after{animation:none}}
@media(prefers-reduced-motion:reduce){.phoenix-gaming .class-family .class-front::before,.phoenix-gaming .class-family .class-front::after{animation:none}.phoenix-gaming .class-family{transition:none}}