@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Quicksand:wght@300;400;500;600;700&display=swap";:root{--bg-deep: #0a0f0d;--bg-mid: #111a16;--bg-card: #14201a;--bg-card-hover: #1a2b23;--text-primary: #e8f0eb;--text-secondary: #8aa896;--text-muted: #5a7a68;--accent-glow: #3ddc84;--accent-gold: #f0c040;--border-subtle: rgba(61,220,132,.12);--common: #e0e0e0;--common-bg: rgba(255, 255, 255, .08);--common-border: rgba(255, 255, 255, .25);--rare: #42a5f5;--rare-bg: rgba(66, 165, 245, .08);--rare-border: rgba(66, 165, 245, .25);--legendary: #ffa726;--legendary-bg: rgba(255, 167, 38, .08);--legendary-border: rgba(255, 167, 38, .25);--mythical: #dc2828;--mythical-bg: rgba(220, 40, 40, .08);--mythical-border: rgba(220, 40, 40, .25);--guardian: #dc32b4;--guardian-bg: rgba(220, 50, 180, .06);--guardian-border: rgba(220, 50, 180, .3);--enchanted: #8c32dc;--enchanted-bg: rgba(140, 50, 220, .08);--enchanted-border: rgba(140, 50, 220, .25);--ancient: #2eaa5e;--ancient-bg: rgba(46, 170, 94, .08);--ancient-border: rgba(46, 170, 94, .25);--rainbow: #e040a0;--rainbow-bg: rgba(224, 64, 160, .08);--rainbow-border: rgba(224, 64, 160, .25);--rainbow-grad: linear-gradient(135deg, #ff5c5c, #ffb84d, #ffe34d, #5cff5c, #5cd6ff, #c45cff, #ff5cd1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand,sans-serif;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(61,220,132,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(176,96,232,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(240,192,64,.02) 0%,transparent 50%)}.fireflies{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.firefly{position:absolute;width:3px;height:3px;background:var(--accent-glow);border-radius:50%;box-shadow:0 0 6px 2px #3ddc8466;animation:drift linear infinite,flicker ease-in-out infinite}@keyframes drift{0%{transform:translate(0) scale(1)}25%{transform:translate(30px,-60px) scale(1.2)}50%{transform:translate(-20px,-120px) scale(.8)}75%{transform:translate(40px,-180px) scale(1.1)}to{transform:translate(10px,-240px) scale(.9)}}@keyframes flicker{0%,to{opacity:0}20%{opacity:.8}50%{opacity:.3}70%{opacity:1}90%{opacity:.5}}.header{position:relative;z-index:10;text-align:center;padding:60px 20px 28px}.header h1{line-height:1;margin:0}.header-logo{max-width:clamp(200px,40vw,400px);height:auto;filter:drop-shadow(0 0 30px rgba(61,220,132,.15))}.header .subtitle{font-size:.85rem;color:var(--text-muted);margin-top:6px;letter-spacing:.15em;text-transform:uppercase;font-weight:500}.header .page-title{font-family:Cinzel Decorative,serif;font-weight:700;font-size:clamp(1.1rem,2.5vw,1.6rem);color:var(--accent-gold);margin-top:10px;letter-spacing:.06em}.header .page-title:empty{display:none}.social-icons{display:inline-flex;align-items:center;gap:8px}.social-icon{width:22px;height:22px;opacity:.7;transition:opacity .25s,transform .25s;vertical-align:middle}.social-icon:hover{opacity:1;transform:scale(1.15)}.nav-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.nav-link{display:inline-block;padding:6px 18px;border-radius:100px;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;font-weight:600;transition:opacity .2s,transform .2s}.nav-link:hover{opacity:.75;transform:translateY(-1px)}.nav-link-green{background:#3ddc8414;border:1px solid rgba(61,220,132,.2);color:var(--accent-glow)}.nav-link-gold{background:#f0c04014;border:1px solid rgba(240,192,64,.2);color:var(--accent-gold)}.nav-link-purple{background:#b060e814;border:1px solid rgba(176,96,232,.2);color:#b060e8}.nav-link-blue{background:#42a5f514;border:1px solid rgba(66,165,245,.2);color:#42a5f5}.nav-link-orange{background:#ffa72614;border:1px solid rgba(255,167,38,.2);color:#ffa726}.nav-link-cyan{background:#26c6da14;border:1px solid rgba(38,198,218,.2);color:#26c6da}.nav-link-pink{background:#e040a014;border:1px solid rgba(224,64,160,.2);color:#e040a0}.code-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:#3ddc8414;border:1px solid rgba(61,220,132,.2);font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:700;color:var(--accent-glow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3ddc8433;border-radius:10px}.nav-hamburger,.nav-panel[hidden]{display:none}@media(max-width:699px){.nav-links{display:none}.nav-hamburger{display:flex;position:fixed;top:16px;right:72px;z-index:1000;width:44px;height:44px;border-radius:50%;background:#3ddc841a;border:1px solid rgba(61,220,132,.3);color:var(--accent-glow);align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}.nav-hamburger:hover{background:#3ddc8433;transform:scale(1.1);box-shadow:0 0 15px #3ddc8433}.nav-hamburger-icon{display:inline-flex;flex-direction:column;gap:4px;width:18px;justify-content:center;align-items:stretch}.nav-hamburger-icon .bar{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center}.nav-hamburger[aria-expanded=true] .nav-hamburger-icon .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-hamburger[aria-expanded=true] .nav-hamburger-icon .bar:nth-child(2){opacity:0}.nav-hamburger[aria-expanded=true] .nav-hamburger-icon .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.nav-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:stretch;justify-content:stretch}.nav-panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080c0ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}.nav-panel-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:80px 24px 40px;transform:scale(.85);transform-origin:top right;opacity:0;transition:transform .22s ease-out,opacity .18s ease-out}.nav-panel.is-open .nav-panel-backdrop{opacity:1}.nav-panel.is-open .nav-panel-inner{transform:scale(1);opacity:1}.nav-panel-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-panel-close:hover{background:#ffffff1f}.nav-panel-links{display:flex;flex-direction:column;gap:12px;align-items:center}.nav-panel-links .nav-link{padding:14px 22px;font-size:.9rem;text-align:center;min-width:220px}body.nav-panel-open{overflow:hidden}body.nav-panel-open .header{z-index:2000}@media(prefers-reduced-motion:reduce){.nav-panel-backdrop,.nav-panel-inner{transition:opacity .12s ease}.nav-panel-inner{transform:none}.nav-hamburger-icon .bar{transition:none}}.codes-modal-overlay[hidden]{display:none}.codes-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:20px}.codes-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080c0ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}.codes-modal-inner{position:relative;z-index:1;max-width:560px;width:100%;background:linear-gradient(135deg,#3ddc840f,#f0c0400f);border:1px solid rgba(61,220,132,.18);border-radius:16px;padding:28px 32px 32px;transform:scale(.92);opacity:0;transition:transform .2s ease-out,opacity .16s ease-out}.codes-modal-overlay.is-open .codes-modal-backdrop{opacity:1}.codes-modal-overlay.is-open .codes-modal-inner{transform:scale(1);opacity:1}.codes-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.codes-modal-close:hover{background:#ffffff1f}.codes-modal-title{font-family:Cinzel Decorative,serif;font-size:1rem;font-weight:700;color:var(--accent-gold);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}.codes-modal-title:before,.codes-modal-title:after{content:"";display:inline-block;width:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(240,192,64,.4),transparent)}.codes-modal-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}body.codes-modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.codes-modal-backdrop,.codes-modal-inner{transition:opacity .12s ease}.codes-modal-inner{transform:none}}.pets-container{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:10px 20px 80px}.xp-calc-banner{position:relative;z-index:10;max-width:720px;margin:0 auto 24px;padding:0 20px}.xp-calc-inner{background:linear-gradient(135deg,#3ddc840f,#f0c0400f);border:1px solid rgba(61,220,132,.18);border-radius:14px;padding:16px 20px;text-align:center}.xp-calc-title{font-family:Cinzel Decorative,serif;font-size:.8rem;font-weight:700;color:var(--accent-gold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:8px}.xp-calc-title:before,.xp-calc-title:after{content:"";display:inline-block;width:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(240,192,64,.4),transparent)}.xp-calc-controls{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.xp-calc-group{display:flex;align-items:center;gap:8px}.xp-calc-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.xp-calc-input{width:64px;padding:8px 10px;border-radius:8px;border:1px solid var(--border-subtle);background:#0003;color:var(--text-primary);font-family:Quicksand,sans-serif;font-size:1rem;font-weight:700;outline:none;text-align:center;transition:border-color .3s}.xp-calc-input:focus{border-color:#3ddc8466}.xp-calc-result{font-size:.95rem;color:var(--text-primary);font-weight:600}.xp-calc-result span{font-size:1.25rem;font-weight:700;color:var(--accent-glow);text-shadow:0 0 10px rgba(61,220,132,.25);margin-left:6px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:40vh;color:var(--text-muted);font-family:Cinzel Decorative,serif;font-size:1.1rem;letter-spacing:.1em}.spinner{width:40px;height:40px;border:3px solid rgba(61,220,132,.1);border-top-color:var(--accent-glow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pets-table-wrap{width:100%;overflow-x:auto;border-radius:14px;border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:0 10px 30px #0000004d}.pets-table{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:auto;min-width:800px}.pets-table thead{position:sticky;top:0;z-index:2}.pets-table th{padding:16px 14px;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-mid);border-bottom:2px solid var(--border-subtle);white-space:nowrap}.pets-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-primary);font-weight:500;vertical-align:middle}.pets-table tbody tr{transition:background .15s,transform .15s,filter .15s;animation:rowIn .5s ease both}@keyframes rowIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pets-table tbody tr:last-child td{border-bottom:none}.pets-table tr.repeated-header th{padding:16px 14px;background:var(--bg-mid);border-top:2px solid var(--border-subtle);border-bottom:2px solid var(--border-subtle)}.pets-table tbody tr.repeated-header,.pets-table tbody tr.repeated-header:hover{animation:none;background:transparent;filter:none}.pets-table .ability-cell,.pets-table .ability-th{text-align:center}.pets-table .ability-th{cursor:pointer;transition:color .2s,text-shadow .2s,text-decoration-color .2s;text-decoration:underline dotted;text-underline-offset:4px;text-decoration-color:#3ddc8466}.pets-table .ability-th:hover{color:var(--accent-glow);text-shadow:0 0 8px rgba(61,220,132,.4);text-decoration-color:var(--accent-glow)}.ability-cell{font-size:.95rem}.no-ability{color:var(--text-muted);opacity:.3}.stars{filter:drop-shadow(0 0 4px rgba(240,192,64,.4));letter-spacing:2px}.stars .full{color:#f0c040}.stars .half{background:linear-gradient(90deg,#f0c040 50%,#f0c0402e 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pet-cell{display:flex;align-items:center;gap:16px;min-width:250px}.pet-icon-wrap{width:200px;height:200px;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 4px 10px #0000004d;transition:transform .3s}.pets-table tbody tr:hover .pet-icon-wrap{transform:scale(1.05)}.pet-icon-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(rgba(255,255,255,.06) 0deg 8deg,transparent 8deg 16deg);background-position:center;background-size:100% 100%;pointer-events:none}.pet-icon-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.pet-row[data-rarity=Common] .pet-icon-wrap{background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,rgba(255,255,255,.03) 60%,var(--bg-deep) 100%)}.pet-row[data-rarity=Common] .pet-icon-wrap:before{background:repeating-conic-gradient(rgba(255,255,255,.08) 0deg 8deg,transparent 8deg 16deg)}.pet-row[data-rarity=Rare] .pet-icon-wrap{background:radial-gradient(circle at center,rgba(66,165,245,.18) 0%,rgba(66,165,245,.04) 60%,var(--bg-deep) 100%)}.pet-row[data-rarity=Rare] .pet-icon-wrap:before{background:repeating-conic-gradient(rgba(66,165,245,.1) 0deg 8deg,transparent 8deg 16deg)}.pet-row[data-rarity=Legendary] .pet-icon-wrap{background:radial-gradient(circle at center,rgba(255,167,38,.2) 0%,rgba(255,167,38,.04) 60%,var(--bg-deep) 100%)}.pet-row[data-rarity=Legendary] .pet-icon-wrap:before{background:repeating-conic-gradient(rgba(255,167,38,.1) 0deg 8deg,transparent 8deg 16deg)}.pet-row[data-rarity=Mythical] .pet-icon-wrap{background:radial-gradient(circle at center,rgba(220,40,40,.2) 0%,rgba(220,40,40,.04) 60%,var(--bg-deep) 100%)}.pet-row[data-rarity=Mythical] .pet-icon-wrap:before{background:repeating-conic-gradient(rgba(220,40,40,.12) 0deg 8deg,transparent 8deg 16deg)}.pet-row[data-rarity=Guardian] .pet-icon-wrap{background:radial-gradient(circle at center,rgba(220,50,180,.2) 0%,rgba(220,50,180,.04) 60%,var(--bg-deep) 100%)}.pet-row[data-rarity=Guardian] .pet-icon-wrap:before{background:repeating-conic-gradient(rgba(220,50,180,.12) 0deg 8deg,transparent 8deg 16deg)}.pet-row[data-rarity=Enchanted] .pet-icon-wrap{background:radial-gradient(circle at center,rgba(140,50,220,.2) 0%,rgba(140,50,220,.04) 60%,var(--bg-deep) 100%)}.pet-row[data-rarity=Enchanted] .pet-icon-wrap:before{background:repeating-conic-gradient(rgba(140,50,220,.12) 0deg 8deg,transparent 8deg 16deg)}.pet-row[data-rarity=Ancient] .pet-icon-wrap{background:radial-gradient(circle at center,rgba(46,170,94,.2) 0%,rgba(46,170,94,.04) 60%,var(--bg-deep) 100%)}.pet-row[data-rarity=Ancient] .pet-icon-wrap:before{background:repeating-conic-gradient(rgba(46,170,94,.12) 0deg 8deg,transparent 8deg 16deg)}.pet-icon-img{max-width:85%;max-height:85%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));position:relative;z-index:1;transition:transform .3s}.pets-table tbody tr:hover .pet-icon-img{transform:scale(1.1)}.pet-icon-placeholder{font-size:1.5rem;opacity:.5;filter:grayscale(1)}.pet-name-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.pet-name{font-family:Cinzel Decorative,serif;font-weight:700;font-size:.95rem;color:var(--text-primary);letter-spacing:.05em}.mobile-abilities{display:none}.rarity-badge{padding:3px 10px;border-radius:100px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.rarity-badge[data-rarity=Common]{background:var(--common-bg);color:var(--common);border:1px solid var(--common-border)}.rarity-badge[data-rarity=Rare]{background:var(--rare-bg);color:var(--rare);border:1px solid var(--rare-border)}.rarity-badge[data-rarity=Legendary]{background:var(--legendary-bg);color:var(--legendary);border:1px solid var(--legendary-border)}.rarity-badge[data-rarity=Mythical]{background:var(--mythical-bg);color:var(--mythical);border:1px solid var(--mythical-border)}.rarity-badge[data-rarity=Guardian]{background:var(--guardian-bg);color:var(--guardian);border:1px solid var(--guardian-border)}.rarity-badge[data-rarity=Enchanted]{background:var(--enchanted-bg);color:var(--enchanted);border:1px solid var(--enchanted-border)}.rarity-badge[data-rarity=Ancient]{background:var(--ancient-bg);color:var(--ancient);border:1px solid var(--ancient-border)}.pet-row[data-rarity=Common]{background:var(--common-bg);border-left:3px solid var(--common)}.pet-row:hover[data-rarity=Common]{background:#ffffff1f}.pet-row[data-rarity=Rare]{background:var(--rare-bg);border-left:3px solid var(--rare)}.pet-row:hover[data-rarity=Rare]{background:#42a5f51f}.pet-row[data-rarity=Legendary]{background:var(--legendary-bg);border-left:3px solid var(--legendary)}.pet-row:hover[data-rarity=Legendary]{background:#ffa7261f}.pet-row[data-rarity=Mythical]{background:var(--mythical-bg);border-left:3px solid var(--mythical)}.pet-row:hover[data-rarity=Mythical]{background:#dc28281f}.pet-row[data-rarity=Guardian]{background:var(--guardian-bg);border-left:3px solid var(--guardian)}.pet-row:hover[data-rarity=Guardian]{background:#dc32b41a}.pet-row[data-rarity=Enchanted]{background:var(--enchanted-bg);border-left:3px solid var(--enchanted)}.pet-row:hover[data-rarity=Enchanted]{background:#8c32dc1f}.pet-row[data-rarity=Ancient]{background:var(--ancient-bg);border-left:3px solid var(--ancient)}.pet-row:hover[data-rarity=Ancient]{background:#2eaa5e1f}@media(max-width:768px){.pets-table thead,.pets-table tbody tr.repeated-header,.pets-table th.ability-th,.pets-table td.ability-cell{display:none}.pets-table-wrap{border:none;background:transparent;box-shadow:none;overflow:visible}.pets-table,.pets-table tbody,.pets-table tr,.pets-table td{display:block;width:100%;min-width:0}.pets-table tr.pet-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:12px;padding:12px;animation:none;transform:none!important}.pets-table td.pet-cell{display:flex;padding:0;border:none;gap:16px;align-items:flex-start}.pet-icon-wrap{width:130px;height:130px}.pet-name-wrap{padding-top:4px}.mobile-abilities{display:flex;flex-direction:column;gap:4px;margin-top:10px}.mobile-ability{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.mob-ab-name{font-weight:600;text-decoration:underline dotted;text-underline-offset:3px;text-decoration-color:#3ddc8466}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;padding:20px}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;max-width:600px;width:100%;padding:36px 32px;transform:scale(.95);transition:transform .3s;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #00000080;text-align:center}.modal-overlay.open .modal{transform:scale(1)}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#ffffff0d;border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.modal-title{font-family:Cinzel Decorative,serif;font-size:1.6rem;font-weight:700;color:var(--accent-gold);margin-bottom:20px;letter-spacing:.08em;text-transform:uppercase}.modal-desc{font-size:1.1rem;line-height:1.6;color:var(--text-primary)}.pet-row{cursor:pointer}.pet-modal{text-align:left;max-width:560px;padding:32px 28px 28px}.pet-modal-header{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding-right:36px}.pet-modal-icon-wrap{width:120px;height:120px;border-radius:14px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 4px 10px #0000004d}.pet-modal-icon-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(rgba(255,255,255,.06) 0deg 8deg,transparent 8deg 16deg);pointer-events:none}.pet-modal-icon-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.pet-modal-icon-wrap[data-rarity=Common]{background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,rgba(255,255,255,.03) 60%,var(--bg-deep) 100%)}.pet-modal-icon-wrap[data-rarity=Common]:before{background:repeating-conic-gradient(rgba(255,255,255,.08) 0deg 8deg,transparent 8deg 16deg)}.pet-modal-icon-wrap[data-rarity=Rare]{background:radial-gradient(circle at center,rgba(66,165,245,.18) 0%,rgba(66,165,245,.04) 60%,var(--bg-deep) 100%)}.pet-modal-icon-wrap[data-rarity=Rare]:before{background:repeating-conic-gradient(rgba(66,165,245,.1) 0deg 8deg,transparent 8deg 16deg)}.pet-modal-icon-wrap[data-rarity=Legendary]{background:radial-gradient(circle at center,rgba(255,167,38,.2) 0%,rgba(255,167,38,.04) 60%,var(--bg-deep) 100%)}.pet-modal-icon-wrap[data-rarity=Legendary]:before{background:repeating-conic-gradient(rgba(255,167,38,.1) 0deg 8deg,transparent 8deg 16deg)}.pet-modal-icon-wrap[data-rarity=Mythical]{background:radial-gradient(circle at center,rgba(220,40,40,.2) 0%,rgba(220,40,40,.04) 60%,var(--bg-deep) 100%)}.pet-modal-icon-wrap[data-rarity=Mythical]:before{background:repeating-conic-gradient(rgba(220,40,40,.12) 0deg 8deg,transparent 8deg 16deg)}.pet-modal-icon-wrap[data-rarity=Guardian]{background:radial-gradient(circle at center,rgba(220,50,180,.2) 0%,rgba(220,50,180,.04) 60%,var(--bg-deep) 100%)}.pet-modal-icon-wrap[data-rarity=Guardian]:before{background:repeating-conic-gradient(rgba(220,50,180,.12) 0deg 8deg,transparent 8deg 16deg)}.pet-modal-icon-wrap[data-rarity=Enchanted]{background:radial-gradient(circle at center,rgba(140,50,220,.2) 0%,rgba(140,50,220,.04) 60%,var(--bg-deep) 100%)}.pet-modal-icon-wrap[data-rarity=Enchanted]:before{background:repeating-conic-gradient(rgba(140,50,220,.12) 0deg 8deg,transparent 8deg 16deg)}.pet-modal-icon-wrap[data-rarity=Ancient]{background:radial-gradient(circle at center,rgba(46,170,94,.2) 0%,rgba(46,170,94,.04) 60%,var(--bg-deep) 100%)}.pet-modal-icon-wrap[data-rarity=Ancient]:before{background:repeating-conic-gradient(rgba(46,170,94,.12) 0deg 8deg,transparent 8deg 16deg)}.pet-modal-icon-wrap .pet-icon-img{max-width:85%;max-height:85%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));position:relative;z-index:1}.pet-modal-heading{display:flex;flex-direction:column;gap:8px;min-width:0}.pet-modal-name{font-family:Cinzel Decorative,serif;font-size:1.5rem;font-weight:700;color:var(--accent-gold);letter-spacing:.06em;line-height:1.2}.pet-modal-heading .rarity-badge{align-self:flex-start}.pet-modal-level-block{margin-bottom:22px;padding:14px 16px;border-radius:12px;background:#ffffff08;border:1px solid var(--border-subtle)}.pet-modal-level-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;font-family:Cinzel,serif}.pet-modal-level-label{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.pet-modal-level-value{font-size:1.6rem;font-weight:700;color:var(--accent-gold);font-variant-numeric:tabular-nums;margin-left:auto}.pet-modal-level-max{font-size:.95rem;color:var(--text-muted);font-weight:600}.pet-modal-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(to right,#f0c04099,#f0c04026);outline:none;cursor:pointer}.pet-modal-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-gold);border:2px solid var(--bg-deep);cursor:pointer;box-shadow:0 0 8px #f0c04080;transition:transform .1s}.pet-modal-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.pet-modal-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-gold);border:2px solid var(--bg-deep);cursor:pointer;box-shadow:0 0 8px #f0c04080}.pet-modal-abilities{display:flex;flex-direction:column;gap:8px}.pet-modal-ability{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;background:#ffffff08;border:1px solid var(--border-subtle);border-left:3px solid var(--accent-gold)}.pet-modal-ability-name{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.pet-modal-ability-value{font-size:1rem;color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:520px){.pet-modal{padding:28px 20px 22px}.pet-modal-header{flex-direction:column;align-items:flex-start;gap:14px}.pet-modal-icon-wrap{width:100px;height:100px}.pet-modal-name{font-size:1.3rem}}