.deck-box-wrapper.svelte-1uvyo9u{width:200px;height:280px;perspective:1000px;display:flex;justify-content:center;align-items:center}.deck-box.svelte-1uvyo9u{width:200px;height:280px;position:relative;transform-style:preserve-3d;transform:rotateY(-18deg) rotateX(10deg) rotate(-2deg);transition:transform .6s cubic-bezier(.165,.84,.44,1)}.deck-box-face.svelte-1uvyo9u{position:absolute;border-radius:12px;backface-visibility:visible}.deck-box-front.svelte-1uvyo9u{width:200px;height:280px;transform:translateZ(72px);background:radial-gradient(circle at 50% 30%,var(--type-bg, rgba(255, 255, 255, .92)) 0%,var(--type-bottom-bg, rgba(245, 246, 248, .96)) 100%);border:2px solid var(--type-color, rgba(255, 255, 255, .8));box-shadow:0 10px 30px #00000040;overflow:hidden;z-index:5}.glass-overlay.svelte-1uvyo9u{position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);border-radius:16px;pointer-events:none;z-index:10}.border-svg.svelte-1uvyo9u{position:absolute;inset:0;width:100%;height:100%;z-index:20;pointer-events:none}.type-icons-container.svelte-1uvyo9u{position:absolute;top:12px;right:12px;z-index:30;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.energy-badge-main.svelte-1uvyo9u{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.95);transform:translateZ(1px)}.energy-icon-img.svelte-1uvyo9u{width:20px;height:20px;object-fit:contain}.energy-badge-sub.svelte-1uvyo9u{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.95);transform:translateZ(1px)}.energy-icon-img-sub.svelte-1uvyo9u{width:10px;height:10px;object-fit:contain}.fallback-empty.svelte-1uvyo9u{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0f172a99}.initial-letter.svelte-1uvyo9u{font-size:1.875rem;font-weight:900;color:#fdc500;opacity:.8}.deck-box-back.svelte-1uvyo9u{width:200px;height:280px;transform:translateZ(-72px) rotateY(180deg);background:var(--type-bg, #ffffff);border:2px solid var(--type-color, rgba(0, 0, 0, .08));display:flex;align-items:center;justify-content:center;overflow:hidden}.deck-box-back-pattern.svelte-1uvyo9u{width:100%;height:100%;opacity:.15;background-color:var(--type-bg, #ffffff);background-image:radial-gradient(var(--type-color, #fdc500) 1.5px,transparent 0),radial-gradient(var(--type-color, #fdc500) 1.5px,transparent 0);background-size:16px 16px;background-position:0 0,8px 8px}.deck-box-left.svelte-1uvyo9u{width:144px;height:280px;left:-72px;transform:rotateY(-90deg);background:linear-gradient(to bottom,var(--type-bg, #ffffff) 0%,var(--type-bottom-bg, #f0f2f5) 100%);border-left:1.5px solid rgba(255,255,255,.4);border-right:1.5px solid var(--type-color, rgba(0, 0, 0, .1))}.deck-box-right.svelte-1uvyo9u{width:144px;height:280px;right:-72px;transform:rotateY(90deg);background:linear-gradient(to bottom,var(--type-bg, #ffffff) 0%,var(--type-bottom-bg, #f0f2f5) 100%);border-left:1.5px solid var(--type-color, rgba(0, 0, 0, .1));border-right:1.5px solid rgba(255,255,255,.4)}.deck-box-top.svelte-1uvyo9u{width:200px;height:144px;top:-72px;transform:rotateX(90deg);background:var(--type-bg, #ffffff);opacity:.95;border-top:1.5px solid rgba(255,255,255,.4);border-bottom:1.5px solid var(--type-color, rgba(0, 0, 0, .1))}.deck-box-bottom.svelte-1uvyo9u{width:200px;height:144px;bottom:-72px;transform:rotateX(-90deg);background:var(--type-bottom-bg, #e2e8f0);box-shadow:0 15px 35px #00000040}.collage-inner.svelte-1uvyo9u{width:100%;height:100%;position:relative}.collage-img.svelte-1uvyo9u{position:absolute;object-fit:contain;transition:all .4s cubic-bezier(.165,.84,.44,1)}.collage-img-1-0.svelte-1uvyo9u{width:90%;height:90%;top:5%;left:5%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.collage-img-2-0.svelte-1uvyo9u{width:75%;height:75%;bottom:5%;left:-2%;transform:rotate(-8deg);filter:drop-shadow(-2px 4px 6px rgba(0,0,0,.3));z-index:1}.collage-img-2-1.svelte-1uvyo9u{width:75%;height:75%;top:5%;right:-2%;transform:rotate(8deg);filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));z-index:2}.collage-img-3-0.svelte-1uvyo9u{width:70%;height:70%;top:-12%;left:-12%;transform:rotate(-15deg);opacity:.85;z-index:1}.collage-img-3-1.svelte-1uvyo9u{width:55%;height:55%;bottom:-10%;right:-10%;transform:rotate(15deg);opacity:.85;z-index:2}.collage-img-3-2.svelte-1uvyo9u{width:85%;height:85%;bottom:4%;left:7.5%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));z-index:3}.collage-img-4-0.svelte-1uvyo9u{width:65%;height:65%;top:-10%;left:-10%;transform:rotate(-15deg);opacity:.85;z-index:1}.collage-img-4-1.svelte-1uvyo9u{width:60%;height:60%;bottom:-8%;right:-8%;transform:rotate(12deg);opacity:.85;z-index:2}.collage-img-4-2.svelte-1uvyo9u{width:80%;height:80%;bottom:4%;left:10%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));z-index:3}.collage-img-4-3.svelte-1uvyo9u{width:50%;height:50%;bottom:-10%;left:-10%;transform:rotate(-20deg);opacity:.85;z-index:4}.group:hover .deck-box.svelte-1uvyo9u,.deck-item:hover .deck-box.svelte-1uvyo9u,.deck-item-compact:hover .deck-box.svelte-1uvyo9u,.opponent-card:hover .deck-box.svelte-1uvyo9u,.deck-box-wrapper.svelte-1uvyo9u:hover .deck-box:where(.svelte-1uvyo9u){transform:rotateY(-8deg) rotateX(15deg) rotate(-1deg)}.group:hover .collage-img-2-0.svelte-1uvyo9u,.deck-item:hover .collage-img-2-0.svelte-1uvyo9u,.deck-item-compact:hover .collage-img-2-0.svelte-1uvyo9u,.opponent-card:hover .collage-img-2-0.svelte-1uvyo9u,.deck-box-wrapper.svelte-1uvyo9u:hover .collage-img-2-0:where(.svelte-1uvyo9u){transform:rotate(-12deg) translate(-4px)}.group:hover .collage-img-2-1.svelte-1uvyo9u,.deck-item:hover .collage-img-2-1.svelte-1uvyo9u,.deck-item-compact:hover .collage-img-2-1.svelte-1uvyo9u,.opponent-card:hover .collage-img-2-1.svelte-1uvyo9u,.deck-box-wrapper.svelte-1uvyo9u:hover .collage-img-2-1:where(.svelte-1uvyo9u){transform:rotate(12deg) translate(4px)}.group:hover .collage-img-3-0.svelte-1uvyo9u,.deck-item:hover .collage-img-3-0.svelte-1uvyo9u,.deck-item-compact:hover .collage-img-3-0.svelte-1uvyo9u,.opponent-card:hover .collage-img-3-0.svelte-1uvyo9u,.deck-box-wrapper.svelte-1uvyo9u:hover .collage-img-3-0:where(.svelte-1uvyo9u){transform:rotate(-22deg) translate(-12px,-12px)}.group:hover .collage-img-3-1.svelte-1uvyo9u,.deck-item:hover .collage-img-3-1.svelte-1uvyo9u,.deck-item-compact:hover .collage-img-3-1.svelte-1uvyo9u,.opponent-card:hover .collage-img-3-1.svelte-1uvyo9u,.deck-box-wrapper.svelte-1uvyo9u:hover .collage-img-3-1:where(.svelte-1uvyo9u){transform:rotate(22deg) translate(12px,12px)}.group:hover .collage-img-3-2.svelte-1uvyo9u,.deck-item:hover .collage-img-3-2.svelte-1uvyo9u,.deck-item-compact:hover .collage-img-3-2.svelte-1uvyo9u,.opponent-card:hover .collage-img-3-2.svelte-1uvyo9u,.deck-box-wrapper.svelte-1uvyo9u:hover .collage-img-3-2:where(.svelte-1uvyo9u){transform:translateY(-4px)}.group:hover .collage-img-4-0.svelte-1uvyo9u,.deck-item:hover .collage-img-4-0.svelte-1uvyo9u,.deck-item-compact:hover .collage-img-4-0.svelte-1uvyo9u,.opponent-card:hover .collage-img-4-0.svelte-1uvyo9u,.deck-box-wrapper.svelte-1uvyo9u:hover .collage-img-4-0:where(.svelte-1uvyo9u){transform:rotate(-22deg) translate(-12px,-12px)}.group:hover .collage-img-4-1.svelte-1uvyo9u,.deck-item:hover .collage-img-4-1.svelte-1uvyo9u,.deck-item-compact:hover .collage-img-4-1.svelte-1uvyo9u,.opponent-card:hover .collage-img-4-1.svelte-1uvyo9u,.deck-box-wrapper.svelte-1uvyo9u:hover .collage-img-4-1:where(.svelte-1uvyo9u){transform:rotate(20deg) translate(10px,10px)}.group:hover .collage-img-4-2.svelte-1uvyo9u,.deck-item:hover .collage-img-4-2.svelte-1uvyo9u,.deck-item-compact:hover .collage-img-4-2.svelte-1uvyo9u,.opponent-card:hover .collage-img-4-2.svelte-1uvyo9u,.deck-box-wrapper.svelte-1uvyo9u:hover .collage-img-4-2:where(.svelte-1uvyo9u){transform:translateY(-4px)}.group:hover .collage-img-4-3.svelte-1uvyo9u,.deck-item:hover .collage-img-4-3.svelte-1uvyo9u,.deck-item-compact:hover .collage-img-4-3.svelte-1uvyo9u,.opponent-card:hover .collage-img-4-3.svelte-1uvyo9u,.deck-box-wrapper.svelte-1uvyo9u:hover .collage-img-4-3:where(.svelte-1uvyo9u){transform:rotate(-26deg) translate(-10px,10px)}