.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{--promo-accent:var(--lime);touch-action:pan-y;min-height:450px}.hero h1>span,.hero .hero-tag small,.hero .tag-icon,.hero .tag-arrow{color:var(--promo-accent)}.hero .status-dot{background:var(--promo-accent)}.hero-primary{background:var(--promo-accent);min-width:242px}.hero-primary:hover{background:var(--promo-accent);box-shadow:0 6px 28px color-mix(in srgb,var(--promo-accent) 28%,transparent)}.hero-description{white-space:pre-line;min-height:48px}.hero-copy{padding-bottom:85px}.hero-image{transition:background-image .4s,opacity .4s}.hero-tag{cursor:pointer;color:var(--text);text-align:left;min-height:70px;transition:border-color .2s}.hero-tag:hover{border-color:var(--promo-accent)}.hero-tag .tag-icon{display:flex;align-items:center}.hero-tag .tag-icon svg{width:31px;height:31px;stroke-width:1.5}.hero-tag strong .hero-tag-title{font-size:15px;font-weight:750}.hero-tag strong .hero-tag-detail{font-size:9px;font-weight:400}.hero-tag small{font-size:6px;letter-spacing:1.2px}.hero-bottom{gap:20px;bottom:17px;left:42px;right:25px}.hero-pagination{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1px}.hero-total{opacity:.5}.hero-dots{display:flex;align-items:center;gap:4px}.hero-dot{width:25px;height:30px;position:relative;padding:0}.hero-dot:before{content:'';position:absolute;left:0;right:0;top:14px;height:3px;border-radius:2px;background:#d2dfb942}.hero-dot[aria-current=true]:before{background:var(--promo-accent);box-shadow:0 0 10px color-mix(in srgb,var(--promo-accent) 30%,transparent)}.hero-dot:focus-visible{outline-offset:0;border-radius:3px}.hero-controls{display:flex;align-items:center;gap:6px}.hero-controls button{width:33px;height:33px;border:1px solid #bfcda02b;border-radius:50%;display:grid;place-items:center;color:#c9d6bd;background:#131e1060;font-size:11px;transition:background .2s}.hero-controls button:hover{color:var(--promo-accent);border-color:var(--promo-accent)}.hero-controls svg{width:15px;height:15px}.hero-prev svg{transform:rotate(180deg)}.hero-bottom-motto{margin-left:auto;font-size:7px;letter-spacing:1.6px}.hero[data-promotion=arcade] .hero-image,.hero[data-promotion=dod] .hero-image,.hero[data-promotion=tournaments] .hero-image{inset:-5% -3% -5% 33%;background-size:contain;background-repeat:no-repeat;background-position:75% center}.hero[data-promotion=arcade]{background:radial-gradient(ellipse at 75% 50%,#6e389c26,transparent 65%),#110d19}.hero[data-promotion=dod]{background:radial-gradient(ellipse at 75% 50%,#b23c1622,transparent 65%),#1a100e}.hero[data-promotion=tournaments]{background:radial-gradient(ellipse at 75% 50%,#b1842122,transparent 65%),#18140c}.hero:not([data-promotion=chess]) .hero-shade{background:linear-gradient(90deg,#0c100df5,#0c100db8 33%,transparent 69%),linear-gradient(0deg,#080c0ab0,transparent 50%)}.hero:not([data-promotion=chess]) .hero-orbit{border-color:color-mix(in srgb,var(--promo-accent) 20%,transparent)}.hero:not([data-promotion=chess]) .hero-orbit:after{border-top-color:color-mix(in srgb,var(--promo-accent) 50%,transparent);filter:drop-shadow(0 0 7px var(--promo-accent))}.hero:not([data-promotion=chess]) .hero-dust i{background:var(--promo-accent);box-shadow:0 0 12px var(--promo-accent)}.hero.slide-enter .hero-copy{animation:promo-copy-in .6s cubic-bezier(.16,1,.3,1) both}.hero.slide-enter .hero-image{animation:promo-image-in 1s ease-out both,hero-drift 18s 1s ease-in-out infinite alternate}.hero.slide-enter .hero-tag{animation:promo-tag-in .7s ease-out both,float-tag 6s .7s ease-in-out infinite}.hero.is-playing .hero-dot[aria-current=true]:after{content:'';position:absolute;left:0;top:14px;height:3px;width:100%;border-radius:2px;background:#fff9;transform-origin:left;animation:promo-progress 8s linear both}.hero:not(.is-playing) .hero-dot:after{display:none}.sidebar-bottom,.footer-motion{display:none}
@keyframes promo-copy-in{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}@keyframes promo-image-in{from{opacity:.3;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes promo-tag-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes promo-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1200px){.hero-primary{min-width:215px}.hero-bottom{left:30px}.hero-tag strong .hero-tag-title{font-size:12px}.hero-bottom-motto{font-size:6px}}
@media(max-width:760px){.hero-bottom-motto{display:none}.hero-bottom{justify-content:space-between}.hero-primary{min-width:215px}.hero-tag{display:none}}
@media(max-width:600px){.hero{min-height:552px}.hero-copy{padding-top:226px;padding-bottom:80px;min-height:552px}.hero-copy>p{min-height:40px}.hero h1{min-height:88px;font-size:40px}.hero-primary{min-width:0;max-width:74%;text-align:left}.hero-buttons{gap:16px}.hero-primary .hero-cta-label{line-height:1.4}.hero .hero-tag{display:flex;min-height:47px;padding:8px 10px;max-width:70%;top:16px;right:14px;bottom:auto}.hero-tag .tag-icon svg{width:23px;height:23px}.hero-tag strong .hero-tag-title{font-size:10px}.hero-tag strong .hero-tag-detail{font-size:7px}.hero-tag small{font-size:5px;letter-spacing:1px;margin-bottom:4px}.hero-bottom{left:22px;right:18px;bottom:15px;gap:10px}.hero-pagination{gap:8px;font-size:7px}.hero-dots{gap:4px}.hero-dot{width:21px;height:36px}.hero-dot:before,.hero.is-playing .hero-dot[aria-current=true]:after{top:17px}.hero-controls{gap:5px}.hero-controls button{width:34px;height:34px}.hero-controls svg{width:13px;height:13px}.hero[data-promotion=arcade] .hero-image,.hero[data-promotion=dod] .hero-image,.hero[data-promotion=tournaments] .hero-image{inset:0 -12% auto 4%;height:340px;background-size:contain;background-position:center top}.hero:not([data-promotion=chess]) .hero-shade{background:linear-gradient(0deg,#0c140c 0%,#0c140cf5 30%,#0c140c70 55%,transparent 82%)}.hero[data-promotion=arcade] .hero-shade{background:linear-gradient(0deg,#13101b 0%,#13101bf5 30%,#13101b60 57%,transparent 82%)}.hero[data-promotion=dod] .hero-shade{background:linear-gradient(0deg,#1b110e 0%,#1b110ef5 30%,#1b110e50 57%,transparent 82%)}.hero[data-promotion=tournaments] .hero-shade{background:linear-gradient(0deg,#19170f 0%,#19170ff5 30%,#19170f60 57%,transparent 82%)}}
@media(max-width:370px){.hero h1{font-size:36px;min-height:80px}.hero-copy{padding-left:19px;padding-right:19px}.hero-primary{max-width:72%;font-size:10px}.hero-buttons{gap:12px}.hero-bottom{left:19px;right:14px}.hero-dot{width:18px}.hero-controls button{width:31px;height:33px}}