:root { --gold:#f1c56d; --gold-hot:#fff1ae; --official:#dc5629; --official-hot:#f16a3b; --ink:#090512; }
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden}
body{margin:0;min-width:320px;color:#fff;background:var(--ink);font-family:"Noto Sans",Arial,sans-serif}
.backdrop{position:fixed;inset:0;z-index:-4;background:url("Raid-Shadow-Legends-Alice-In-Wonderland.avif") center/cover no-repeat;filter:saturate(.95) brightness(.7);transform:translate3d(0,14px,0) scale(1.03)}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(180deg,rgba(5,2,13,.08),rgba(9,4,18,.04) 42%,rgba(6,3,14,.54)),radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(6,3,15,.34) 88%)}
body::after{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.08) 4px);mix-blend-mode:soft-light}
.ambient{position:fixed;z-index:-2;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.25}.ambient-one{width:32vw;height:32vw;left:-12vw;top:32%;background:#7a2cff}.ambient-two{width:28vw;height:28vw;right:-10vw;top:18%;background:#bc214b}
.hero{width:min(1180px,calc(100% - 40px));height:100svh;margin:0 auto;padding:clamp(18px,3vh,34px) 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:clamp(12px,1.8vh,20px);text-align:center;overflow:hidden}
.video-shell{width:min(600px,55vw,calc((100svh - 250px)*1.7778));aspect-ratio:16/9;position:relative;flex:0 1 auto;min-height:0;margin-top:12px;padding:5px;background:linear-gradient(135deg,#f8d98b,#5d3c83 29%,#21172e 61%,#d99a40);box-shadow:0 20px 55px rgba(0,0,0,.7),0 0 32px rgba(132,76,225,.22),inset 0 0 0 1px rgba(255,255,255,.25);animation:frame-arrive .9s .15s cubic-bezier(.18,.8,.22,1) both}.video-shell::before{content:"";position:absolute;inset:5px;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,232,175,.36),inset 0 0 36px rgba(0,0,0,.38)}#raid-video{width:100%;height:100%;display:block;object-fit:contain;background:#05030a}
.frame-corner{position:absolute;z-index:5;width:28px;height:28px;pointer-events:none}.frame-corner--tl{left:-7px;top:-7px;border-left:3px solid var(--gold-hot);border-top:3px solid var(--gold-hot)}.frame-corner--tr{right:-7px;top:-7px;border-right:3px solid var(--gold-hot);border-top:3px solid var(--gold-hot)}.frame-corner--bl{left:-7px;bottom:-7px;border-left:3px solid var(--gold-hot);border-bottom:3px solid var(--gold-hot)}.frame-corner--br{right:-7px;bottom:-7px;border-right:3px solid var(--gold-hot);border-bottom:3px solid var(--gold-hot)}
.video-trigger{position:absolute;inset:5px;z-index:4;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle,rgba(26,13,44,.2),rgba(5,2,12,.6));cursor:pointer;font-family:"Orbitron",sans-serif;transition:opacity .3s ease,background .3s ease}.video-trigger:hover{background:radial-gradient(circle,rgba(107,50,160,.17),rgba(5,2,12,.53))}.video-trigger.is-hidden{opacity:0;pointer-events:none}.video-trigger strong{margin-top:14px;font-size:clamp(12px,1.1vw,16px);letter-spacing:.08em}.video-trigger small{margin-top:4px;color:#d7c9e6;font:600 10px/1.3 "Noto Sans",sans-serif}
.play-ring{width:clamp(58px,6vw,84px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,235,177,.78);border-radius:50%;background:rgba(14,7,24,.66);box-shadow:0 0 0 8px rgba(242,196,105,.09),0 0 35px rgba(226,175,80,.45);animation:play-pulse 1.8s ease-out infinite}.play-triangle{width:0;height:0;margin-left:6px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid var(--gold-hot);filter:drop-shadow(0 0 6px var(--gold))}
.video-status{position:absolute;z-index:3;left:16px;bottom:14px;display:flex;gap:7px;align-items:center;color:rgba(255,255,255,.72);font:700 8px/1 "Orbitron",sans-serif;letter-spacing:.14em}.status-dot{width:6px;height:6px;border-radius:50%;background:#be8cff;box-shadow:0 0 8px #ae73ff}
.proof{display:flex;align-items:center;gap:clamp(10px,1.5vw,20px);color:#eee8f4;font:700 clamp(9px,.78vw,11px)/1.2 "Orbitron",sans-serif;letter-spacing:.01em;animation:rise-in .7s .35s both}.proof i{width:4px;height:4px;border-radius:50%;background:var(--official-hot);box-shadow:0 0 8px var(--official)}
.cta-zone{display:flex;flex-direction:column;align-items:center;animation:rise-in .7s .48s both}.cta{isolation:isolate;min-width:min(520px,76vw);min-height:70px;padding:11px 30px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:#fff;text-decoration:none;background:var(--official);border:1px solid rgba(255,255,255,.38);border-radius:4px;box-shadow:0 10px 30px rgba(220,86,41,.42);animation:cta-heartbeat 1.05s ease-in-out infinite;transition:transform .16s ease,background-color .16s ease}.cta::before{content:"";position:absolute;inset:3px;z-index:-1;border:1px solid rgba(255,255,255,.16);border-radius:2px}.cta::after{content:"";position:absolute;inset:-40% auto -40% -30%;width:18%;background:rgba(255,255,255,.42);transform:skewX(-20deg);animation:cta-sweep 1.9s ease-in-out infinite}.cta:hover{transform:translateY(-4px) scale(1.04);background:var(--official-hot)}.cta:active{transform:translateY(1px) scale(.98)}.cta:focus-visible,.video-trigger:focus-visible{outline:3px solid #fff;outline-offset:5px}.cta__icon{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:#9f3518;box-shadow:inset 0 0 0 2px rgba(255,255,255,.26);font-size:13px}.cta__copy{display:flex;flex-direction:column;align-items:center;line-height:1.15}.cta__copy strong{font:900 clamp(17px,1.45vw,22px)/1.1 "Orbitron",sans-serif;letter-spacing:.015em}.cta__copy small{margin-top:5px;font-size:clamp(9px,.75vw,11px);font-weight:700;opacity:.82}.cta__arrow{position:absolute;right:28px;top:50%;transform:translateY(-55%);font:700 38px/1 serif;animation:arrow-hit .85s ease-in-out infinite}.cta__flare{position:absolute;width:8px;height:8px;left:15%;top:18%;border-radius:50%;background:#fff;box-shadow:0 0 16px 6px rgba(255,255,255,.48);animation:flare-blink 1.4s steps(2) infinite}.cta-note{margin:7px 0 0;color:rgba(255,255,255,.76);font:600 9px/1.3 "Orbitron",sans-serif;letter-spacing:.03em;text-shadow:0 1px 8px #000}
@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes frame-arrive{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes play-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 8px rgba(242,196,105,.09),0 0 35px rgba(226,175,80,.45)}50%{transform:scale(1.08);box-shadow:0 0 0 17px rgba(242,196,105,0),0 0 55px rgba(226,175,80,.72)}}@keyframes cta-heartbeat{0%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(220,86,41,.38),0 0 0 rgba(220,86,41,0)}12%{transform:scale(1.025);box-shadow:0 11px 32px rgba(220,86,41,.64),0 0 24px rgba(241,106,59,.28)}22%{transform:scale(1);box-shadow:0 10px 24px rgba(220,86,41,.38),0 0 0 rgba(220,86,41,0)}34%{transform:scale(1.03);box-shadow:0 14px 42px rgba(220,86,41,.78),0 0 46px rgba(241,106,59,.42)}48%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(220,86,41,.38),0 0 0 rgba(220,86,41,0)}}@keyframes cta-sweep{0%,38%{left:-30%;opacity:0}48%{opacity:.75}72%,100%{left:120%;opacity:0}}@keyframes arrow-hit{50%{transform:translate(6px,-55%)}}@keyframes flare-blink{50%{opacity:.2}}
@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes frame-arrive{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes play-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 8px rgba(242,196,105,.09),0 0 35px rgba(226,175,80,.45)}50%{transform:scale(1.08);box-shadow:0 0 0 17px rgba(242,196,105,0),0 0 55px rgba(226,175,80,.72)}}@keyframes cta-heartbeat{0%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(220,86,41,.38),0 0 0 rgba(220,86,41,0)}12%{transform:scale(1.025);box-shadow:0 11px 32px rgba(220,86,41,.64),0 0 24px rgba(241,106,59,.28)}22%{transform:scale(1);box-shadow:0 10px 24px rgba(220,86,41,.38),0 0 0 rgba(220,86,41,0)}34%{transform:scale(1.03);box-shadow:0 14px 42px rgba(220,86,41,.78),0 0 46px rgba(241,106,59,.42)}48%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(220,86,41,.38),0 0 0 rgba(220,86,41,0)}}@keyframes video-cta-heartbeat{0%,100%{transform:translateX(-50%) scale(1);box-shadow:0 7px 22px rgba(220,86,41,.62)}16%{transform:translateX(-50%) scale(1.055);box-shadow:0 9px 30px rgba(220,86,41,.9),0 0 26px rgba(241,106,59,.52)}28%{transform:translateX(-50%) scale(1);box-shadow:0 7px 22px rgba(220,86,41,.62)}42%{transform:translateX(-50%) scale(1.07);box-shadow:0 11px 36px rgba(220,86,41,.96),0 0 40px rgba(241,106,59,.64)}58%,100%{transform:translateX(-50%) scale(1);box-shadow:0 7px 22px rgba(220,86,41,.62)}}@keyframes cta-sweep{0%,38%{left:-30%;opacity:0}48%{opacity:.75}72%,100%{left:120%;opacity:0}}@keyframes arrow-hit{50%{transform:translate(6px,-55%)}}@keyframes flare-blink{50%{opacity:.2}}
@media(max-height:650px){.hero{gap:9px;padding-block:10px}.video-shell{width:min(600px,56vw,calc((100svh - 200px)*1.7778))}.cta{min-height:58px}.cta-note{margin-top:4px}}
.is-video-playing .play-ring{animation-play-state:paused}
.captcha-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(5,3,10,.78);backdrop-filter:blur(6px)}
.captcha-backdrop[hidden]{display:none}
.captcha-card{width:min(360px,90vw);position:relative;padding:28px 26px 24px;color:#fff;text-align:center;background:linear-gradient(145deg,#241632,#0c0714);border:1px solid rgba(220,86,41,.72);border-radius:6px;box-shadow:0 18px 60px rgba(0,0,0,.78),0 0 28px rgba(220,86,41,.28);font-family:"Noto Sans",sans-serif}
.captcha-kicker{color:#ffb08d;font:800 10px/1 "Orbitron",sans-serif;letter-spacing:.18em}.captcha-card h2{margin:10px 0 5px;font:800 20px/1.1 "Orbitron",sans-serif}.captcha-card p{margin:0 0 18px;color:#cfc4da;font-size:13px}.captcha-card label{display:block;margin-bottom:9px;color:#fff;font:700 16px/1.3 "Orbitron",sans-serif}.captcha-card input{display:block;width:100%;box-sizing:border-box;padding:11px 12px;color:#fff;text-align:center;background:#10091d;border:1px solid #80658f;border-radius:4px;font:800 20px/1 "Orbitron",sans-serif;outline:none}.captcha-card input:focus{border-color:#ff8a61;box-shadow:0 0 0 3px rgba(220,86,41,.22)}.captcha-error{margin:9px 0 0!important;color:#ff9a78!important;font-size:12px!important}.captcha-submit{width:100%;margin-top:16px;padding:13px 16px;color:#fff;background:#dc5629;border:1px solid rgba(255,255,255,.35);border-radius:4px;box-shadow:0 8px 22px rgba(220,86,41,.4);cursor:pointer;font:900 13px/1 "Orbitron",sans-serif;letter-spacing:.06em;transition:transform .15s ease,background .15s ease}.captcha-submit:hover{transform:translateY(-2px);background:#f16a3b}.captcha-close{position:absolute;top:7px;right:10px;padding:2px 6px;color:#d9c9e3;background:transparent;border:0;cursor:pointer;font-size:25px;line-height:1}.captcha-close:hover{color:#fff}
.captcha-slider-label{font-size:10px!important;letter-spacing:.12em;opacity:.7}.captcha-slider{appearance:none!important;height:9px!important;padding:0!important;margin:13px 0 9px;background:linear-gradient(90deg,#dc5629 0%,#dc5629 0%,#3a2945 0%,#3a2945 100%)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:99px!important;cursor:grab}.captcha-slider:active{cursor:grabbing}.captcha-slider::-webkit-slider-thumb{appearance:none;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#dc5629;box-shadow:0 0 0 5px rgba(220,86,41,.2),0 4px 12px rgba(0,0,0,.5)}.captcha-slider::-moz-range-thumb{width:26px;height:26px;border:2px solid #fff;border-radius:50%;background:#dc5629;box-shadow:0 0 0 5px rgba(220,86,41,.2),0 4px 12px rgba(0,0,0,.5)}.captcha-slider-hint{display:block;color:#ffb08d;font:800 10px/1 "Orbitron",sans-serif;letter-spacing:.13em}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}