:root{--bg:#f4f6fb;--panel:#fff;--text:#1d2740;--muted:#5b6680;--rare:#3aa0ff;--epic:#b14dff;--special:#16d6c8;--legendary:#ff9a1f;--mythic:#ffd23d;--font-display:var(--display-font,"Russo One"),system-ui,sans-serif;--glass:hsla(0,0%,100%,.55);--glass-border:color-mix(in srgb,var(--muted) 30%,transparent);--aurora-1:rgba(58,160,255,.18);--aurora-2:rgba(177,77,255,.16);--aurora-3:rgba(22,214,200,.14);--grid-line:rgba(29,39,64,.05);--vignette:rgba(180,190,220,.35);--halo-strength:.4}:root.dark{--bg:#0a0f1d;--panel:#0d1426;--text:#eaf0ff;--muted:#7e8db0;--glass:rgba(14,22,44,.55);--glass-border:color-mix(in srgb,var(--epic) 28%,transparent);--aurora-1:rgba(58,160,255,.28);--aurora-2:rgba(177,77,255,.3);--aurora-3:rgba(22,214,200,.22);--grid-line:rgba(126,141,176,.1);--vignette:rgba(2,5,14,.8);--halo-strength:.85}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body:after,body:before{content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none}body:before{background:radial-gradient(40% 50% at 18% 22%,var(--aurora-2),transparent 70%),radial-gradient(45% 55% at 82% 18%,var(--aurora-1),transparent 70%),radial-gradient(50% 60% at 50% 92%,var(--aurora-3),transparent 70%);filter:blur(40px) saturate(1.2);animation:auroraDrift 26s ease-in-out infinite alternate;will-change:transform}body:after{inset:0;background:linear-gradient(var(--grid-line) 1px,transparent 1px) 0 0 /44px 44px,linear-gradient(90deg,var(--grid-line) 1px,transparent 1px) 0 0 /44px 44px,radial-gradient(120% 120% at 50% 50%,transparent 55%,var(--vignette) 100%);z-index:-1;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 60%,transparent 100%);mask-image:radial-gradient(120% 100% at 50% 0,#000 60%,transparent 100%)}@keyframes auroraDrift{0%{transform:translate3d(-3%,-2%,0) scale(1.05) rotate(0deg)}50%{transform:translate3d(2%,3%,0) scale(1.12) rotate(1.5deg)}to{transform:translate3d(3%,-3%,0) scale(1.06) rotate(-1deg)}}a,button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,filter .18s ease}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;font-weight:400}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;position:-webkit-sticky;position:sticky;top:0;z-index:30;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--panel) 65%,transparent));-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px color-mix(in srgb,var(--epic) 14%,transparent)}.wordmark{font-family:var(--font-display);font-weight:400;font-size:22px;letter-spacing:1px;text-transform:uppercase;color:var(--text);text-decoration:none;display:inline-flex;align-items:baseline}.wordmark .accent{color:var(--epic);text-shadow:0 0 8px color-mix(in srgb,var(--epic) 70%,transparent),0 0 22px color-mix(in srgb,var(--epic) 45%,transparent)}.app-main{padding:24px 20px 60px;max-width:1200px;margin:0 auto}.page-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;font-size:clamp(26px,4vw,40px);margin:6px 0 18px}.page-title .glow{color:var(--special);text-shadow:0 0 10px color-mix(in srgb,var(--special) 75%,transparent),0 0 26px color-mix(in srgb,var(--special) 45%,transparent)}.pill{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:11px;font-weight:400;letter-spacing:.6px;text-transform:uppercase;padding:3px 10px;border-radius:6px;color:#04121f;position:relative;-webkit-clip-path:polygon(7% 0,100% 0,100% 75%,93% 100%,0 100%,0 25%);clip-path:polygon(7% 0,100% 0,100% 75%,93% 100%,0 100%,0 25%);box-shadow:0 0 10px color-mix(in srgb,currentColor 0,transparent)}.pill.solid{box-shadow:0 0 12px color-mix(in srgb,var(--pill-glow,transparent) 55%,transparent),inset 0 1px 0 hsla(0,0%,100%,.35);text-shadow:0 1px 0 hsla(0,0%,100%,.25)}.pill.holo{color:#06121f;background:linear-gradient(100deg,#7af0d8,#8ec5ff,#c9a3ff,#ffb3e6,#7af0d8);background-size:250% 100%;animation:holoShift 4s linear infinite;box-shadow:0 0 14px rgba(140,200,255,.55)}@keyframes holoShift{to{background-position:250% 0}}.pill.muted{background:color-mix(in srgb,var(--muted) 14%,var(--panel));color:var(--muted);border:1px solid var(--glass-border)}.card-sprite{--rc:var(--muted);position:relative;background:var(--panel);border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);border-radius:14px;display:flex;flex-direction:column;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--rc) 22%,transparent),0 6px 22px color-mix(in srgb,var(--rc) calc(22% * var(--halo-strength)),transparent);transform:translateZ(0);transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease;animation:cardGlow 4.5s ease-in-out infinite}.card-sprite:after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;-webkit-clip-path:inherit;clip-path:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 14%,transparent),transparent 38%)}@keyframes cardGlow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--rc) 22%,transparent),0 6px 22px color-mix(in srgb,var(--rc) calc(20% * var(--halo-strength)),transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--rc) 40%,transparent),0 8px 30px color-mix(in srgb,var(--rc) calc(38% * var(--halo-strength)),transparent)}}.card-sprite:hover{transform:translateY(-6px) scale(1.025) rotateX(4deg) rotateY(-3deg);border-color:color-mix(in srgb,var(--rc) 85%,transparent);box-shadow:0 0 0 1px var(--rc),0 14px 40px color-mix(in srgb,var(--rc) calc(55% * var(--halo-strength)),transparent)}.card-sprite .art{background:radial-gradient(120% 100% at 50% 0,color-mix(in srgb,var(--rc) 18%,transparent),transparent);padding:14px 14px 6px;border:0;cursor:pointer;width:100%}.card-sprite .art img{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--rc) calc(70% * var(--halo-strength)),transparent));transition:transform .25s ease}.card-sprite:hover .art img{transform:scale(1.06)}.card-sprite.unowned{filter:grayscale(.85) brightness(.62);opacity:.82;border-color:color-mix(in srgb,var(--muted) 22%,transparent);box-shadow:none;animation:none}.card-sprite.unowned:after{opacity:.3}.card-sprite.unowned .art img{filter:none}.card-sprite.unowned:hover{filter:grayscale(.35) brightness(.9);opacity:1}.card-sprite.owned{border-color:color-mix(in srgb,var(--rc) 80%,transparent)}.card-sprite .art{position:relative}.owned-check{position:absolute;top:8px;right:8px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:800;color:#04121f;background:var(--rc);border:1.5px solid #04121f;box-shadow:0 0 10px color-mix(in srgb,var(--rc) 70%,transparent)}.card-sprite .body{padding:10px 12px 14px;display:flex;flex-direction:column;gap:8px}.card-sprite .nm{font-family:var(--font-display);font-weight:400;letter-spacing:.4px;text-transform:uppercase;font-size:15px;color:var(--text)}.card-sprite .pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.grid-stagger>*{animation:cardEnter .5s cubic-bezier(.2,.8,.25,1) both}.grid-stagger>:first-child{animation-delay:.02s}.grid-stagger>:nth-child(2){animation-delay:.06s}.grid-stagger>:nth-child(3){animation-delay:.1s}.grid-stagger>:nth-child(4){animation-delay:.14s}.grid-stagger>:nth-child(5){animation-delay:.18s}.grid-stagger>:nth-child(6){animation-delay:.22s}.grid-stagger>:nth-child(7){animation-delay:.26s}.grid-stagger>:nth-child(8){animation-delay:.3s}.grid-stagger>:nth-child(n+9){animation-delay:.34s}@keyframes cardEnter{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.sprite-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}@media (min-width:560px){.sprite-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (min-width:900px){.sprite-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:559px){.app-main{padding:14px 12px 48px}.card-sprite .art{padding:8px 8px 2px}.card-sprite .body{padding:6px 8px 9px;gap:5px}.card-sprite .nm{font-size:12px}.card-sprite .pills{gap:4px}.pill{font-size:9px;padding:2px 6px}}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;font-weight:400;border-radius:10px;padding:10px 16px;cursor:pointer;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--text);-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--epic) 70%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--epic) 40%,transparent)}.btn-primary{color:#fff;border:0;background:linear-gradient(120deg,var(--epic),var(--rare) 130%);box-shadow:0 0 14px color-mix(in srgb,var(--epic) 45%,transparent)}.btn-primary:hover{box-shadow:0 0 26px color-mix(in srgb,var(--epic) 65%,transparent);transform:translateY(-2px) scale(1.02)}.chip{font-weight:700;border-radius:10px;padding:6px 11px;cursor:pointer;background:color-mix(in srgb,var(--panel) 70%,transparent);color:var(--text);border:1px solid var(--glass-border);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.chip:hover{border-color:color-mix(in srgb,var(--special) 70%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--special) 35%,transparent);transform:translateY(-1px)}.field{display:block;width:100%;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--panel) 75%,transparent);color:var(--text);border:1px solid var(--glass-border);outline:none}.field:focus{border-color:color-mix(in srgb,var(--rare) 75%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--rare) 22%,transparent)}.lvl-btn{width:32px;height:32px;border-radius:9px;border:1px solid var(--epic);background:color-mix(in srgb,var(--epic) 8%,transparent);color:var(--epic);font-size:18px;font-weight:900;cursor:pointer;line-height:1}.lvl-btn:hover{background:color-mix(in srgb,var(--epic) 22%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--epic) 55%,transparent);transform:translateY(-1px)}.lvl-num{font-family:var(--font-display);font-weight:400;font-size:18px}.pip{flex:1 1;height:9px;border-radius:5px;transition:background .3s ease,box-shadow .3s ease}.pip[data-on=true]{background:var(--epic);box-shadow:0 0 8px var(--epic);animation:pipPop .35s ease}.pip[data-on=false]{background:color-mix(in srgb,var(--muted) 28%,transparent)}@keyframes pipPop{0%{transform:scale(.7)}to{transform:scale(1)}}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;background:rgba(2,6,16,.72);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);animation:overlayIn .25s ease both}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-card{--rc:var(--epic);position:relative;background:var(--panel);border-radius:18px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;padding:0 20px 22px;border:1px solid color-mix(in srgb,var(--rc) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--rc) 35%,transparent),0 24px 70px color-mix(in srgb,var(--rc) 35%,transparent);-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);animation:modalIn .3s cubic-bezier(.2,.8,.25,1) both}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}.modal-head{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0 8px;background:linear-gradient(180deg,var(--panel) 70%,transparent)}.modal-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:22px;text-shadow:0 0 12px color-mix(in srgb,var(--rc) calc(60% * var(--halo-strength)),transparent)}.modal-close{background:transparent;border:0;color:var(--muted);font-size:26px;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text);transform:scale(1.15)}.modal-art{position:relative;max-width:210px;margin:6px auto 12px}.modal-art:before{content:"";position:absolute;inset:-10%;border-radius:50%;z-index:0;background:radial-gradient(circle,color-mix(in srgb,var(--rc) calc(55% * var(--halo-strength)),transparent),transparent 65%);filter:blur(14px);animation:haloPulse 3.5s ease-in-out infinite}.modal-art img{position:relative;z-index:1;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--rc) calc(70% * var(--halo-strength)),transparent));animation:artFloat 6s ease-in-out infinite}@keyframes haloPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes artFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.modal-section{margin:14px 0 0}.modal-section h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.8px;font-size:12px;color:var(--muted);margin:0 0 7px;display:flex;align-items:center;gap:8px}.modal-section h3:before{content:"";width:14px;height:2px;border-radius:2px;background:var(--rc);box-shadow:0 0 8px var(--rc)}.modal-section p{margin:0;font-size:14px;line-height:1.55;color:var(--text)}.stat-track{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;align-items:center;gap:10px;font-size:13px}.stat-row .label{min-width:78px;color:var(--muted)}.stat-bar{flex:1 1;height:9px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--muted) 22%,transparent)}.stat-bar>span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--rare),var(--epic));box-shadow:0 0 10px color-mix(in srgb,var(--epic) 55%,transparent);animation:barGrow .6s ease both}@keyframes barGrow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}.cost-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:18px;letter-spacing:.5px;padding:6px 14px;border-radius:10px;color:#04121f;background:linear-gradient(120deg,var(--legendary),var(--mythic));box-shadow:0 0 16px color-mix(in srgb,var(--mythic) 50%,transparent)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.variant-chip{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.4px;padding:4px 10px;border-radius:8px;color:var(--text);border:1px solid color-mix(in srgb,var(--vc,var(--muted)) 80%,transparent);background:color-mix(in srgb,var(--vc,var(--muted)) 16%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--vc,var(--muted)) 30%,transparent)}.family-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px}.family-item{flex:0 0 auto;width:92px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border-radius:12px;cursor:pointer;color:var(--text);background:color-mix(in srgb,var(--rc,var(--muted)) 8%,var(--bg));border:1px solid color-mix(in srgb,var(--rc,var(--muted)) 28%,transparent);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.family-item:hover:not(.current){transform:translateY(-2px);border-color:color-mix(in srgb,var(--rc,var(--muted)) 60%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--rc,var(--muted)) 30%,transparent)}.family-item.current{cursor:default;border-color:var(--rc,var(--muted));box-shadow:0 0 18px color-mix(in srgb,var(--rc,var(--muted)) 45%,transparent)}.family-item img{width:56px;height:56px;object-fit:contain}.family-item span{font-size:11px;line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.owner-chip{background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--glass-border);color:var(--text);border-radius:20px;padding:5px 12px;font-size:13px;text-decoration:none;font-weight:700}.owner-chip:hover{border-color:color-mix(in srgb,var(--special) 70%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--special) 35%,transparent)}.owner-badge{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--panel) 60%,transparent);border:1px solid var(--glass-border);color:var(--muted);border-radius:20px;padding:4px 11px;font-size:12px;font-weight:700;cursor:pointer}.owner-badge:hover{color:var(--text);border-color:color-mix(in srgb,var(--rare) 60%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--rare) 30%,transparent)}.profile-avatar{width:52px;height:52px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,var(--epic),var(--rare));box-shadow:0 0 18px color-mix(in srgb,var(--epic) 50%,transparent)}.profile-avatar,.profile-name{font-family:var(--font-display)}.profile-name{text-transform:lowercase;margin:0;letter-spacing:.5px}.stat-meter{height:12px;border-radius:7px;overflow:hidden;margin-top:8px;background:color-mix(in srgb,var(--muted) 25%,transparent)}.stat-meter>span{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--rare),var(--epic),var(--special));box-shadow:0 0 12px color-mix(in srgb,var(--epic) 50%,transparent);animation:barGrow .7s ease both}@media (prefers-reduced-motion:reduce){.card-sprite,.grid-stagger>*,.pill.holo,body:before{animation:none}.card-sprite:hover{transform:translateY(-3px)}.modal-art img,.modal-art:before,.modal-card,.modal-overlay,.pip[data-on=true],.stat-bar>span,.stat-meter>span{animation:none}a,button{transition:none}}@font-face{font-family:__Russo_One_e86c02;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8923fa517b7ecf7d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Russo_One_e86c02;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e1631ba989bcb2a8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Russo_One_e86c02;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f8134d1990745b40-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Russo_One_Fallback_e86c02;src:local("Arial");ascent-override:80.00%;descent-override:24.10%;line-gap-override:0.00%;size-adjust:115.75%}.__className_e86c02{font-family:__Russo_One_e86c02,__Russo_One_Fallback_e86c02;font-weight:400;font-style:normal}.__variable_e86c02{--display-font:"__Russo_One_e86c02","__Russo_One_Fallback_e86c02"}