/* Progression, readable tier colours, and the guided first session. */
/* A committed evolution owns this short, interruptible energy reveal. */
dialog.evolution-modal{width:min(640px,calc(100vw - 24px));max-width:640px;max-height:calc(100dvh - 24px);padding:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:72px 12px 24px;background:#10253b;border:1px solid #7acfc466;border-radius:22px}
.evolution-modal .modal-header{position:sticky;inset-block-start:0;z-index:4;background:#10253bf5;border-bottom:1px solid #8ecbc82b}
.evolution-modal .evolution-celebration{padding:20px 26px 24px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#137f8b24,transparent 64%)}
.evolution-modal .evolution-celebration>h2{margin:5px 0 8px;font-size:clamp(22px,5vw,30px);line-height:1.2;overflow-wrap:anywhere}
.evolution-modal .evolution-stage-change{display:flex;align-items:center;justify-content:center;gap:10px;color:#a9c1d4;font-size:13px;line-height:1.5}
.evolution-modal .evolution-stage-change i{font-style:normal;color:#79d5c2}.evolution-modal .evolution-stage-change b{color:#c3f3df}
.evolution-modal .evolution-visual{position:relative;isolation:isolate;width:min(100%,310px);height:auto;aspect-ratio:1;margin:14px auto 8px;max-width:100%;overflow:visible}
.evolution-modal .evolution-before,.evolution-modal .evolution-after{inset:14px;border:1px solid #9be3d448;border-radius:22px;overflow:hidden;animation:none;transform:none}
.evolution-modal .evolution-before{opacity:1}.evolution-modal .evolution-after{opacity:0}
.evolution-modal .evolution-visual .art{width:100%;height:100%;--art-fit:contain;--art-position:50% 50%}
.evolution-modal .evolution-energy{position:absolute;inset:-2px;z-index:2;pointer-events:none;opacity:0}
.evolution-modal .evolution-energy>i{position:absolute;inset:0;border:1px solid #89f2da;border-radius:50%;box-shadow:0 0 16px #4edfc64d,inset 0 0 14px #4edfc626}
.evolution-modal .evolution-energy>i:nth-child(2){inset:14px;border-style:dashed;border-color:#f8d48c99;transform:rotate(35deg)}
.evolution-modal .evolution-energy>i:nth-child(3){inset:-10px;border-color:#7fd7ea55;transform:scaleY(.75) rotate(-25deg)}
.evolution-modal .evolution-rays{position:absolute;inset:-22px;border-radius:50%;background:repeating-conic-gradient(from 15deg,#9cf2d000 0 13deg,#9cf2d04d 15deg 16deg,#9cf2d000 19deg 30deg);mask-image:radial-gradient(closest-side,transparent 45%,#000 72%,transparent 100%)}
.evolution-modal .evolution-energy>b{position:absolute;inset:50% auto auto 50%;width:4px;height:4px;border-radius:50%;background:#ffe4a0;box-shadow:0 0 8px #aceed2;transform:rotate(var(--spark-angle)) translateX(135px)}
.evolution-modal .evolution-flare{position:absolute;inset:-16px;z-index:3;pointer-events:none;border-radius:50%;opacity:0;background:radial-gradient(ellipse,#f4ffe9 0,#a8f0dbb3 22%,#68d8cf55 45%,transparent 70%)}
.evolution-modal .is-playing .evolution-before{animation:evolution-old 3.4s ease-in-out both}
.evolution-modal .is-playing .evolution-before .art::before{animation:evolution-charge 3.4s ease-in-out both}
.evolution-modal .is-playing .evolution-after{animation:evolution-new 3.4s cubic-bezier(.2,.75,.2,1) both}
.evolution-modal .is-playing .evolution-energy{animation:evolution-energy 3.4s ease-in-out both}
.evolution-modal .is-playing .evolution-energy>i{animation:evolution-ring 3.4s ease-in-out both}
.evolution-modal .is-playing .evolution-energy>b{animation:evolution-spark 1.8s var(--spark-delay) ease-out both}
.evolution-modal .is-playing .evolution-flare{animation:evolution-flare 3.4s ease-in-out both}
.evolution-modal .is-revealed .evolution-before,.evolution-modal .is-revealed .evolution-energy,.evolution-modal .is-revealed .evolution-flare{display:none}
.evolution-modal .is-revealed .evolution-after{opacity:1;box-shadow:0 0 28px #7cddc63d}
.evolution-modal .evolution-skip{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:44px;margin:0 0 4px;color:#c3d6df;font-size:13px}
.evolution-modal .evolution-result{max-width:470px;margin-inline:auto}
.evolution-modal .evolution-result[hidden],.evolution-modal .evolution-skip[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.evolution-modal .evolution-result>h3{margin:0 0 12px;color:#b5edd8;font-size:21px;line-height:1.3}
.evolution-modal .evolution-result>p{margin:12px 0 15px;color:#b9cedc;font-size:13px;line-height:1.6}
.evolution-modal .evolution-result>.btn{min-height:46px;max-width:100%;white-space:normal}
.evolution-modal .evolution-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;text-align:start}
.evolution-modal .evolution-stats>div{min-width:0;padding:10px 12px;border:1px solid #8fb6bc35;border-radius:12px;background:#0a20338c}
.evolution-modal .evolution-stats dt{display:flex;align-items:center;gap:6px;color:#b9d3dc;font-size:12px;line-height:1.5}.evolution-modal .evolution-stats dt svg{width:15px;height:15px;color:#9de1cc;flex:none}
.evolution-modal .evolution-stats dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;margin:5px 0 0;font-size:15px;line-height:1.3;font-variant-numeric:tabular-nums}
.evolution-modal .evolution-stats dd>span{color:#8da6b8}.evolution-modal .evolution-stats dd>i{font-size:12px;font-style:normal;color:#71999f}.evolution-modal .evolution-stats dd>b{color:#f0fbf7}.evolution-modal .evolution-stats dd>small{margin-inline-start:auto;color:#8ae3b9;font-size:12px;white-space:nowrap}
.evolution-modal .evolution-celebration>.pack-footnote{max-width:440px;margin:14px auto 0;color:#90acbd;font-size:11px;line-height:1.6}
[dir=rtl] .evolution-modal .evolution-stage-change i,[dir=rtl] .evolution-modal .evolution-stats dd>i{transform:rotate(180deg)}
@keyframes evolution-old{0%,22%{opacity:1;transform:scale(1)}48%{opacity:1;transform:scale(.96)}62%,100%{opacity:0;transform:scale(.88)}}
@keyframes evolution-charge{0%,15%{filter:none}45%{filter:brightness(.45) saturate(.4)}58%,100%{filter:brightness(.65) saturate(.2)}}
@keyframes evolution-new{0%,57%{opacity:0;transform:scale(.86)}73%{opacity:1;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}
@keyframes evolution-energy{0%,10%{opacity:0;transform:scale(.86)}35%,57%{opacity:1;transform:scale(1)}78%,100%{opacity:0;transform:scale(1.08)}}
@keyframes evolution-ring{0%{transform:rotate(-20deg) scale(.9)}58%{transform:rotate(70deg) scale(1)}100%{transform:rotate(100deg) scale(1.1)}}
@keyframes evolution-spark{0%,10%{opacity:0;transform:rotate(var(--spark-angle)) translateX(35px) scale(.3)}40%{opacity:1}100%{opacity:0;transform:rotate(var(--spark-angle)) translateX(155px) scale(.7)}}
@keyframes evolution-flare{0%,48%{opacity:0;transform:scale(.5)}59%{opacity:.8;transform:scale(1)}79%,100%{opacity:0;transform:scale(1.2)}}
@media(max-width:380px){.evolution-modal .evolution-celebration{padding:16px 14px 20px}.evolution-modal .evolution-visual{width:min(100%,260px)}.evolution-modal .evolution-stats>div{padding:9px}.evolution-modal .evolution-stats dd{font-size:14px;gap:4px}.evolution-modal .evolution-stats dd>small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.evolution-modal .evolution-celebration *,.evolution-modal .evolution-celebration *::before{animation:none!important;transition:none!important}.evolution-modal .evolution-before,.evolution-modal .evolution-energy,.evolution-modal .evolution-flare{display:none}.evolution-modal .evolution-after{opacity:1;transform:none}}
.team-slot .card-stats,.collection-grid .card-stats{display:none}.team-slot .power-score,.collection-grid .power-score{padding-bottom:7px}.learn-details{margin-top:22px;border-top:1px solid #ffffff16;padding-top:18px}.learn-details summary,.combat-help summary,.matchup-guide summary{cursor:pointer;font-weight:600;color:#d1dce7;font-size:13px}.learn-details summary svg{width:16px;height:16px;vertical-align:middle;margin-right:7px}.learn-details .education{border-top:0;margin-top:0}.combat-help p{margin-top:12px}.matchup-guide:not([open]){padding:12px 15px}.team-order{opacity:.8}.team-slot:hover .team-order{opacity:1}
.team-slot{min-width:0}.team-slot>.dino-card{width:100%;display:block}.team-order{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 3px;color:#91a8bd}.team-order span{font-size:10px}.team-order button{width:28px;height:27px;border:1px solid #ffffff1a;background:#192c40;border-radius:7px;color:#e0c28e}.team-order button:hover:not(:disabled){border-color:#e0c28e}.team-slot .equipped{bottom:8px}
.power-score{display:flex;align-items:center;gap:5px;margin:8px 0 0;font-size:10px;color:#b8c9d7}.power-score svg{width:13px;height:13px;color:#e4bf7a}.power-score span{letter-spacing:1px;font-size:8px}.power-score b{font-size:16px;color:#f0d7a4;margin-left:auto}.card-body .species-sub svg{width:12px;height:12px;vertical-align:middle}.fighter-art-wrap>.art{aspect-ratio:1/1.15}
.species-sub svg{width:11px;height:11px;vertical-align:middle}.class-matchup{font-size:12px;line-height:1.6;margin:10px 0}.class-matchup svg{width:15px;height:15px;vertical-align:middle}.matchup-guide{padding:15px;border:1px solid #ffffff16;border-radius:12px;margin:22px 0}.matchup-guide p{font-size:12px;margin:9px 0;color:#c8d6df}.matchup-guide svg{width:15px;height:15px;vertical-align:middle}.matchup-guide small{display:block;color:#90a5b8;font-size:10px;line-height:1.6}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid .card-body h3{font-size:13px}.team-grid .species-sub{font-size:10px}.team-grid .card-bottom{font-size:8px}.team-grid .card-rarity{font-size:8px}.team-grid .card-lvl{font-size:10px}.team-grid .card-stats{font-size:11px}}
.evolution-steps{display:flex;gap:5px;margin:12px 0;flex-wrap:wrap}.evolution-steps>span{flex:1;padding:8px 5px;border-radius:8px;background:#102035;border:1px solid #34445b;color:#8193aa;text-align:center;min-width:50px}.evolution-steps b{font-size:10px}.evolution-steps small{font-size:9px;margin:4px 0 0}.evolution-steps .reached{border-color:#c296ff77;color:#d8baf6;background:#c296ff12}.art.stage-1{filter:saturate(1.12)}.art.stage-3{filter:saturate(1.08) contrast(1.05)}.art.stage-3:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 35px #f1bd6236;border-radius:inherit}.arena-grid .info-copy svg{width:14px;height:14px;vertical-align:middle}.arena-grid .profile-stats{grid-template-columns:1fr 1fr}
.fighter-art-wrap{position:relative}.fighter-art-wrap>.art{width:100%}.fighter.attacking .fighter-art-wrap{outline:2px solid #edc87e;outline-offset:4px;border-radius:14px}.fighter .impact-float{position:absolute;top:36%;left:50%;transform:translateX(-50%);z-index:3;padding:9px 14px;border-radius:12px;font-size:clamp(15px,2.5vw,24px);font-weight:900;white-space:nowrap;border:1px solid currentColor;box-shadow:0 5px 20px #0007;animation:impact-rise 1.3s ease-out both}.impact-damage{color:#ffb4ab;background:#48282dec}.impact-dodge{color:#b0e4ff;background:#173c55ef}.impact-heal{color:#b9efcf;background:#173e33ef}.impact-stun{color:#e0ccff;background:#34264aef}.fighter.taking-hit .art{animation:hit-shake .45s ease-out}.fighter.dodging .art{animation:dodge-slide .65s ease-in-out}.combat-event{display:flex;align-items:center;gap:15px;min-height:112px;padding:17px 20px;margin-top:25px;border:1px solid #d1aa6655;border-radius:14px;background:#d1aa660c;text-align:left;color:#edc87e}.event-symbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#ffffff0b}.event-symbol svg{width:26px;height:26px}.combat-event small{display:block;font-size:10px;letter-spacing:1.2px;margin-bottom:7px}.combat-event strong{display:block;font-size:18px;line-height:1.4;color:#edf2f5}.combat-event p{font-size:13px;line-height:1.5;margin:6px 0 0;color:#bccbd9}.event-dodge{color:#8dd3f5;border-color:#7ec2e955;background:#7ec2e909}.event-special{color:#c7a5f3;border-color:#be94ee55;background:#be94ee09}.event-ko{color:#ef9e97;border-color:#ef9e9744;background:#ef9e9709}.event-stun{color:#cbb2ef}.battle-control{flex-wrap:wrap;gap:8px}.result-emblem{margin:2px auto 12px;display:grid;place-items:center;width:75px;height:75px;border-radius:50%;border:1px solid currentColor;color:#e9bf70;animation:result-arrive .65s ease-out}.result-emblem svg{width:38px;height:38px}.result .result-headline{font:800 clamp(36px,6vw,55px)/1.1 Georgia,serif;letter-spacing:3px;color:#edc87e;margin:15px 0 24px;animation:result-arrive .65s ease-out}.result-loss .result-emblem,.result-loss .result-headline{color:#e7a19a}.result-loss .result-emblem{animation:result-loss-in .8s ease-out}.result-details{animation:rewards-enter 1.8s ease-out}.result-details>h2{font-size:22px}.result-win .result-emblem{box-shadow:0 0 45px #edc87e22}@keyframes impact-rise{0%{opacity:0;transform:translate(-50%,18px) scale(.85)}20%,85%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-9px)}}@keyframes hit-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes dodge-slide{45%{transform:translateX(18px);opacity:.7}}@keyframes result-arrive{from{opacity:0;transform:scale(.82) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes result-loss-in{from{opacity:0;transform:translateY(-15px) rotate(-12deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes rewards-enter{0%,55%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}@media(max-width:700px){.combat-event{padding:13px;gap:10px;min-height:130px}.combat-event strong{font-size:15px}.combat-event p{font-size:12px}.event-symbol{flex-basis:32px;width:32px;height:32px}.event-symbol svg{width:21px;height:21px}.battle-control .btn{font-size:11px;padding:9px 10px}.fighter .impact-float{padding:7px 9px;font-size:14px}}@media(prefers-reduced-motion:reduce){.fighter .impact-float,.fighter.taking-hit .art,.fighter.dodging .art,.result-emblem,.result .result-headline,.result-details,.result-loss .result-emblem{animation:none}}
.player-chip{display:flex;align-items:center;gap:6px;border:1px solid #cba96855;background:#d7a84512;color:#edc87e;border-radius:22px;padding:7px 12px;white-space:nowrap;font-size:12px}
.player-chip svg{width:15px;height:15px}.nav .combat-nav{margin-bottom:8px;border:1px solid #dfa94b30;color:#edc87e}.nav .locked-nav{opacity:.6}.nav button>svg:last-child:not(:first-child){width:14px;height:14px;margin-left:auto}
.tutorial-panel{display:flex;align-items:center;gap:18px;padding:19px 24px;border:1px solid #5baccf60;background:linear-gradient(100deg,#12314b,#16263c);border-radius:16px;margin-bottom:27px}.tutorial-panel .eyebrow{font-size:9px;margin:0 0 5px}.tutorial-panel h3{margin:0 0 5px;font-size:17px}.tutorial-panel p:not(.eyebrow){font-size:12px;color:#b1c7d9;margin:0;line-height:1.5}.tutorial-panel>.btn{margin-left:auto;flex-shrink:0}.tutorial-number{font:700 32px Georgia;color:#81d3e6;flex-shrink:0}.tutorial-number small{font:12px sans-serif;color:#8ca6bc}.tutorial-dots{display:flex;gap:5px;margin-top:10px}.tutorial-dots i{height:3px;width:28px;border-radius:3px;background:#3b4d61}.tutorial-dots .done{background:#71c7dc}
.combat-hero .hero-copy{max-width:590px}.combat-hero .hero-copy h2{font-size:clamp(34px,4.2vw,59px);line-height:1.03}.combat-hero .hero-copy p{max-width:370px}.combat-hero .hero-bg{filter:brightness(.72)}.fight-cta{min-height:53px;font-size:16px;padding:16px 26px;box-shadow:0 6px 28px #e1b15d25}.fight-cta svg{width:22px;height:22px}.hero-pin svg{width:14px;height:14px;vertical-align:middle;margin-right:6px}.battle-options .fight-cta{margin-left:auto;flex:1;justify-content:center}.battle-options{flex-wrap:wrap}
.dino-card{border:1px solid color-mix(in srgb,var(--rarity) 45%,#223449);box-shadow:0 3px 14px #0002;transition:transform .2s,border-color .2s,box-shadow .2s}.dino-card:hover{border-color:var(--rarity);box-shadow:0 5px 22px color-mix(in srgb,var(--rarity) 14%,transparent)}.dino-card .card-body{background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 7%,#15253a),#132236)}.dino-card .card-rarity{color:var(--rarity);border:1px solid color-mix(in srgb,var(--rarity) 34%,transparent);display:flex;align-items:center;gap:6px;background:#102035db;padding:4px 8px}.tier-letter{display:inline-grid;place-items:center;color:var(--rarity);font-size:12px;font-weight:800;min-width:17px}.tier-S{box-shadow:0 0 15px #f1bd6210}.undiscovered .art{filter:saturate(.45);opacity:.65}.undiscovered .card-body{opacity:.85}.card-lvl svg{width:12px;height:12px}.card-stats{font-variant-numeric:tabular-nums}.card-stats span{min-width:0;font-size:12px}.card-stats svg{width:13px;flex-shrink:0}.card-bottom>svg{width:14px;height:14px}.tier-reveal-S .reveal-glow{filter:drop-shadow(0 0 25px #f1bd6230)}.duplicate-reward{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:color-mix(in srgb,var(--rarity) 12%,transparent);border:1px solid color-mix(in srgb,var(--rarity) 40%,transparent);border-radius:12px;color:var(--rarity);font-weight:700}.duplicate-reward svg{width:18px;height:18px}
.release-track{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:20px 0 25px}.release-track>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:17px 7px;border:1px solid #3a4b5c;border-radius:12px;background:#14253a;color:#8f9db1}.release-track svg{width:22px;height:22px}.release-track small{font-size:10px;text-align:center}.release-track .ready{border-color:#c4a36666;color:#edc87e;background:#c4a3660b}.release-track .claimed{color:#7ac9ad;border-color:#6cac982f;background:#6cac980a}.discovery-copy small{min-height:17px;font-variant-numeric:tabular-nums}.filter-pill{display:inline-flex;gap:7px;align-items:center}.filter-pill svg{width:15px;height:15px}.collection-header{flex-wrap:wrap;gap:7px}
.player-progress{margin:20px 0}.player-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#b9c9d6}.player-progress b{display:flex;gap:7px;align-items:center;color:#e4c482}.player-progress svg{width:15px;height:15px}.player-progress .xp-track{margin:9px 0}.unlock-roadmap{margin:25px 0;padding:20px;border:1px solid #304154;border-radius:13px;background:#122337}.unlock-roadmap h3{display:flex;align-items:center;gap:10px;font-size:16px;margin:0 0 15px}.unlock-roadmap h3 svg{width:20px;height:20px;color:#d9b66e}.unlock-list{display:grid;gap:12px}.unlock-item{display:flex;gap:12px;align-items:center;opacity:.65}.unlock-item>span{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;background:#263347;border-radius:9px}.unlock-item svg{width:16px;height:16px}.unlock-item b{font-size:12px;display:block}.unlock-item small{display:block;font-size:10px;color:#a2b3c7;line-height:1.7}.unlock-item>svg{margin-left:auto;color:#7ac9ad}.unlock-item.is-open{opacity:1}.unlock-item.is-open>span{color:#7ac9ad;background:#66b99515}.unlock-roadmap.compact .unlock-list{grid-template-columns:1fr 1fr}.locked-emblem{color:#edc87e;display:flex;justify-content:center;margin:12px}.locked-emblem svg{width:35px;height:35px}
.education{border-top:1px solid #344357;padding-top:25px;margin-top:25px}.education>.eyebrow{display:flex;align-items:center;gap:8px}.education>.eyebrow svg{width:16px;height:16px}.education h3{font-size:25px;margin:8px 0 12px}.species-story{font-size:15px;line-height:1.7;color:#d6e0ea}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.fact-grid>div{display:flex;align-items:flex-start;gap:10px;background:#0b192a66;border:1px solid #304156;border-radius:10px;padding:13px}.fact-grid svg{width:20px;height:20px;flex-shrink:0;color:#82bcd3}.fact-grid small{display:block;color:#94a8bd;font-size:10px;margin-bottom:5px}.fact-grid b{font-size:13px;line-height:1.5;font-weight:600}.learn-note{font-size:13px;line-height:1.7;border-left:2px solid #93b8ce;padding-left:13px;color:#bbcfdf}.source-link{display:inline-flex;align-items:center;gap:8px;color:#85c6ec;font-size:12px;margin:10px 0}.source-link svg{width:15px;height:15px}.education .info-copy{margin:0 0 17px}.detail-grid .info-copy svg{width:12px;height:12px}.detail-grid>.dino-card{align-self:start}.tier-list{display:grid;gap:16px;margin:20px 0}.tier-list>section{border:1px solid color-mix(in srgb,var(--rarity) 35%,#203347);border-radius:12px;padding:18px;background:color-mix(in srgb,var(--rarity) 4%,#152338)}.tier-list header{display:flex;align-items:center;gap:14px}.tier-list .tier-letter{font-size:28px;min-width:32px}.tier-list h3{margin:0 0 4px;color:var(--rarity);font-size:17px}.tier-list header small{font-size:11px;color:#bac8da}.tier-species{display:flex;flex-wrap:wrap;gap:7px}.tier-species button{display:flex;align-items:center;gap:5px;padding:6px 9px;color:#d4e2ec;border:1px solid #ffffff16;border-radius:7px;background:#09162655;font-size:11px}.tier-species button:hover{border-color:var(--rarity);color:var(--rarity)}.tier-species svg{width:12px;height:12px;color:var(--rarity)}
@media(max-width:700px){.tutorial-panel{padding:16px;gap:12px;flex-wrap:wrap}.tutorial-panel>div:nth-child(2){flex:1}.tutorial-panel>.btn{margin:0;width:100%;justify-content:center}.tutorial-panel h3{font-size:15px}.hero-pin{font-size:9px}.release-track{grid-template-columns:repeat(3,1fr);gap:8px}.release-track>div{padding:13px 4px}.combat-hero .hero-copy h2{font-size:37px}.combat-hero .hero-copy{max-width:95%}.player-chip{padding:6px 8px;font-size:10px}.battle-options .fight-cta{flex-basis:100%;margin:7px 0 0}.fact-grid{grid-template-columns:1fr 1fr;gap:7px}.fact-grid>div{padding:10px;gap:7px}.fact-grid svg{width:15px;height:15px}.fact-grid b{font-size:11px}.unlock-roadmap.compact .unlock-list{grid-template-columns:1fr}.education h3{font-size:22px}.detail-actions>.btn{font-size:12px}.result-rewards{flex-wrap:wrap}.tutorial-panel .eyebrow{letter-spacing:1px}.nav .combat-nav{margin-bottom:0;border-color:transparent}.nav button>svg:last-child:not(:first-child){display:none}.nav .locked-nav{opacity:.55}}
@media(prefers-reduced-motion:reduce){.dino-card{transition:none}}
.xp-bank-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;background:#5bafed12;border:1px solid #5bafed44;border-radius:13px;margin:0 0 22px}.xp-bank-banner>span{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#8ed8f2}.xp-bank-banner svg{width:18px;height:18px}.xp-bank-banner small{font-size:11px;color:#aec3d4}.xp-bank-controls,.evolution-controls{margin:16px 0;padding:14px;border-radius:12px;border:1px solid #5bafed44;background:#5bafed0a}.xp-bank-controls p,.evolution-controls p{display:flex;gap:7px;align-items:center;font-size:13px;color:#91d2ec;margin:0 0 7px}.xp-bank-controls svg,.evolution-controls svg{width:16px;height:16px}.xp-bank-controls small,.evolution-controls small{display:block;color:#a6bdd2;font-size:11px;margin-bottom:10px;line-height:1.5}.evolution-controls{border-color:#c296ff44;background:#c296ff09}.evolution-controls p{color:#cfb0f2}.xp-celebration,.evolution-celebration{padding:24px;text-align:center}.xp-celebration h2,.evolution-celebration h2{margin:5px 0 22px}.xp-animated-card{max-width:235px;margin:auto;transition:filter .3s}.xp-celebration .xp-track{max-width:300px;margin:12px auto;height:10px}.xp-celebration .xp-track i{transition:none;background:linear-gradient(90deg,#54a9ce,#9be2de)}.xp-big-level{font-size:25px;margin:20px 0 0;color:#a0dfe9}.xp-big-level b{font-size:36px}.xp-transfer-count{color:#93a8bc;font-size:12px}.xp-status{color:#edc87e;font-weight:600;min-height:24px}.level-pop .xp-big-level{animation:level-up-pop .45s ease-out}.xp-complete .xp-animated-card{filter:drop-shadow(0 0 17px #82d7de30)}.evolution-visual{position:relative;width:270px;height:290px;margin:0 auto 22px;max-width:100%}.evolution-before,.evolution-after{position:absolute;inset:0;border-radius:18px;overflow:hidden}.evolution-visual .art{width:100%;height:100%}.evolution-before{animation:evolve-out 2.5s ease-in-out forwards}.evolution-after{opacity:0;animation:evolve-in 2.5s ease-in-out forwards}.evolution-aura{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#b892df88,transparent 70%);animation:evolve-aura 2.5s ease-in-out forwards}.evolution-copy{animation:evolve-copy 2.8s ease-out}.evolution-copy h3{color:#d0b3f0;font-size:23px}.evolution-copy p{color:#a8bdd1;font-size:13px;line-height:1.6}.evolution-celebration .pack-footnote{margin-top:22px}@keyframes level-up-pop{50%{transform:scale(1.15);color:#fff2ce}}@keyframes evolve-out{0%,20%{opacity:1;transform:scale(1)}65%,100%{opacity:0;transform:scale(.93)}}@keyframes evolve-in{0%,35%{opacity:0;transform:scale(.88)}100%{opacity:1;transform:scale(1)}}@keyframes evolve-aura{0%,100%{opacity:0;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes evolve-copy{0%,65%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@media(max-width:700px){.xp-bank-banner{align-items:flex-start;flex-direction:column;padding:13px}.xp-bank-banner>span{gap:7px}.xp-bank-banner small{width:100%;margin-left:25px}.xp-bank-banner>.btn{width:100%;justify-content:center}.xp-celebration,.evolution-celebration{padding:18px}}@media(prefers-reduced-motion:reduce){.level-pop .xp-big-level,.evolution-before,.evolution-after,.evolution-aura,.evolution-copy{animation:none}.evolution-before,.evolution-aura{display:none}.evolution-after{opacity:1}.xp-animated-card{transition:none}}