.card-hub-tabs{display:flex;gap:7px;margin:0 0 20px;padding:5px;border:1px solid #557997;border-radius:16px;background:#0e2036}.card-hub-tabs button{flex:1;min-height:44px;border:0;border-radius:11px;background:transparent;color:#c7dbea;font-weight:750;font-size:12px;padding:8px 4px}.card-hub-tabs .active{color:#fff;background:linear-gradient(130deg,#287fcd,#744ed5);box-shadow:0 3px 14px #206cb54d}.avatar.equipped-avatar{padding:0;overflow:hidden;background:linear-gradient(150deg,#70d6ff,#5263de);border:2px solid #7edbff}.equipped-avatar .portrait{display:block;width:100%;height:100%;border-radius:0;min-width:0}.equipped-avatar .cost,.avatar-gallery .cost{display:none}.avatar-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.avatar-choice{overflow:hidden;border:1px solid #496b8b;border-radius:16px;background:#10283e;padding:7px;color:#d9ecf7}.avatar-choice .portrait{width:100%;height:auto;aspect-ratio:1;border-radius:11px;display:block}.avatar-choice strong{font-size:11px;display:block;margin:8px 0 5px}.avatar-choice small{font-size:10px;color:#a4c7e4}.avatar-choice.chosen{border:2px solid #8af5d0;box-shadow:0 0 19px #53edc82b;background:#15463e}.received-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.collection-empty{text-align:center;padding:35px 18px;border:1px dashed #5389a3;border-radius:20px;color:#c7dfea}.collection-intro{color:#b6d3e5;font-size:13px;line-height:1.5}.companion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0 26px}.companion-tile{overflow:hidden;text-align:center;padding:15px 10px;border-radius:22px;border:1px solid #deb770;background:radial-gradient(ellipse at 50% 30%,#39778c,#0a2237 75%);box-shadow:inset 0 1px #ffecb840}.companion-tile.cat{background:radial-gradient(ellipse at 50% 30%,#397b65,#092f35 75%);border-color:#76d7b5}.companion-tile h2{color:#ffe4a3;margin:10px 0 4px}.companion-tile p{font-size:11px;color:#c4e4e8;margin:7px 0 14px}.companion-stage{padding:0;border:0;display:block;width:100%;background:none;cursor:pointer}.pet-portrait{display:block;width:100%;aspect-ratio:1;background-image:var(--art-pet-gallery);background-size:400% 200%;background-position:0 var(--pet-row,0%);background-repeat:no-repeat;animation:pet-expression 5.8s steps(1,end) infinite;animation-play-state:paused}.pet-portrait.pet-visible{animation-play-state:running}.pet-portrait.pet-greeting{animation:pet-greeting 1.8s steps(1,end) 1}.companion-tile .secondary{font-size:11px;min-height:40px;width:100%;margin-top:7px}.companion-tile .eyebrow{font-size:8px;letter-spacing:.1em}.pet-avatar-preview{width:50px!important;height:50px!important}.collection-equipment .pass-cosmetic-tile{background:linear-gradient(145deg,#1b3655,#151e39);border-color:#6384a3}.collection-equipment .pass-cosmetic-tile h3{color:#ffe7b5}.collection-equipment .pass-cosmetic-tile .pass-cosmetic{max-height:170px}.battle-hud .battle-scores{display:flex;align-items:center;justify-content:center}.battle-hud .time{font-variant-numeric:tabular-nums;font-size:17px;letter-spacing:.08em;min-width:70px;text-align:center;padding:7px 12px;background:#0b2433dd;border:1px solid #7ec4d864;box-shadow:0 0 18px #6bcae115}.battle-hud{background:linear-gradient(90deg,#092a32e8,#163c49dc,#092a32e8)}@keyframes pet-expression{0%,18%,25%,56%,88%,100%{background-position:0 var(--pet-row)}20%,23%{background-position:33.3333% var(--pet-row)}62%,72%{background-position:66.6667% var(--pet-row)}67%,80%{background-position:100% var(--pet-row)}}@keyframes pet-greeting{0%,100%{background-position:0 var(--pet-row)}15%,45%,75%{background-position:66.6667% var(--pet-row)}30%,60%,90%{background-position:100% var(--pet-row)}}.motion-paused .pet-portrait{animation-play-state:paused!important}.economy-mode .pet-portrait{animation:none;background-position:0 var(--pet-row)}@media(prefers-reduced-motion:reduce){.pet-portrait{animation:none!important;background-position:0 var(--pet-row)}}@media(max-width:360px){.companion-grid{gap:9px}.companion-tile{padding:12px 7px}.avatar-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}
.aurora .game-content>.eyebrow{color:#9cf2df}.aurora .companion-tile>.eyebrow{color:#b5eaf0}