.banner3d{width:100%;height:100%;text-align:center;position:relative;overflow:visible;display:flex;justify-content:center;align-items:center}.banner3d .slider3d{position:relative;width:200px;height:280px;transform-style:preserve-3d;transform:perspective(1000px);animation:autoRun3d 20s linear infinite;z-index:2}@keyframes autoRun3d{0%{transform:perspective(1000px) rotateX(-10deg) rotateY(0)}to{transform:perspective(1000px) rotateX(-10deg) rotateY(360deg)}}.banner3d .slider3d .item3d{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(calc((360deg / var(--quantity)) * var(--position))) translateZ(280px);cursor:pointer}.banner3d .slider3d .item3d img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 15px 30px #0009,inset 0 0 2px #ffffff4d;border:1px solid rgba(255,255,255,.15);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),filter .4s;-webkit-box-reflect:below 5px linear-gradient(transparent,transparent,rgba(0,0,0,.3))}.banner3d .slider3d .item3d:hover img{transform:scale(1.08) translateY(-10px);filter:brightness(1.2);box-shadow:0 20px 40px #000c,0 0 20px #00f2fe4d}.banner3d .slider3d .item3d-title{position:absolute;bottom:0;left:0;right:0;text-align:center;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:20px 10px 10px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;transition:opacity .3s}.banner3d .slider3d .item3d-title h2{font-size:14px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8)}.btn-premium-primary{background:linear-gradient(135deg,var(--btn-primary, #0072ff),var(--btn-primary-light, #00c6ff));color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px var(--btn-shadow, rgba(0, 114, 255, .4));transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-premium-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 25px var(--btn-hover-shadow1, rgba(0, 114, 255, .6)),0 0 15px var(--btn-hover-shadow2, rgba(0, 198, 255, .5))}.btn-premium-secondary{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000001a}.btn-premium-secondary:hover{background:#ffffff26;color:#fff;transform:translateY(-3px);border-color:#fff6}.mobile-bottom-nav{display:none}@media (max-width: 768px){.banner3d .slider3d{width:140px;height:196px}.banner3d .slider3d .item3d{transform:rotateY(calc((360deg / var(--quantity)) * var(--position))) translateZ(190px)!important}.hero-responsive{padding-left:20px!important;padding-right:20px!important}.btn-premium-primary,.btn-premium-secondary{padding:10px 18px;font-size:13px}.desktop-hero-buttons{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:#000000bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.15);z-index:1000;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #0000004d}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b0b0b0;text-decoration:none;font-size:10px;font-weight:500;transition:all .2s ease;cursor:pointer;width:25%;height:100%;padding-top:5px}.nav-item .icon{display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.nav-item svg{width:24px;height:24px;stroke-width:2}.nav-item.active{color:#fff;font-weight:800}.nav-item.active .icon{transform:translateY(-2px)}.nav-item.active svg{stroke-width:2.5}}input,textarea,select{transition:all .3s ease!important;background:#0003;color:#fff;border:1px solid rgba(255,255,255,.2)}input::placeholder,textarea::placeholder{color:#fff6}input:focus,textarea:focus,select:focus{outline:none!important;border-color:#0072ff!important;box-shadow:0 0 0 4px #0072ff26,0 4px 20px #0072ff26!important;transform:translateY(-2px);background:#fff!important;color:#000!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:fadeInUp .5s cubic-bezier(.175,.885,.32,1.275) forwards}.support-btn-hover{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.support-btn-hover:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0072ff26!important;border-color:#0072ff!important;color:#0072ff!important}.support-btn-hover:active{transform:translateY(0) scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .4s ease-out forwards}.slide-in-right{animation:slideInRight .4s cubic-bezier(.175,.885,.32,1.275) forwards}.zoom-in{animation:zoomIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.stagger-container>*{opacity:0;animation:fadeInUp .4s cubic-bezier(.175,.885,.32,1.275) forwards}.stagger-container>*:nth-child(1){animation-delay:.05s}.stagger-container>*:nth-child(2){animation-delay:.1s}.stagger-container>*:nth-child(3){animation-delay:.15s}.stagger-container>*:nth-child(4){animation-delay:.2s}.stagger-container>*:nth-child(5){animation-delay:.25s}.stagger-container>*:nth-child(6){animation-delay:.3s}.stagger-container>*:nth-child(7){animation-delay:.35s}.stagger-container>*:nth-child(8){animation-delay:.4s}.stagger-container>*:nth-child(9){animation-delay:.45s}.stagger-container>*:nth-child(10){animation-delay:.5s}.stagger-container>*:nth-child(11){animation-delay:.55s}.stagger-container>*:nth-child(12){animation-delay:.6s}.stagger-container>*:nth-child(13){animation-delay:.65s}.stagger-container>*:nth-child(14){animation-delay:.7s}.stagger-container>*:nth-child(15){animation-delay:.75s}.stagger-container>*:nth-child(n+16){animation-delay:.8s}body{margin:0;background-image:url(/brand/bg-boardgame.jpg);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#121212}#root{background:transparent;min-height:100vh}