@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--color-primary: #ffffff;--color-accent: #9fd7ff;--color-accent-deep: #5ea8d8;--color-atk: #ff6b3d;--color-def: #3fa0ff;--color-agi: #ffb83c;--color-int: #b08cff;--color-luk: #ff78aa;--color-fg: #ffffff;--color-muted: #c9d4e0;--color-border: #ffffff;--color-window-bg: rgba(0, 0, 0, .78);--color-window-bg-alt: rgba(0, 0, 0, .88);--color-window-inner-border: rgba(255, 255, 255, .35);--color-danger: #ff7272;--font-main: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{font-family:var(--font-main);color:var(--color-fg);line-height:1.6;letter-spacing:.02em;-webkit-font-smoothing:antialiased;background:linear-gradient(to bottom,#4aa6e2,#7cc7ea 35%,#bee3f1 62%,#9dd07f 63%,#6fb052 80%,#3f7a32) fixed;background-size:100% 100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(180px 40px at 15% 12%,#ffffff8c,#fff0 70%),radial-gradient(260px 60px at 75% 22%,#ffffff80,#fff0 70%),radial-gradient(160px 36px at 45% 34%,#fff6,#fff0 70%);z-index:0}a{color:var(--color-accent);text-decoration:none;border-bottom:1px dotted var(--color-accent)}a:hover{color:#fff;border-bottom-color:#fff}a{-webkit-tap-highlight-color:transparent;transition:color 80ms ease,opacity 80ms ease,border-bottom-color 80ms ease}a:active{opacity:.7}button{font-family:inherit;font-size:1em;cursor:pointer;color:var(--color-fg);background:var(--color-window-bg);border:3px solid var(--color-border);border-radius:2px;padding:.35em .9em;box-shadow:inset 0 0 0 1px var(--color-window-inner-border);transition:background-color 80ms ease,transform 60ms ease,box-shadow 80ms ease;-webkit-tap-highlight-color:transparent;user-select:none}button:hover:not(:disabled){background:var(--color-window-bg-alt)}button:active:not(:disabled){background:var(--color-window-bg-alt);transform:translateY(1px) scale(.985);box-shadow:inset 0 0 0 1px var(--color-window-inner-border),inset 0 2px 4px #00000059}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:transparent;color:var(--color-fg)}input,textarea,select{font-family:inherit;font-size:.95em;color:var(--color-fg);background:var(--color-window-bg-alt);border:2px solid var(--color-border);border-radius:2px;padding:.35em .6em;outline:none}input::placeholder,textarea::placeholder{color:#c9d4e08c}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)}code{font-family:ui-monospace,Courier New,monospace;background:#00000059;padding:0 .25em;border-radius:2px;font-size:.9em}h1,h2,h3,h4{font-family:var(--font-main);margin:.6em 0 .4em}p{margin:.4em 0}.app-shell{position:relative;z-index:1;max-width:420px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column}@media (min-width: 768px){.app-shell{max-width:680px}}@media (min-width: 1100px){.app-shell:has([data-board-wide="1"]){max-width:1280px}}.board-columns{display:flex;flex-direction:column;gap:.6em}@media (min-width: 768px){.board-columns{flex-direction:row;gap:.8em;overflow-x:auto;padding-bottom:.5em;align-items:flex-start}}.board-column{background:#00000080;border:2px solid var(--color-border);border-radius:3px;padding:.6em .7em;box-shadow:inset 0 0 0 1px var(--color-window-inner-border)}@media (min-width: 768px){.board-column{flex:0 0 320px;max-height:calc(100vh - 12em);overflow-y:auto}}.header{padding:.6em 1em;font-size:1.05em;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.5);position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,#0a143cd9,#0a143c73);backdrop-filter:blur(2px);border-bottom:2px solid rgba(255,255,255,.5)}.content{flex:1;padding:1em;margin:.6em .5em;background:#000000b8;color:var(--color-fg);border:3px solid var(--color-border);border-radius:3px;box-shadow:inset 0 0 0 1px var(--color-window-inner-border),0 4px #00000059;position:relative}.content:before,.content:after{content:"";position:absolute;width:6px;height:6px;background:var(--color-border);pointer-events:none}.content:before{top:3px;left:3px}.content:after{bottom:3px;right:3px}.footer-nav{display:flex;justify-content:space-around;align-items:stretch;padding:.35em .3em;width:min(340px,80%);margin:0 auto .6em;background:var(--color-window-bg);border:3px solid var(--color-border);border-radius:3px;box-shadow:inset 0 0 0 1px var(--color-window-inner-border),0 4px #00000059;position:sticky;bottom:.6em;z-index:10}.footer-nav-item{flex:1;display:flex;align-items:center;justify-content:center;padding:.45em .2em;color:#fff;opacity:.55;border:none;border-radius:8px;transition:background-color 80ms ease,opacity 80ms ease,transform 60ms ease;-webkit-tap-highlight-color:transparent}.footer-nav-item:hover{opacity:.85;background:#ffffff0f}.footer-nav-item:active{opacity:1;background:#ffffff2e;transform:scale(.94)}.footer-nav-item.active{opacity:1;background:#ffffff1f}.dq-window{position:relative;background:var(--color-window-bg);color:var(--color-fg);border:3px solid var(--color-border);border-radius:3px;padding:.8em 1em;box-shadow:inset 0 0 0 1px var(--color-window-inner-border),0 4px #00000059;margin-bottom:.9em}.dq-window:before,.dq-window:after{content:"";position:absolute;width:6px;height:6px;background:var(--color-border)}.dq-window:before{top:3px;left:3px}.dq-window:after{bottom:3px;right:3px}.dq-window.compact{padding:.6em .8em;margin-bottom:.6em}.dq-window a{color:var(--color-primary)}.dq-tabs{display:flex;gap:.5em;margin:.5em 0}.dq-tab{flex:1;padding:.5em;background:#00000073;color:#ffffffb3;border:2px solid rgba(255,255,255,.6);border-radius:2px;text-align:center;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,.7);font-weight:700;transition:background-color 80ms ease,color 80ms ease,border-color 80ms ease,transform 60ms ease;-webkit-tap-highlight-color:transparent}.dq-tab:hover{color:#fff;border-color:#fff}.dq-tab:active:not(.active){background:#000000b3;transform:scale(.985)}.dq-tab.active{background:#000000d9;color:#fff;border-color:#fff;box-shadow:inset 0 0 0 1px #ffffff4d,0 0 0 1px #0006}.section{margin:.8em 0}@keyframes aq-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ritual-particle-fall{0%{transform:translate(var(--x-start, 0),-60vh);opacity:0}20%{opacity:1}to{transform:translate(var(--x-end, 0));opacity:0}}@keyframes ritual-pulse{0%,to{opacity:.35;transform:scale(.95);filter:blur(2px)}50%{opacity:.85;transform:scale(1.05);filter:blur(0)}}@keyframes ritual-sparkle{0%{transform:scale(0);opacity:0}30%{transform:scale(1.3);opacity:1}to{transform:scale(.6);opacity:0}}@keyframes ritual-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes ritual-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ritual-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ritual-text-swap{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.summon-overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#14326eb3,#050f23f2 70%,#000000fa);animation:ritual-fade-in .6s ease;overflow:hidden}.summon-stage{position:relative;width:min(320px,80vw);height:min(320px,80vw)}.summon-particle{position:absolute;top:0;left:50%;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fffc;animation:ritual-particle-fall 2.4s ease-in infinite;pointer-events:none}.summon-silhouette{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:ritual-pulse 2s ease-in-out infinite}.summon-sparkle{position:absolute;width:18px;height:18px;background:radial-gradient(circle,#fff8 0%,transparent 70%);border-radius:50%;animation:ritual-sparkle 1.4s ease-out infinite;pointer-events:none}.breathe{animation:ritual-breathe 3.2s ease-in-out infinite}@keyframes ritual-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes ritual-zoom-in{0%{transform:scale(.8);filter:brightness(1) drop-shadow(0 0 0 rgba(159,215,255,0))}40%{transform:scale(1.25);filter:brightness(1.6) drop-shadow(0 0 24px rgba(159,215,255,1))}to{transform:scale(1.08);filter:brightness(1.2) drop-shadow(0 0 18px rgba(159,215,255,.9))}}@keyframes ritual-burst-fly{0%{transform:rotate(var(--angle, 0deg)) translate(0) scale(.5);opacity:0}20%{opacity:1}to{transform:rotate(var(--angle, 0deg)) translate(180px) scale(1.6);opacity:0}}@keyframes ritual-announce{0%{opacity:0;transform:translateY(16px) scale(.9);filter:blur(4px)}30%{opacity:1;transform:translateY(0) scale(1.05);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.summon-flash{position:fixed;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.95) 0%,rgba(200,230,255,.7) 30%,rgba(120,180,255,.2) 60%,transparent 80%);pointer-events:none;z-index:201;animation:ritual-flash .9s ease-out forwards}.summon-silhouette.emerging{animation:ritual-zoom-in .9s cubic-bezier(.2,.8,.2,1) forwards}.summon-burst{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;background:radial-gradient(circle,#ffffff 0%,#9fd7ff 40%,transparent 70%);border-radius:50%;box-shadow:0 0 12px #ffffffe6;animation:ritual-burst-fly 1.8s ease-out forwards;pointer-events:none}.cp-overlay{position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;pointer-events:auto;overflow:hidden;--rar: #cccccc;--intensity: 1;background:radial-gradient(ellipse at center,#140a1eb3,#05050ff5 60%,#000);animation:cp-fade-in .35s ease forwards}.cp-overlay[data-stage=reveal]{animation:cp-fade-out .6s ease .5s forwards}@keyframes cp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cp-fade-out{0%{opacity:1}to{opacity:0}}.cp-overlay{--rar: #b0a89c;--intensity: .6}.cp-overlay[data-stage=emerge][data-rarity=rare]{--rar: #5c9fff;--intensity: 1.1}.cp-overlay[data-stage=emerge][data-rarity=srare]{--rar: #c47eff;--intensity: 1.4}.cp-overlay[data-stage=emerge][data-rarity=ssr]{--rar: #ffce5e;--intensity: 1.8}.cp-overlay[data-stage=emerge][data-rarity=ur]{--rar: #ff7eb0;--intensity: 2.4}.cp-overlay[data-stage=reveal][data-rarity=common]{--rar: #b0a89c;--intensity: .6}.cp-overlay[data-stage=reveal][data-rarity=uncommon]{--rar: #6acc8a;--intensity: .8}.cp-overlay[data-stage=reveal][data-rarity=rare]{--rar: #5c9fff;--intensity: 1.1}.cp-overlay[data-stage=reveal][data-rarity=srare]{--rar: #c47eff;--intensity: 1.4}.cp-overlay[data-stage=reveal][data-rarity=ssr]{--rar: #ffce5e;--intensity: 1.8}.cp-overlay[data-stage=reveal][data-rarity=ur]{--rar: #ff7eb0;--intensity: 2.4}.cp-stage{position:relative;width:min(360px,80vw);height:min(560px,85vh)}.cp-aura{position:absolute;inset:-40%;background:radial-gradient(circle at center,color-mix(in srgb,var(--rar) 70%,transparent) 0%,color-mix(in srgb,var(--rar) 25%,transparent) 35%,transparent 70%);filter:blur(28px);opacity:0;animation:cp-aura-breathe 1.8s ease-in-out infinite;transition:opacity .6s ease;pointer-events:none}.cp-overlay[data-stage=emerge] .cp-aura,.cp-overlay[data-stage=reveal] .cp-aura{opacity:calc(.5 * var(--intensity))}@keyframes cp-aura-breathe{0%,to{transform:scale(1);filter:blur(28px)}50%{transform:scale(1.1);filter:blur(22px)}}.cp-overlay[data-stage=emerge][data-rarity=ur] .cp-aura,.cp-overlay[data-stage=reveal][data-rarity=ur] .cp-aura{background:conic-gradient(from 0deg,#ff80c0,#ffd57a,#a5ff8a,#80e8ff,#c080ff,#ff80c0);filter:blur(36px);animation:cp-aura-breathe 1.8s ease-in-out infinite,cp-conic-rotate 6s linear infinite}@keyframes cp-conic-rotate{to{transform:rotate(360deg)}}.cp-pack{position:absolute;top:50%;left:50%;width:60%;aspect-ratio:5 / 7;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 26px rgba(0,0,0,.7))}.cp-pack-shake{position:relative;width:100%;height:100%;opacity:0;animation:cp-pack-enter .7s cubic-bezier(.2,.7,.3,1) forwards}@keyframes cp-pack-enter{0%{opacity:0;transform:translateY(-40%) scale(.55) rotate(-10deg)}60%{opacity:1;transform:translateY(6%) scale(1.08) rotate(4deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.cp-overlay[data-stage=tearing] .cp-pack-shake,.cp-overlay[data-stage=emerge] .cp-pack-shake{animation:cp-pack-enter .7s cubic-bezier(.2,.7,.3,1) forwards,cp-pack-shake .34s ease-in-out .7s infinite}@keyframes cp-pack-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px,1px) rotate(-.8deg)}50%{transform:translate(2px,-2px) rotate(.6deg)}75%{transform:translate(-1px,-1px) rotate(-.3deg)}}.cp-pack-body{position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--rar) 35%,#2a1f32),color-mix(in srgb,var(--rar) 15%,#0a0418));border:2px solid color-mix(in srgb,var(--rar) 60%,#2a1a08);overflow:hidden;box-shadow:0 0 0 1px #ffffff14 inset,0 0 calc(30px * var(--intensity)) color-mix(in srgb,var(--rar) 60%,transparent);z-index:2}.cp-pack-foil{position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 2px,transparent 2px,transparent 7px),linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 14%,transparent 86%,rgba(0,0,0,.25) 100%);pointer-events:none}.cp-pack-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.25) 55%,transparent 70%);background-size:250% 100%;animation:cp-pack-shine 2.4s linear infinite;pointer-events:none;mix-blend-mode:overlay}@keyframes cp-pack-shine{0%{background-position:100% 0%}to{background-position:-100% 0%}}.cp-pack-seal{position:absolute;top:50%;left:50%;width:46%;height:46%;margin:-23% 0 0 -23%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(circle,color-mix(in srgb,var(--rar) 80%,white),color-mix(in srgb,var(--rar) 60%,black));border:3px solid color-mix(in srgb,var(--rar) 50%,#1a1015);box-shadow:0 0 18px color-mix(in srgb,var(--rar) 60%,transparent);z-index:3;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;text-shadow:0 0 6px color-mix(in srgb,var(--rar) 80%,white)}.cp-pack-seal:before{content:"★";filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.cp-overlay[data-stage=tearing] .cp-pack-seal,.cp-overlay[data-stage=emerge] .cp-pack-seal,.cp-overlay[data-stage=reveal] .cp-pack-seal{animation:cp-seal-rip .5s ease-out forwards}@keyframes cp-seal-rip{0%{opacity:1;transform:scale(1) rotate(0) translateY(0)}60%{opacity:1;transform:scale(1.2) rotate(20deg) translateY(-8%)}to{opacity:0;transform:scale(.4) rotate(60deg) translateY(-80%)}}.cp-pack-tear{position:absolute;top:14%;left:0;right:0;height:5%;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--rar) 80%,white) 30%,white 50%,color-mix(in srgb,var(--rar) 80%,white) 70%,transparent 100%);filter:blur(2px);opacity:0;z-index:4}.cp-overlay[data-stage=tearing] .cp-pack-tear{animation:cp-tear-line .9s ease-out forwards}@keyframes cp-tear-line{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:scaleY(.4)}20%{opacity:1;transform:scaleY(1)}to{opacity:1;clip-path:inset(0 0 0 0);transform:scaleY(1)}}.cp-overlay[data-stage=emerge] .cp-pack-tear,.cp-overlay[data-stage=reveal] .cp-pack-tear{background:radial-gradient(ellipse at center,white 0%,color-mix(in srgb,var(--rar) 90%,white) 30%,color-mix(in srgb,var(--rar) 60%,transparent) 70%,transparent 100%);filter:blur(3px);opacity:calc(.8 * var(--intensity));height:9%;animation:cp-tear-pulse 1.8s ease-in-out infinite}@keyframes cp-tear-pulse{0%,to{opacity:calc(.4 * var(--intensity));transform:scaleY(.85)}50%{opacity:calc(.95 * var(--intensity));transform:scaleY(1.2)}}.cp-card-peek{position:absolute;top:0;left:50%;width:78%;aspect-ratio:5 / 7;margin-left:-39%;border-radius:10px;z-index:1;opacity:0;transform:translateY(20%)}.cp-overlay[data-stage=emerge] .cp-card-peek{opacity:1;animation:cp-card-peek-loop 1.8s ease-in-out infinite}@keyframes cp-card-peek-loop{0%,to{transform:translateY(2%)}50%{transform:translateY(-12%)}}.cp-overlay[data-stage=reveal] .cp-card-peek{opacity:1;z-index:5;animation:cp-card-peek-final 1s cubic-bezier(.2,.7,.3,1) forwards}@keyframes cp-card-peek-final{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-45%) scale(1.2)}to{transform:translateY(-65%) scale(1.55);opacity:0}}.cp-card-edge{position:absolute;inset:0;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--rar) 70%,white),color-mix(in srgb,var(--rar) 50%,#1a0e1c),color-mix(in srgb,var(--rar) 30%,#050208));border:2px solid color-mix(in srgb,var(--rar) 70%,#2a1a08);box-shadow:0 0 calc(28px * var(--intensity)) color-mix(in srgb,var(--rar) 80%,transparent),inset 0 0 8px #fff3}.cp-card-glow{position:absolute;inset:-30%;background:radial-gradient(circle at center,color-mix(in srgb,var(--rar) 60%,transparent) 0%,transparent 60%);filter:blur(20px);opacity:0;pointer-events:none}.cp-overlay[data-stage=emerge] .cp-card-glow{animation:cp-glow-pulse 1.8s ease-in-out infinite}@keyframes cp-glow-pulse{0%,to{opacity:calc(.3 * var(--intensity))}50%{opacity:calc(.95 * var(--intensity))}}.cp-shreds{position:absolute;inset:0;pointer-events:none}.cp-shreds span{position:absolute;top:50%;left:50%;width:14px;height:4px;background:color-mix(in srgb,var(--rar) 35%,#d4cab8);border-radius:1px;opacity:0;transform-origin:center center}.cp-overlay[data-stage=tearing] .cp-shreds span{animation:cp-shred-fly .9s ease-out forwards;animation-delay:var(--d, 0s)}@keyframes cp-shred-fly{0%{opacity:0;transform:translate(0) rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--rot, 360deg))}}.cp-overlay[data-stage=emerge] .cp-shreds span{animation:cp-shred-loop 2.4s ease-in-out infinite;animation-delay:calc(var(--d, 0s) + var(--i, 0) * .06s)}@keyframes cp-shred-loop{0%{opacity:0;transform:translate(0) rotate(0)}10%{opacity:.55}to{opacity:0;transform:translate(calc(var(--tx) * .5),calc(var(--ty) * .5)) rotate(calc(var(--rot, 360deg) * .5))}}.cp-rays{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .5s ease}.cp-overlay[data-stage=emerge][data-rarity=rare] .cp-rays,.cp-overlay[data-stage=emerge][data-rarity=srare] .cp-rays,.cp-overlay[data-stage=emerge][data-rarity=ssr] .cp-rays,.cp-overlay[data-stage=emerge][data-rarity=ur] .cp-rays,.cp-overlay[data-stage=reveal] .cp-rays{opacity:calc(.4 * var(--intensity))}.cp-rays span{position:absolute;width:4px;height:200%;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--rar) 90%,white) 45%,color-mix(in srgb,var(--rar) 90%,white) 55%,transparent 100%);transform-origin:center center;transform:rotate(calc(var(--a, 0) * 1deg));animation:cp-ray-rotate 8s linear infinite;filter:blur(1px)}@keyframes cp-ray-rotate{0%{transform:rotate(calc(var(--a, 0) * 1deg))}to{transform:rotate(calc((var(--a, 0) + 360) * 1deg))}}.cp-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.cp-rings span{position:absolute;width:40px;height:40px;border-radius:50%;border:2px solid color-mix(in srgb,var(--rar) 90%,white);opacity:0}.cp-overlay[data-stage=emerge][data-rarity=ssr] .cp-rings span,.cp-overlay[data-stage=emerge][data-rarity=ur] .cp-rings span,.cp-overlay[data-stage=reveal] .cp-rings span{animation:cp-ring-pulse 1.8s ease-out infinite}.cp-rings span:nth-child(2){animation-delay:.6s}.cp-rings span:nth-child(3){animation-delay:1.2s}@keyframes cp-ring-pulse{0%{transform:scale(.4);opacity:0;border-width:4px}20%{opacity:.7}to{transform:scale(8);opacity:0;border-width:1px}}.cp-big-sparkles{position:absolute;inset:0;pointer-events:none;opacity:0}.cp-overlay[data-rarity=ur][data-stage=emerge] .cp-big-sparkles,.cp-overlay[data-rarity=ur][data-stage=reveal] .cp-big-sparkles,.cp-overlay[data-rarity=ssr][data-stage=emerge] .cp-big-sparkles,.cp-overlay[data-rarity=ssr][data-stage=reveal] .cp-big-sparkles{opacity:1}.cp-big-sparkles span{position:absolute;width:22px;height:22px;top:var(--y);left:var(--x);background:linear-gradient(0deg,transparent 45%,white 50%,transparent 55%),linear-gradient(90deg,transparent 45%,white 50%,transparent 55%),linear-gradient(45deg,transparent 47%,white 50%,transparent 53%),linear-gradient(135deg,transparent 47%,white 50%,transparent 53%);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rar) 80%,white));animation:cp-big-sparkle 1.4s ease-out infinite;animation-delay:var(--d, 0s);opacity:0}@keyframes cp-big-sparkle{0%{transform:scale(0) rotate(0);opacity:0}30%{transform:scale(1.4) rotate(45deg);opacity:1}to{transform:scale(.7) rotate(90deg);opacity:0}}.cp-overlay[data-stage=emerge][data-rarity=ssr] .cp-stage,.cp-overlay[data-stage=emerge][data-rarity=ur] .cp-stage,.cp-overlay[data-stage=reveal][data-rarity=ssr] .cp-stage,.cp-overlay[data-stage=reveal][data-rarity=ur] .cp-stage{animation:cp-shake .18s ease-in-out infinite}@keyframes cp-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(1px,-2px)}75%{transform:translate(-1px,-1px)}}.cp-flash{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.95) 0%,color-mix(in srgb,var(--rar) 70%,white) 30%,transparent 70%);pointer-events:none;opacity:0}.cp-overlay[data-stage=reveal] .cp-flash{animation:cp-flash .7s ease-out forwards}@keyframes cp-flash{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(2)}}@media (prefers-reduced-motion: reduce){.cp-pack-shake,.cp-card-peek,.cp-rays span,.cp-rings span,.cp-shreds span,.cp-big-sparkles span,.cp-aura,.cp-stage,.cp-card-glow,.cp-pack-seal,.cp-pack-tear,.cp-pack-shine{animation:none!important}.cp-pack-shake{opacity:1}.cp-overlay{background:#000000eb}}.card-stage{transform-origin:center center;perspective:1200px;will-change:transform,opacity;backface-visibility:hidden;animation:card-spin-in .95s cubic-bezier(.18,.7,.25,1) both}.card-stage.card-stage--hidden{visibility:hidden;animation:none}@keyframes card-spin-in{0%{opacity:0;transform:rotateY(540deg) scale(.15) translateY(-20%)}35%{opacity:1;transform:rotateY(180deg) scale(.9) translateY(0)}70%{opacity:1;transform:rotateY(20deg) scale(1.08)}to{opacity:1;transform:rotateY(0) scale(1)}}@media (max-width: 720px){.card-stage{animation:card-pop-in .65s cubic-bezier(.18,.7,.25,1) both}}@keyframes card-pop-in{0%{opacity:0;transform:scale(.5) translateY(-8%)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.card-stage{animation:none}}