*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#03131d;min-width:100%;min-height:100vh;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}#root{width:100%;max-width:none;margin:0;padding:0}.magic-button{transition:transform .25s,box-shadow .25s,filter .25s,background .25s,border-color .25s;position:relative;overflow:hidden}.magic-button:hover{filter:brightness(1.08);transform:scale(1.06);box-shadow:0 0 18px #5adcff40,0 0 34px #5adcff2e}.magic-button:active{transform:scale(.98)}.magic-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-120%}.magic-button:hover:before{left:140%}.deck-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:56px;width:100%;max-width:1800px;margin:50px auto 20px;padding:20px 40px 0;display:grid}.deck-card-hover{transition:transform .28s,box-shadow .28s,filter .28s,opacity .28s}.deck-card-hover:hover{filter:brightness(1.08);transform:translateY(-12px)scale(1.04)}.deck-card-hover img{transition:transform .28s,box-shadow .28s,filter .28s}.deck-card-hover:hover img{box-shadow:0 20px 50px #00000073,0 0 24px #ffd2782e}.deck-card-selected{transform:translateY(-8px)scale(1.03)}.deck-card-selected img{box-shadow:0 24px 60px #00000080,0 0 28px #ffd27838}.reveal-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(40px,5vw,90px);width:100%;min-height:62vh;margin-top:20px;margin-bottom:40px;display:flex}.deal-card{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards dealFromTop;transform:translateY(-260px)scale(.85)rotate(-8deg)}.deal-delay-1{animation-delay:.1s}.deal-delay-2{animation-delay:.35s}.deal-delay-3{animation-delay:.6s}@keyframes dealFromTop{0%{opacity:0;transform:translateY(-260px)scale(.85)rotate(-8deg)}60%{opacity:1;transform:translateY(14px)scale(1.02)rotate(2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.shuffle-stage{width:340px;height:260px;margin-top:20px;position:relative}.shuffle-card{transform-origin:50%;background:linear-gradient(135deg,#113246 0%,#0b2030 45%,#17465e 100%);border:2px solid #ffd78c80;border-radius:16px;width:160px;height:230px;position:absolute;top:20px;left:50%;box-shadow:0 12px 30px #00000059,inset 0 0 0 2px #ffffff0f}.shuffle-card:before{content:"";border:1px solid #ffd78c59;border-radius:12px;position:absolute;inset:10px}.shuffle-card:after{content:"✦";color:#ffe6b4d9;text-shadow:0 0 12px #64dcff59;place-items:center;font-size:2rem;display:grid;position:absolute;inset:0}.shuffle-card-1{animation:1.5s ease-in-out infinite shuffleOne}.shuffle-card-2{animation:1.5s ease-in-out infinite shuffleTwo}.shuffle-card-3{animation:1.5s ease-in-out infinite shuffleThree}@keyframes shuffleOne{0%,to{z-index:1;transform:translate(-50%)translateY(0)rotate(-14deg)}33%{z-index:3;transform:translate(-105%)translateY(-8px)rotate(-22deg)}66%{z-index:2;transform:translate(-20%)translateY(8px)rotate(-8deg)}}@keyframes shuffleTwo{0%,to{z-index:3;transform:translate(-50%)translateY(-6px)rotate(0)}33%{z-index:1;transform:translate(-50%)translateY(8px)rotate(6deg)}66%{z-index:3;transform:translate(-50%)translateY(-10px)rotate(-4deg)}}@keyframes shuffleThree{0%,to{z-index:2;transform:translate(-50%)translateY(0)rotate(14deg)}33%{z-index:2;transform:translate(5%)translateY(8px)rotate(22deg)}66%{z-index:3;transform:translate(-78%)translateY(-8px)rotate(10deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes curtainFade{0%{opacity:0}45%{opacity:1}55%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.reveal-row{flex-wrap:wrap;gap:28px;min-height:auto}.deck-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px;padding:20px}}