.App{text-align:center}.CenterLayout{width:100%;max-width:1024px;align-self:center;margin-top:64px;position:relative}.draft-game{--draft-navy: #071956;--draft-blue: #2448ad;--draft-cyan: #4bf4ff;--draft-cream: #fff0ad;--draft-coral: #ff5075;position:relative;left:50%;width:100vw;min-height:100vh;margin-top:-64px;overflow:hidden;transform:translate(-50%);color:#fff;background:radial-gradient(circle at 50% 0%,rgb(72 110 226 / 72%) 0,transparent 42%),linear-gradient(155deg,#17357f 0%,var(--draft-blue) 47%,#122d83 100%)}.draft-stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.38;background-image:radial-gradient(circle,#32dbff 0 3px,transparent 4px),radial-gradient(circle,#5af4ff 0 2px,transparent 3px);background-position:0 0,35px 31px;background-size:78px 72px,112px 106px;filter:blur(1.5px);animation:draft-stars-drift 16s linear infinite}.draft-header{position:relative;z-index:2;display:flex;min-height:42vh;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px 16px}.draft-logo{display:block;width:min(570px,84vw);max-height:33vh;object-fit:contain;filter:drop-shadow(0 12px 18px rgb(2 9 46 / 44%))}.draft-kicker.ant-typography{margin-top:-12px;color:#bffcff;font-weight:800;font-size:clamp(10px,1.2vw,15px);letter-spacing:.3em;text-shadow:0 0 12px #2fd4ff}.draft-machine{position:relative;z-index:3;padding:18px 0;background:linear-gradient(180deg,#071c67 0%,#183787 52%,#0c246d 100%);box-shadow:0 0 34px #02092ea6}.draft-neon-line{position:absolute;z-index:5;top:0;width:100%;height:4px;background:white;box-shadow:0 0 5px #fff,0 0 12px #84f5ff,0 0 22px #503fff}.draft-neon-line--bottom{top:auto;bottom:0}.draft-reel-viewport{position:relative;z-index:2;width:100%;overflow:hidden;padding:12px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,black 10%,black 90%,transparent 100%)}.draft-reel{display:flex;width:max-content;align-items:end;gap:clamp(26px,4vw,68px);will-change:transform}.draft-reel--animated{transition:transform 5.5s cubic-bezier(.08,.68,.12,1)}.draft-pack{width:clamp(126px,12vw,190px);flex:0 0 clamp(126px,12vw,190px);text-align:center;-webkit-user-select:none;user-select:none}.draft-pack img,.draft-pack--mystery span{display:block;width:100%;height:clamp(228px,23vw,360px);object-fit:contain}.draft-pack img{filter:saturate(.92) brightness(1.06) contrast(1.04) drop-shadow(0 12px 9px rgb(0 0 0 / 25%))}.draft-pack--blend img{mix-blend-mode:multiply}.draft-pack p{min-height:34px;margin:6px 0 0;color:#d4e6ff;font-size:12px;font-weight:700;line-height:1.25;text-transform:uppercase}.draft-pack--mystery span{display:grid;box-sizing:border-box;place-items:center;border:3px solid #52eaff;border-radius:12px;color:var(--draft-cream);font-family:Georgia,serif;font-size:clamp(90px,12vw,180px);font-weight:900;background:radial-gradient(circle at 50% 38%,rgb(61 95 193 / 70%),transparent 34%),linear-gradient(145deg,#091e6c,#172d86);box-shadow:inset 0 0 30px #0ef1ff33;filter:drop-shadow(0 12px 9px rgb(0 0 0 / 25%));text-shadow:5px 7px 0 #ff4c72,0 0 20px #4bf4ff}.draft-selection-frame{position:absolute;z-index:4;top:12px;left:50%;width:calc(clamp(126px,12vw,190px) + 32px);height:calc(clamp(228px,23vw,360px) + 32px);border:10px solid var(--draft-cream);border-radius:32px;transform:translate(-50%);box-shadow:0 0 0 5px #fffc,0 0 24px #ffe26fcc,inset 0 0 20px #ffe26f38;pointer-events:none}.draft-pointer{position:absolute;z-index:6;top:-2px;left:50%;width:0;height:0;border-top:18px solid var(--draft-coral);border-right:15px solid transparent;border-left:15px solid transparent;transform:translate(-50%);filter:drop-shadow(0 0 7px #ff8e8e)}.draft-controls{position:relative;z-index:4;min-height:220px;padding:30px 20px 48px}.draft-status.ant-typography{min-height:38px;margin:0;color:#fff;font-size:clamp(20px,3vw,30px);text-align:center;text-shadow:0 3px 0 #112064}.draft-status--winner.ant-typography{color:var(--draft-cream);text-shadow:0 0 12px #ff927b,0 3px 0 #112064}.draft-spin-button.ant-btn{height:52px;padding:0 28px;border:2px solid #c8ffff;border-radius:26px;color:#06164e;font-weight:900;letter-spacing:.08em;background:linear-gradient(180deg,#fff3ac,#67f4ef);box-shadow:0 0 18px #48efff99,0 6px #0a1c62}.draft-spin-button.ant-btn:not(:disabled):hover{color:#06164e;border-color:#fff;background:linear-gradient(180deg,white,#8dfff7);transform:translateY(-1px)}.draft-remaining.ant-typography,.draft-history .ant-typography{color:#bdebf9}.draft-celebration{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.draft-celebration-ring,.draft-celebration-burst{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.draft-celebration-ring{width:180px;height:180px;border:8px solid var(--draft-cream);box-shadow:0 0 28px var(--draft-cream),inset 0 0 28px var(--draft-cream);animation:draft-celebration-ring 1.15s ease-out forwards}.draft-celebration-burst{width:90px;height:90px;background:radial-gradient(circle,rgb(255 255 255 / 95%) 0,rgb(255 239 145 / 60%) 28%,transparent 70%);animation:draft-celebration-burst .75s ease-out forwards}.draft-celebration i{position:absolute;top:-24px;width:10px;height:22px;border-radius:2px;background:var(--draft-coral);box-shadow:0 0 7px currentColor;animation:draft-confetti 1.55s cubic-bezier(.12,.7,.23,1) forwards}.draft-celebration i:nth-child(3n){color:var(--draft-cyan);background:var(--draft-cyan)}.draft-celebration i:nth-child(3n+1){color:var(--draft-cream);background:var(--draft-cream)}.draft-celebration i:nth-child(2n){width:15px;height:15px;border-radius:50%}.draft-history{width:min(760px,100%);margin-top:10px}.draft-history-grid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.draft-history .ant-tag{margin:0;overflow:hidden;padding:5px 10px;border-color:#61f0ff73;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:rgb(5 22 81 / 54%)}@keyframes draft-stars-drift{to{background-position:78px 72px,-77px 137px}}@keyframes draft-celebration-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}24%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(3.6)}}@keyframes draft-celebration-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(4) rotate(35deg)}}@keyframes draft-confetti{0%{opacity:0;transform:translateY(0) rotate(0) scale(.2)}15%{opacity:1}to{opacity:0;transform:translateY(440px) rotate(520deg) scale(1)}}@media (max-width: 640px){.draft-header{min-height:32vh}.draft-logo{width:min(390px,92vw)}.draft-kicker.ant-typography{margin-top:-4px;letter-spacing:.18em}.draft-reel{gap:28px}.draft-selection-frame{border-width:7px;border-radius:24px}.draft-pack p{font-size:10px}}@media (prefers-reduced-motion: reduce){.draft-stars{animation:none}.draft-reel--animated{transition-duration:.15s}.draft-celebration *{animation-duration:.15s!important}}body{margin:0;height:100vh}