@keyframes card-title-glow{0%,to{text-shadow:0 2px 10px #000000b3,0 0 14px #ffffff4d}50%{text-shadow:0 2px 10px #000000b3,0 0 22px #f59e0be6,0 0 44px #f59e0b59}}.card-title-anim{color:#fff;animation:2.6s ease-in-out infinite card-title-glow}:root{--banner-button-margin-top:clamp(8px, 2vw, 16px);--banner-button-font-size:clamp(1rem, 2.8vw, 1.25rem);--banner-title-font-size:clamp(1.25rem, 3.5vw, 1.625rem);--banner-subtitle-font-size:clamp(.8rem, 2.2vw, 1rem);--banner-content-margin-top:clamp(20px, 5vw, 40px);--card-button-margin-bottom:clamp(4px, 1vw, 8px);--card-button-font-size:clamp(.875rem, 2.5vw, 1rem);--bottom-banner-button-margin-top:clamp(4px, 1vw, 8px);--bottom-banner-button-font-size:clamp(1rem, 2.8vw, 1.25rem);--card-content-padding-bottom:clamp(16px, 4vw, 20px);--banner-content-padding-bottom:clamp(16px, 4vw, 24px)}.banner-title{font-size:var(--banner-title-font-size);color:#fff;letter-spacing:-.01em;font-weight:700;animation:2.6s ease-in-out infinite card-title-glow}.banner-subtitle{font-size:var(--banner-subtitle-font-size);color:#ffffffe6;text-shadow:0 1px 6px #00000080}.banner-button{margin-top:var(--banner-button-margin-top);font-size:var(--banner-button-font-size);color:#fff;cursor:pointer;text-shadow:0 2px 8px #00000080,0 0 20px #7c3aed80;letter-spacing:.02em;white-space:normal;word-break:break-word;text-align:center;max-width:100%;font-weight:700;line-height:1.25;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.banner-button:after{content:"";background:linear-gradient(90deg,#0000,#a855f7cc,#0000);width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.banner-button:hover{text-shadow:0 2px 8px #0006,0 0 30px #a855f7cc;color:#fff;transform:scale(1.08)translateY(-1px)}.banner-button:hover:after{transform:scaleX(1)}.banner-button:active{transform:scale(.96)}.card-button{margin-bottom:var(--card-button-margin-bottom);font-size:var(--card-button-font-size);color:#fff;cursor:pointer;text-shadow:0 1px 6px #00000080,0 0 16px #7c3aed66;letter-spacing:.01em;white-space:normal;word-break:break-word;text-align:center;max-width:100%;font-weight:700;line-height:1.25;transition:all .25s cubic-bezier(.16,1,.3,1)}.card-button:hover{text-shadow:0 2px 8px #0006,0 0 24px #a855f7cc;color:#fff;transform:scale(1.1)translateY(-1px)}.card-button:active{transform:scale(.95)}.bottom-banner-button{margin-bottom:var(--bottom-banner-button-margin-top);font-size:var(--bottom-banner-button-font-size);color:#fff;cursor:pointer;text-shadow:0 2px 8px #00000080,0 0 20px #7c3aed66;letter-spacing:.02em;white-space:normal;word-break:break-word;text-align:center;max-width:100%;font-weight:700;line-height:1.25;transition:all .25s cubic-bezier(.16,1,.3,1)}.bottom-banner-button:hover{text-shadow:0 2px 8px #0006,0 0 28px #a855f7cc;color:#fff;transform:scale(1.08)translateY(-1px)}.bottom-banner-button:active{transform:scale(.95)}@keyframes game-zone-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes game-zone-art{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes game-zone-shine{0%{opacity:0;transform:translate(-130%)skew(-18deg)}12%{opacity:.5}45%,to{opacity:0;transform:translate(340%)skew(-18deg)}}@keyframes game-zone-chip{0%,to{transform:translateY(0);box-shadow:0 0 #ffc11f00,0 4px 12px #00000073}50%{transform:translateY(-2px);box-shadow:0 0 18px #ffc11f8c,0 6px 16px #00000080}}.game-zone-card{animation:.55s ease-out both game-zone-in}.game-zone-art{transform-origin:50% 45%;animation:16s ease-in-out infinite alternate game-zone-art}.game-zone-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:38%;animation:6.5s ease-in-out infinite game-zone-shine;position:absolute;top:0;bottom:0;left:0}.game-zone-chip{animation:3.2s ease-in-out infinite game-zone-chip}@keyframes game-zone-cta{0%,to{transform:scale(1);box-shadow:0 0 0 3px #0d3a8699,0 8px 20px #0006,0 0 18px #ffc11f73,inset 0 2px #ffffffe6,inset 0 -6px 14px #c86e0059}50%{transform:scale(1.04);box-shadow:0 0 0 3px #0d3a8699,0 10px 26px #00000073,0 0 30px #ffc11fd9,inset 0 2px #ffffffe6,inset 0 -6px 14px #c86e0059}}.game-zone-button{color:#0d3a86;text-shadow:0 1px #ffffffbf;background:linear-gradient(#fff3c4 0%,#ffd743 38%,#f9a825 72%,#ef8c00 100%);border:2px solid #fff;border-radius:9999px;padding:.55em 2em;animation:2.4s ease-in-out infinite game-zone-cta;position:relative;overflow:hidden}.game-zone-button:before{content:"";pointer-events:none;background:linear-gradient(#fffc,#fff0);border-radius:9999px;position:absolute;inset:2px 6px 52%}.game-zone-button:hover{color:#0d3a86;text-shadow:0 1px #ffffffbf;background:linear-gradient(#fffbe6 0%,#ffe066 38%,#ffb524 72%,#f79a0d 100%)}.card-content{padding-bottom:var(--card-content-padding-bottom)}.banner-content{padding-bottom:var(--banner-content-padding-bottom);margin-top:var(--banner-content-margin-top)}@media (max-width:320px){:root{--banner-button-margin-top:6px;--banner-button-font-size:1rem;--banner-title-font-size:1.25rem;--banner-subtitle-font-size:.75rem;--banner-content-margin-top:16px;--card-button-margin-bottom:4px;--card-button-font-size:.75rem;--bottom-banner-button-margin-top:4px;--bottom-banner-button-font-size:1rem;--card-content-padding-bottom:12px;--banner-content-padding-bottom:14px}}@media (min-width:321px) and (max-width:375px){:root{--banner-button-margin-top:8px;--banner-button-font-size:1.25rem;--banner-title-font-size:1.5rem;--banner-subtitle-font-size:.875rem;--banner-content-margin-top:20px;--card-button-margin-bottom:7px;--card-button-font-size:.875rem;--bottom-banner-button-margin-top:5px;--bottom-banner-button-font-size:1.25rem;--card-content-padding-bottom:14px;--banner-content-padding-bottom:16px}}@media (min-width:376px) and (max-width:414px){:root{--banner-button-margin-top:10px;--banner-button-font-size:1.375rem;--banner-title-font-size:1.75rem;--banner-subtitle-font-size:1rem;--banner-content-margin-top:24px;--card-button-margin-bottom:4px;--card-button-font-size:1rem;--bottom-banner-button-margin-top:6px;--bottom-banner-button-font-size:1.375rem;--card-content-padding-bottom:16px;--banner-content-padding-bottom:18px}}@media (min-width:415px) and (max-width:480px){:root{--banner-button-margin-top:12px;--banner-button-font-size:1.5rem;--banner-title-font-size:1.875rem;--banner-subtitle-font-size:1.125rem;--banner-content-margin-top:28px;--card-button-margin-bottom:5px;--card-button-font-size:1.125rem;--bottom-banner-button-margin-top:3px;--bottom-banner-button-font-size:1.5rem;--card-content-padding-bottom:18px;--banner-content-padding-bottom:20px}}@media (min-width:481px){:root{--banner-button-margin-top:16px;--banner-button-font-size:1.75rem;--banner-title-font-size:2rem;--banner-subtitle-font-size:1.25rem;--banner-content-margin-top:32px;--card-button-margin-bottom:8px;--card-button-font-size:1.25rem;--bottom-banner-button-margin-top:4px;--bottom-banner-button-font-size:1.75rem;--card-content-padding-bottom:20px;--banner-content-padding-bottom:24px}}@media (min-width:768px){:root{--banner-content-margin-top:20px;--bottom-banner-button-margin-top:0px;--card-button-margin-bottom:4px;--card-button-font-size:1rem}}@media (orientation:landscape) and (max-height:500px){:root{--banner-button-margin-top:clamp(4px, 1vw, 8px);--card-button-margin-bottom:clamp(6px, 1.5vw, 12px);--bottom-banner-button-margin-top:clamp(4px, 1vw, 8px);--card-content-padding-bottom:clamp(8px, 2vw, 12px);--banner-content-padding-bottom:clamp(8px, 2vw, 14px)}}@media (prefers-reduced-motion:reduce){.banner-button,.card-button,.bottom-banner-button{transition:none}.banner-button:after{display:none}.banner-button:hover,.card-button:hover,.bottom-banner-button:hover{transform:none}.banner-title,.card-title-anim{animation:none}}
