/* The ID arm preserves the previous selector specificity without a descendant search. */
#lobby .play-panel .play-big{margin-bottom:16px!important}#lobby .play-panel>small,#lobby .play-panel .mode-footnote{display:block;position:relative;line-height:1.5;margin-top:12px;clear:both}
.community-mark svg{width:28px;height:28px}
.treasure-hero>h3,.treasure-hero>p,.treasure-hero>#open-chest{grid-column:2;text-align:left}.treasure-hero>h3,.treasure-hero>p{justify-self:start}
#hub-content .wardrobe-top{padding:14px 18px;min-height:0;gap:12px}#hub-content .wardrobe-top h2{font-size:25px;margin:4px 0}#hub-content .wardrobe-top p{margin:5px 0;font-size:12px}#hub-content .wardrobe-equipped{margin:10px 0;gap:8px}#hub-content .wardrobe-equipped>div{padding:10px;gap:4px}.wardrobe-identity{margin:10px 0;color:#ddd3ff;font-size:12px}.wardrobe-identity summary{cursor:pointer}.wardrobe-identity .wardrobe-name{margin:10px 0}#hub-content .collection-filters button[aria-pressed=true]{background:#fcd97c;color:#352b20}#hub-content .wardrobe-tabs button[aria-pressed=true]{background:#ffe58b;color:#423326;box-shadow:0 4px #ad7731}#hub-content .wardrobe-section-title{margin-top:4px}#hub-content .collection-filters{margin:8px 0 14px}
.treasure-hero{display:grid;grid-template-columns:170px 1fr;column-gap:24px;align-items:center;padding:24px;background:radial-gradient(ellipse at 12% 50%,#aa81ee66,transparent 50%),linear-gradient(130deg,#424f86,#43275e);border:2px solid #9a8acb;border-bottom-width:7px;border-radius:24px;margin-bottom:18px}.treasure-hero .treasure-icon{grid-column:1;grid-row:1/4;width:160px;height:160px;margin:0;background-size:contain}.treasure-hero h3{font-size:28px;margin:0;color:#ffe998}.treasure-hero p{font-size:13px;line-height:1.7}.treasure-hero #open-chest{justify-self:start;min-width:220px;padding:18px 24px;font-size:20px}.treasure-hero #open-chest:disabled{opacity:.55}@media(max-width:600px){.treasure-hero{grid-template-columns:90px 1fr;padding:14px;gap:12px}.treasure-hero .treasure-icon{width:90px;height:100px}.treasure-hero h3{font-size:20px}.treasure-hero #open-chest{min-width:0;width:100%;font-size:16px;grid-column:1/-1}}
#chest-action img{animation:chest-idle 4s ease-in-out infinite;transform-origin:50% 90%}@keyframes chest-idle{0%,75%,100%{transform:rotate(0)}80%{transform:rotate(-4deg)}86%{transform:rotate(4deg)}92%{transform:rotate(-2deg)}}@media(prefers-reduced-motion:reduce){#chest-action img{animation:none}}
#practice-panel{width:min(680px,94vw);max-height:90svh;overflow:auto}.practice-options{margin:15px 0}.practice-options input[type=range]{width:100%;accent-color:#fcd97c}.practice-options output{float:right;color:#fcd97c}.practice-options p{font-size:11px}.practice-decks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.practice-decks label{font-size:11px}.practice-decks select{display:block;width:100%;margin-top:5px}
.collection-filters{display:flex;gap:8px;margin:16px 0}.collection-filters button[aria-pressed=true]{background:#fcd97c;color:#352b20}.wardrobe-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:16px!important}.wardrobe-cards article{border-radius:20px!important;border:2px solid var(--rarity,#9ca2dc)!important;border-bottom-width:6px!important;background:linear-gradient(145deg,#514978,#292340)!important;overflow:hidden}.wardrobe-art{background:radial-gradient(ellipse,#ffffff22,transparent 70%);min-height:130px}.wardrobe-cards h3{font-size:17px;margin:8px 0}.wardrobe-tabs{position:sticky;top:0;z-index:2;background:#251c3dee;padding:9px;border-radius:15px}.wardrobe-cards article button{width:100%;margin-top:10px;border-radius:12px}.wardrobe-header{background:linear-gradient(120deg,#594583,#293959);padding:16px;border-radius:20px}.drop-odds,.chest-contents{background:#24243d;border:1px solid #747398;border-radius:14px;padding:14px;margin-top:12px}.drop-odds summary,.chest-contents summary{font-weight:800;color:#e0d0ff;cursor:pointer}.card-grid{gap:16px}.card-grid article{border-radius:18px}.battle-deck{border-radius:20px}.journey-hero,.target-card{border-radius:20px;background:linear-gradient(125deg,#424c78,#342343);padding:18px}
.wardrobe-cards article[hidden]{display:none!important}
.practice-workshop .workshop-banner{display:flex;gap:20px;align-items:center;background:linear-gradient(125deg,#5145a1,#2b6593);padding:16px;border-radius:20px;margin:12px 0 22px}.workshop-banner>span{font-size:56px;color:#ffe587}.workshop-banner h2{font-size:30px;margin:5px 0}.workshop-banner p{margin:0;font-size:12px}.practice-workshop input{width:100%;accent-color:#fcdb83;margin:20px 0}.practice-workshop output{float:right;color:#ffe38c;font-weight:900}.rival-deck,.picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rival-deck button,.picker-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:linear-gradient(140deg,#55518f,#25273e);border:2px solid #9da3df;border-bottom-width:6px;border-radius:18px;color:white}.rival-deck img,.rival-deck svg,.picker-grid img,.picker-grid svg{width:70px;height:70px}.rival-deck small{font-size:10px;color:#bceaff}.rival-deck button>span:last-child{font-size:11px;color:#fde5a7}.random-art{display:grid;place-items:center;width:70px;height:70px;background:#151d38;border:2px dashed #8b90cc;border-radius:15px;font-size:45px;color:#d8b6ff}.spell-picker{width:min(800px,94vw);max-height:88svh;background:#242443;color:white;border:3px solid #9e95dc;border-radius:24px;padding:24px}.spell-picker::backdrop{background:#0d092cbb;backdrop-filter:blur(5px)}.picker-heading{display:flex;align-items:center;justify-content:space-between}.picker-heading h2{font-size:26px}.picker-heading button{background:#cf608c;color:white;border:0;border-radius:12px;padding:12px}.picker-grid small{font-size:11px;line-height:1.5}.currency{display:inline-grid;grid-template-columns:auto auto;gap:3px 8px;padding:8px 12px;border:2px solid #dfbc62;border-bottom-width:5px;border-radius:12px;background:#554021;color:#ffe38a;font-size:24px}.currency small{grid-column:2;font-size:10px}.currency.shards{background:#243e55;color:#9cffe4;border-color:#65c6c7}#wallet{display:flex!important;gap:8px}#solo-level{font-size:17px!important}#solo-xp{font-size:14px!important;background:#473b78;padding:5px 10px;border-radius:8px}#journey-next{display:flex!important;align-items:center;justify-content:center;gap:14px;padding:12px 20px!important;border:2px solid #c2a4f7!important;border-bottom-width:6px!important;background:linear-gradient(120deg,#6952ab,#374a88)!important;color:#fff!important;border-radius:18px!important}#journey-next small,#journey-next strong{display:block}#journey-next small{font-size:10px;color:#eed6ff}#journey-next strong{font-size:15px}.road-gift{font-size:34px;color:#ffe797}.reward-ready .road-gift{animation:chest-idle 3s infinite}*{scrollbar-width:thin;scrollbar-color:#ac87e5 #211b38}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#211b38;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(#d5adff,#8667c8);border:3px solid #211b38;border-radius:10px}@media(max-width:600px){.rival-deck,.picker-grid{grid-template-columns:repeat(2,1fr)}}
#practice-panel{width:min(760px,94vw)!important;max-width:94vw!important;overflow-x:hidden!important}.rival-deck button{min-width:0}@media(prefers-reduced-motion:reduce){.reward-ready .road-gift{animation:none}}
#lobby #last-result{position:static!important;transform:none!important;width:auto!important;max-width:100%!important;margin:8px 0!important;padding:8px 12px;border-radius:12px;font-size:11px;line-height:1.5}#last-result[hidden]{display:none!important}.showcase-copy{position:relative;z-index:3}.lobby-name-editor{display:block;max-width:310px}.lobby-name-editor>span{display:block;font-size:10px;font-weight:900;color:#e4d3ff;letter-spacing:1px;margin-bottom:8px}.lobby-name-editor input{width:100%;font:bold 24px 'Trebuchet MS',sans-serif;color:#fff9d7;background:#201937b8;border:2px solid #b9a0e9;border-bottom-width:5px;border-radius:14px;padding:10px 12px;outline-offset:3px}.lobby-name-editor small{display:block;font-size:10px;color:#c8c3df;margin:5px 0 12px}#lobby #style-wizard,.profile-stats-button{padding:11px 15px!important;font-size:13px!important;border-radius:12px!important;border:1px solid #cfbdf4!important;border-bottom-width:4px!important;font-weight:900!important;margin:4px 8px 0 0!important;background:#fcde8e!important;color:#362f28!important}.profile-stats-button{background:#514880!important;color:#fff!important}.profile-stats-dialog{width:min(660px,94vw);max-height:88svh;overflow:auto;padding:24px;background:#28213f;color:#fff;border:3px solid #a59bdd;border-radius:24px}.profile-stats-dialog::backdrop{background:#0b0825bb;backdrop-filter:blur(4px)}.stats-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-tiles article{display:grid;gap:8px;background:linear-gradient(135deg,#525287,#363054);border:1px solid #9c8bc5;border-bottom-width:4px;border-radius:16px;padding:16px 10px;text-align:center}.stats-tiles strong{font-size:26px;color:#ffe39c}.stats-tiles span{font-size:11px}.profile-stats-dialog p{font-size:12px;line-height:1.6;color:#cec4e5}.skill-toast{position:absolute;z-index:8;left:50%;top:24%;transform:translateX(-50%);pointer-events:none;text-align:center;animation:skill-pop .25s ease-out;text-shadow:0 3px #25193f,0 0 12px #351d76}.skill-toast strong{display:block;font:bold 25px 'Trebuchet MS',sans-serif;color:#ffe58d}.skill-toast small{display:block;margin-top:5px;font-size:14px;font-weight:bold;color:#aaffdf}.skill-toast[hidden]{display:none}@keyframes skill-pop{from{opacity:0;transform:translateX(-50%) scale(.7)}to{opacity:1;transform:translateX(-50%) scale(1)}}@media(max-width:650px){.stats-tiles{grid-template-columns:repeat(2,1fr)}.lobby-name-editor{max-width:240px}.lobby-name-editor input{font-size:19px}.skill-toast strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.skill-toast{animation:none}}
.wardrobe-art canvas{width:100%;height:140px;aspect-ratio:auto;cursor:default}

@media(min-width:800px){.wardrobe-equipped{grid-template-columns:repeat(4,minmax(0,1fr))}}

.legendary-research{position:relative;margin:16px 0;padding:22px;border:2px solid #ffe099;border-radius:22px;background:linear-gradient(130deg,#49315d,#252b50);box-shadow:0 6px 0 #14192e;color:#fff1cb}.legendary-research h3{font-size:24px;margin:0 0 14px}.legendary-research label{display:block;font-weight:800}.legendary-research select{max-width:100%;padding:12px;border:2px solid #bb96e4;border-radius:12px;background:#24203c;color:white;font:inherit}.legendary-research strong{display:block;margin:12px 0}.legendary-research progress{display:block;width:100%;height:18px;accent-color:#ffcb68}.legendary-research p{font-size:14px;line-height:1.5}.legendary-research small{display:block;color:#d8cce9;line-height:1.5}

.revealed-card canvas{width:180px;height:135px;max-width:100%;object-fit:contain}
.loot-summary>div>canvas,.loot-summary>div>svg{width:82px;height:72px;flex:0 0 82px;object-fit:contain}
.arcane-surge{animation:surge-fire 1s ease-in-out infinite alternate!important;outline:3px solid #d58aff;outline-offset:3px}
@keyframes surge-fire{from{box-shadow:0 0 12px #b044ff,0 -9px 17px #9d39fc}to{box-shadow:0 0 25px #ed8aff,8px -18px 28px #9e36fbbb,-8px -13px 20px #d482ff}}
.elo-countup{display:grid;justify-items:center;color:#fcdc89;padding:10px;animation:elo-pop .5s cubic-bezier(.2,1.6,.4,1)}
.elo-countup strong{font-size:42px;text-shadow:0 3px #32204e}.elo-countup span{font-weight:900;color:#dca5ff}
@keyframes elo-pop{from{transform:scale(.55) rotate(-5deg);opacity:0}to{transform:scale(1);opacity:1}}
#promotion-dialog[open]{animation:elo-pop .55s cubic-bezier(.2,1.6,.4,1)}
#promotion-icon{animation:rank-glimmer 2s ease-in-out infinite alternate}
@keyframes rank-glimmer{to{transform:translateY(-7px) rotate(4deg);filter:drop-shadow(0 0 18px #ca88ff)}}
@media(prefers-reduced-motion:reduce){.arcane-surge,#promotion-icon,#promotion-dialog[open],.elo-countup{animation:none!important}}

.research-feature{display:flex;align-items:center;gap:18px}.research-feature>div:last-child{flex:1}.research-art{width:100px;height:85px;display:grid;place-items:center}.research-art>img,.research-art>svg,.research-art>canvas{width:100%;height:100%;object-fit:contain}.research-feature h3{font-size:26px;margin:8px 0}.legendary-research{border:2px solid #ebba67!important;background:radial-gradient(at top left,#815692,#28213e 75%)!important;border-radius:22px;padding:20px!important}.research-picker{margin-top:14px}.research-picker>summary{list-style:none;cursor:pointer;padding:15px;background:linear-gradient(#e8c180,#c89547);color:#30213a;font-weight:900;border-radius:12px;box-shadow:0 5px #765435;display:flex;justify-content:space-between}.research-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;padding-top:15px}.research-options button{display:grid;justify-items:center;gap:7px;padding:12px;border:2px solid #a887c1;border-radius:14px;background:#352b50;color:white}.research-options button[aria-pressed=true]{border-color:#ffe290;background:#674b72}.research-options button:disabled{opacity:.5}.research-options small{font-size:11px}.research-options button:focus-visible,.research-picker summary:focus-visible{outline:3px solid #fcd97b}
.arcane-surge{position:relative;isolation:isolate;overflow:visible!important;outline:none!important;animation:none!important}
.arcane-surge::before,.arcane-surge::after{content:"";position:absolute;pointer-events:none;z-index:-1;inset:-27px -7px -8px;background:linear-gradient(0deg,#8124dc 5%,#c75bff 45%,#f2c5ff 80%);clip-path:polygon(0 100%,2% 48%,7% 70%,10% 15%,15% 59%,20% 36%,24% 69%,29% 0,34% 52%,39% 28%,43% 64%,48% 10%,53% 59%,58% 35%,63% 65%,68% 5%,73% 51%,78% 24%,83% 65%,88% 12%,93% 62%,98% 35%,100% 100%);transform-origin:bottom;animation:surge-flames .55s ease-in-out infinite alternate;filter:drop-shadow(0 -3px 5px #ac40ff)}
.arcane-surge::after{opacity:.65;inset:-17px -4px -5px;animation-duration:.37s;animation-direction:alternate-reverse;transform:scaleX(-1)}
@keyframes surge-flames{from{transform:scaleY(.72) skewX(-3deg)}to{transform:scaleY(1.05) skewX(3deg)}}
@media(prefers-reduced-motion:reduce){.arcane-surge::before,.arcane-surge::after{animation:none}}
.practice-maps{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.practice-maps button{flex:1;min-width:110px;padding:12px;border-radius:12px}.practice-maps button[aria-pressed=true]{background:#fcdc85;color:#382c20}

.practice-maps button{background:linear-gradient(#655389,#393253);color:#f2eaff;border:2px solid #ad94d0;border-bottom-width:5px;font-weight:800}.practice-maps button:focus-visible{outline:3px solid #fce095}.arena-help{font-size:13px;line-height:1.45;color:#dbd1ed;margin:0 0 16px}

#arena-intro{position:fixed;z-index:55;bottom:10vh;left:7vw;right:7vw;pointer-events:none;color:#fff;text-shadow:0 3px 3px #101424;background:linear-gradient(90deg,#182236ed,#18223699,transparent);border-left:7px solid #fcdc87;padding:20px 28px;animation:arena-arrive .55s cubic-bezier(.15,.8,.25,1)}
#arena-intro[hidden]{display:none}#arena-intro h2{font:900 clamp(28px,5vw,66px) 'Trebuchet MS',sans-serif;margin:8px 0}#arena-intro small{color:#fce097;letter-spacing:3px;font-weight:900}#arena-intro p{max-width:700px;font-size:16px}#arena-intro strong{display:inline-block;background:#fcdc87;color:#352c22;padding:8px 20px;border-radius:8px;text-shadow:none;animation:arena-ready .7s infinite alternate}
body.arena-intro #match .hud,body.arena-intro #team-roster,body.arena-intro #match .bottom,body.arena-intro #match .notice{visibility:hidden}
@keyframes arena-arrive{from{transform:translateX(-80px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes arena-ready{to{transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){#arena-intro,#arena-intro strong{animation:none}}

/* Rank gifts and a gentle, non-obscuring danger pulse. */
.rank-reward-party{position:relative;padding:24px!important;text-align:center;background:radial-gradient(ellipse at top,#67439b,#251d40 75%);border:2px solid #d8adff!important;border-radius:22px!important;overflow:hidden}
.rank-reward-medal img{width:90px;height:90px;animation:gift-float 2.5s ease-in-out infinite}
.rank-reward-party>small{display:block;color:#ffe192;font-weight:900;letter-spacing:.16em}
.rank-gift-card{display:inline-grid!important;justify-items:center;gap:8px;margin:10px!important;padding:18px!important;width:170px;background:linear-gradient(145deg,#51406a,#272037)!important;border:2px solid var(--gift-color)!important;border-bottom-width:6px!important;border-radius:18px!important;transition:transform .15s}
.rank-gift-card:hover{transform:translateY(-5px) rotate(-2deg)}
.rank-gift-card img{width:76px;height:76px;filter:drop-shadow(0 0 10px var(--gift-color))}
.rank-gift-card b{font-size:23px;color:#fcdb87}.rank-gift-card span{font-size:12px;color:#ffe7ae}
.caster-unlock{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px;padding:18px;background:#45316b;border-radius:18px}
.caster-unlock img{width:65px;height:65px;animation:gift-float 2.5s ease-in-out infinite}.caster-unlock strong,.caster-unlock span{flex-basis:100%}
body.low-health:is(.hex-match-visible,#match[hidden]) #match::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:0;box-shadow:inset 0 0 35px #ec43654d;animation:heartbeat-edge .95s ease-out infinite;z-index:3}
body:where([data-overlay-open]):not(#_o):not(._o) #match::after,body:where([data-hub-open]):not(#_h):not(._h) #match::after{display:none}
@keyframes heartbeat-edge{0%,30%,100%{opacity:.15}10%,43%{opacity:.8}}
@keyframes gift-float{50%{transform:translateY(-5px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.rank-reward-medal img,.caster-unlock img,body.low-health #match::after{animation:none!important}}

.rank-gift-card{color:#fff!important}.rank-gift-card strong{color:#fff!important}

/* Ultimate dossiers: readable ability rules, not a wall of cooldown text. */
.card-grid.ultimate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ultimate-grid .spell-card{padding:20px;border:2px solid var(--rarity);background:radial-gradient(ellipse at top,#586797,#282741 78%);border-radius:22px}
.ultimate-grid .card-art{height:155px;background:radial-gradient(ellipse,#ffffff16,transparent)}
.ultimate-grid .card-art img{width:135px;height:135px;max-height:none;filter:drop-shadow(0 0 14px var(--rarity))}
.ultimate-grid .spell-card h3{font-size:25px;margin-bottom:10px}
.ultimate-grid .spell-card>p{font-size:14px;line-height:1.5;flex:initial;color:#f0e9ff}
.ult-facts{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.ult-facts b{flex-basis:100%;font-size:11px;letter-spacing:.1em;color:var(--rarity)}
.ult-facts span{padding:6px 8px;background:#14182988;border-radius:7px;color:#ecedff;font-size:11px}
.ult-guide{background:#14182988;border:1px solid #b6bcec44;border-radius:12px;margin:0 0 16px;padding:12px}
.ult-guide summary{font-weight:bold;font-size:13px;cursor:pointer;color:#e4d8ff}
.ult-guide h4{margin:15px 0 5px;color:var(--rarity);font-size:13px}
.ult-guide p{margin:0!important;font-size:13px!important;line-height:1.55!important;color:#eee9ff!important}
.ultimate-grid .copy-track{margin-top:auto}
@media(max-width:1050px){.card-grid.ultimate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.card-grid.ultimate-grid{grid-template-columns:1fr}}

/* Explicit range art, including Chromium/Opera and Firefox native thumb hooks. */
#practice-elo{appearance:none;-webkit-appearance:none;display:block;width:100%;height:38px;margin:16px 0 24px;padding:0;border:0;background:transparent;cursor:grab;touch-action:pan-y}
#practice-elo:active{cursor:grabbing}
#practice-elo::-webkit-slider-runnable-track{height:16px;border:2px solid #9994cf;border-radius:12px;background:linear-gradient(90deg,#fcd97c 0 var(--strength,25%),#252441 var(--strength,25%) 100%);box-shadow:inset 0 3px 0 #11152b66,0 3px 0 #17182e}
#practice-elo::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;margin-top:-10px;border:3px solid #fff2b4;border-radius:10px;background:linear-gradient(135deg,#fff2a6,#ffbd59);box-shadow:0 4px 0 #9f6639,0 0 12px #ffe69b55}
#practice-elo::-moz-range-track{height:12px;border:2px solid #9994cf;border-radius:12px;background:linear-gradient(90deg,#fcd97c 0 var(--strength,25%),#252441 var(--strength,25%) 100%);box-shadow:inset 0 3px 0 #11152b66,0 3px 0 #17182e}
#practice-elo::-moz-range-thumb{width:26px;height:26px;border:3px solid #fff2b4;border-radius:10px;background:linear-gradient(135deg,#fff2a6,#ffbd59);box-shadow:0 4px 0 #9f6639}
#practice-elo:focus-visible{outline:3px solid #a4f5ef;outline-offset:5px;border-radius:12px}

/* Wizard Chronicles: trophy cabinet, with distinct rival and bot records. */
.profile-stats-dialog{width:min(900px,94vw);padding:24px;border:3px solid #c2a0ff;border-bottom-width:8px;background:radial-gradient(ellipse at 50% 0,#58467e,#201d39 70%);box-shadow:0 20px 90px #0009;isolation:isolate}
.profile-stats-dialog[open]{animation:chronicle-arrive .35s cubic-bezier(.2,1.5,.4,1)}
.chronicle-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.chronicle-heading small{color:#ffdf8e;font-size:10px;letter-spacing:2px}.chronicle-heading h2{font-size:clamp(24px,4vw,36px);margin:5px 0 18px;text-shadow:0 4px #191831}.chronicle-heading button{border-radius:50%;width:42px;height:42px;background:#413354;color:#fff;border:2px solid #b29bd3;cursor:pointer}
.chronicle-hero{display:flex;align-items:center;gap:22px;padding:16px 24px;border:2px solid #ae97ed;border-radius:24px;background:linear-gradient(120deg,#4c6492,#514174);box-shadow:0 7px #15182c;margin-bottom:24px}.chronicle-hero h3{font-size:26px;margin:5px 0;overflow-wrap:anywhere}.chronicle-hero small{color:#e8d5ff;font-size:10px;letter-spacing:1px}.chronicle-hero span{font-size:13px;color:#d7e9ff}.chronicle-emblem{width:90px;height:90px;flex:none;filter:drop-shadow(0 0 12px #ac94ff);animation:chronicle-float 4s ease-in-out infinite}.chronicle-emblem img,.chronicle-emblem svg{width:100%;height:100%;object-fit:contain}.chronicle-medal{margin-left:auto;flex:none;display:grid;text-align:center;border:3px solid #ffe49b;border-radius:50%;width:92px;height:92px;align-content:center;background:#292441;box-shadow:0 0 24px #ffe49b22}.chronicle-medal strong{font-size:28px;color:#ffe49b}.chronicle-medal small{font-size:9px}
.chronicle-tabs{display:flex;gap:10px;margin-bottom:20px}.chronicle-tabs button{flex:1;padding:13px 8px;border-radius:14px;border:2px solid #a396d4;border-bottom-width:5px;background:#45456b;color:white;font-weight:900;cursor:pointer}.chronicle-tabs button[aria-pressed=true]{background:#ffe392;color:#302a43;border-color:#fff2bf}.chronicle-tabs button:focus-visible{outline:3px solid #fcdb83;outline-offset:3px}
.chronicle-kills{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.chronicle-kills article{display:flex;align-items:center;gap:18px;padding:22px;border-radius:22px;border:2px solid #99deff;border-bottom-width:6px;background:linear-gradient(135deg,#31537d,#303254);box-shadow:0 6px #121c33}.chronicle-kills .bot-elims{border-color:#c5b5ee;background:linear-gradient(135deg,#5c476f,#302d4c)}.chronicle-kills article>span{font-size:48px;color:#bceeff}.chronicle-kills small{font-size:10px;font-weight:900;letter-spacing:1px}.chronicle-kills strong{font-size:46px;display:block;color:#fdebbb;line-height:1.25}.chronicle-kills p{margin:0!important;font-size:11px!important}
.chronicle-trophies{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.chronicle-trophies article{display:grid;text-align:center;gap:7px;padding:16px 8px;border-radius:18px;border:2px solid #8e82b5;border-bottom-width:5px;background:#383251;animation:chronicle-arrive .4s both;animation-delay:calc(var(--order)*60ms)}.chronicle-trophies i{font-style:normal;font-size:29px;color:#ffe393}.chronicle-trophies strong{font-size:24px;color:#fff7dd}.chronicle-trophies span{font-size:11px;color:#ddd4ed}.chronicle-note{margin:18px 4px 0!important;font-size:11px!important;color:#c7c3dd!important}
@keyframes chronicle-arrive{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}@keyframes chronicle-float{50%{transform:translateY(-5px) rotate(3deg)}}
@media(max-width:600px){.profile-stats-dialog{padding:16px}.chronicle-hero{gap:12px;padding:14px}.chronicle-emblem{width:58px;height:58px}.chronicle-hero h3{font-size:19px}.chronicle-medal{width:64px;height:64px}.chronicle-medal strong{font-size:20px}.chronicle-kills{gap:10px}.chronicle-kills article{padding:14px;gap:8px}.chronicle-kills article>span{font-size:24px}.chronicle-kills strong{font-size:34px}.chronicle-trophies{grid-template-columns:repeat(2,1fr)}.chronicle-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.profile-stats-dialog[open],.chronicle-emblem,.chronicle-trophies article{animation:none}}

/* Keep low-health feedback on the player's HUD, never across the arena. */
body.low-health:is(.hex-match-visible,#match[hidden]) #match::after{display:none!important}
body.low-health #php{color:#ffd6d9;box-shadow:0 0 0 2px #ef7086,0 0 12px #ef708650;animation:health-warning 1.15s ease-in-out infinite}
@keyframes health-warning{50%{box-shadow:0 0 0 2px #ffadb9,0 0 17px #ef708670}}
@media(prefers-reduced-motion:reduce){body.low-health #php{animation:none}}
