/* Adult character artwork and owner-supplied Bipy remain separate. */
.topbar .brand .brand-crew{display:flex;align-items:center;gap:0;height:58px;color:var(--pink);position:relative;padding-inline:7px;border-left:1px solid var(--line)}
.topbar .brand .brand-crew img{width:38px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 3px #45122b22);animation:crewGreeting 4.8s ease-in-out infinite;transform-origin:50% 90%}
.tcg-leader .tcg-in>.card-art{inset:6% 3% max(30%,100px)}
.topbar .brand-crew .brand-sanji{animation-delay:-2.4s}
.brand-crew i{font:500 15px Georgia,serif;margin-inline:1px;color:var(--gold)}
#closeMomentPreview.preview-close{width:52px;height:52px;min-width:52px;border:1px solid var(--pink-200);border-radius:50%;background:var(--surface);color:var(--pink);display:grid;place-items:center;padding:8px;box-shadow:0 4px 0 var(--pink-200),0 5px 14px #45122b14;transition:transform .18s,box-shadow .18s}
.preview-close svg{width:32px;height:32px;overflow:visible}.close-petals{stroke:currentColor;stroke-width:1.3;opacity:.55;transform-origin:center;transition:transform .25s}.close-cross{stroke:currentColor;stroke-width:2;stroke-linecap:round}
#closeMomentPreview:hover{transform:translateY(-2px)}#closeMomentPreview:hover .close-petals{transform:rotate(45deg)}#closeMomentPreview:active{transform:translateY(3px);box-shadow:0 1px 0 var(--pink-200)}#closeMomentPreview:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
.moment-preview-shell{padding-top:48px}.moment-perspectives .pov-preview{background:var(--surface);position:relative;overflow:hidden}.pov-preview:before{content:"";position:absolute;inset:15% 10% 12%;border:1px solid var(--line);border-radius:50%;pointer-events:none}.moment-perspectives .pov-preview img{height:218px;position:relative;filter:drop-shadow(0 5px 6px #45122b25)}.moment-perspectives figcaption{font-size:10px;line-height:1.5}
.deck-actions{position:relative;min-width:0;padding:25px 14px 18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;justify-content:center;text-align:center}
.deck-actions:before{content:"";position:absolute;inset:20% -20%;border:1px solid var(--line);border-radius:50%;transform:rotate(-30deg);pointer-events:none}.deck-actions>.eyebrow{font-size:8px;color:var(--host-accent,var(--gold));margin:0 0 10px}.deck-actions h3{font:600 clamp(21px,2.1vw,30px)/1.15 Fraunces,serif;margin:0;position:relative}.deck-actions h3 em{color:var(--pink)}
.bipy-action-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:15px 0}.bipy-action-stage figure{margin:0;min-width:0}.bipy-action-stage .action-ready{grid-column:1/-1}.bipy-action-stage img{display:block;width:100%;height:140px;object-fit:contain;filter:drop-shadow(0 7px 7px #45122b22);animation:bipyJadeAction 4s ease-in-out infinite;animation-play-state:paused}.bipy-action-stage .action-ready img{height:195px}.action-jump img{animation-delay:-1.3s}.action-cheer img{animation-delay:-2.6s}.deck-actions[data-active=true] img{animation-play-state:running}.bipy-action-stage figcaption{font-size:9px;line-height:1.5;color:var(--muted);margin-top:8px}.action-signoff{font-size:9px;color:var(--muted);margin:9px 0 0;position:relative}
@keyframes crewGreeting{0%,100%{transform:translateY(0) rotate(-2deg)}40%{transform:translateY(-3px) rotate(3deg)}65%{transform:translateY(-1px) rotate(0)}}
@media(min-width:601px) and (max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{max-width:680px}.table{width:100%}}
@keyframes bipyJadeAction{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-9px) rotate(-4deg)}55%{transform:translateY(-2px) rotate(3deg)}75%{transform:translateY(-5px) rotate(-2deg)}}
.deck-actions[data-host=sanji] .bipy-action-stage img{animation-name:bipyGoldAction}
@keyframes bipyGoldAction{0%,100%{transform:translateY(0) rotate(0)}28%{transform:translate(-4px,-6px) rotate(-5deg)}48%{transform:translate(3px,-9px) rotate(4deg)}72%{transform:translateY(-3px) rotate(-2deg)}}
@media(max-width:600px){.topbar .brand .brand-crew{height:46px;padding-inline:5px}.topbar .brand-crew img{width:30px;height:44px}.brand-crew i{font-size:11px}.moment-preview-shell{padding-top:70px}.moment-perspectives .pov-preview img{height:180px}.deck-actions{padding:20px 8px;justify-content:center}.deck-actions h3{font-size:23px}.bipy-action-stage img{height:95px}.bipy-action-stage .action-ready img{height:165px}.bipy-action-stage figcaption{font-size:8px}.deck-actions>.eyebrow{font-size:6px;letter-spacing:.1em}.action-signoff{font-size:8px}}
@media(prefers-reduced-motion:reduce){.topbar .brand-crew img,.bipy-action-stage img{animation:none!important}#closeMomentPreview,.close-petals{transition:none!important}#closeMomentPreview:hover .close-petals{transform:none}}
html[data-motion=reduce] :is(.topbar .brand-crew img,.bipy-action-stage img){animation:none!important}html[data-motion=reduce] .close-petals{transition:none}

.hero-copy .t-sub{font-size:clamp(15px,1.6vw,21px);font-weight:600;letter-spacing:.075em;line-height:1.6;max-width:36ch;margin-block:18px 20px;text-wrap:balance}
.footer{display:block;padding-top:0;padding-bottom:calc(20px + var(--gmy-bar-space));border-top:0}
.footer-rivalry{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);align-items:center;gap:28px;padding:30px 0 20px;border-top:1px solid var(--line)}
.footer-rivalry-copy .eyebrow{font-size:10px;letter-spacing:.14em;margin:0 0 12px}.footer-rivalry h2{color:var(--text);font:700 clamp(27px,3.2vw,43px)/1.13 Poppins,sans-serif;letter-spacing:-.055em;margin:0}.footer-rivalry h2 em{color:var(--pink);font-family:Fraunces,Georgia,serif;font-weight:500}.footer-rivalry-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;max-width:35ch;margin:15px 0 12px}
#footerRivalryToggle{min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:500 11px Poppins,sans-serif;cursor:pointer}#footerRivalryToggle:hover{border-color:var(--pink)}#footerRivalryToggle:focus-visible{outline:3px solid var(--pink);outline-offset:3px}#footerRivalryToggle:disabled{cursor:default;color:var(--muted)}
.footer-duel{position:relative;isolation:isolate;height:330px;min-width:0;overflow:hidden;--duel-step:clamp(24px,4vw,60px);--duel-cycle:8.8s;background:radial-gradient(ellipse at 50% 58%,var(--pink-200),transparent 67%);border-radius:40% 40% 18px 18px}
.duel-orbit{position:absolute;inset:14% 4% 18%;border:1px solid var(--line);border-radius:50%;transform:rotate(-9deg)}.duel-floor{position:absolute;left:8%;right:8%;height:24px;bottom:36px;border-radius:50%;background:var(--pink-200);opacity:.55}
.duel-fighter{position:absolute;bottom:42px;width:clamp(120px,17vw,205px);aspect-ratio:4/5;transform-origin:50% 90%;z-index:2;animation-duration:var(--duel-cycle);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.duel-zoro{left:4%;animation-name:footerZoroDuel}.duel-sanji{right:4%;animation-name:footerSanjiDuel}.duel-pose{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 7px #45122b26);animation:footerFirstPose var(--duel-cycle) linear infinite paused}.duel-pose-second{animation-name:footerSecondPose;opacity:0}.duel-zoro .duel-pose-second{animation-name:footerZoroJump}.duel-zoro .duel-pose-first{animation-name:footerZoroReady}
.duel-bubble{position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--text);background:var(--surface);border:1px solid var(--line);padding:6px 11px;border-radius:99px;font-size:10px;z-index:4;animation:footerBubble var(--duel-cycle) ease-in-out infinite paused}.duel-sanji .duel-bubble{animation-delay:-1.5s}
.duel-princess{position:absolute;bottom:46px;left:50%;margin-left:calc(clamp(88px,11vw,126px)/-2);width:clamp(88px,11vw,126px);height:230px;z-index:3;transform-origin:50% 90%;animation:footerPinkTwirl var(--duel-cycle) ease-in-out infinite paused}.duel-princess img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 8px #45122b26)}.duel-crown{position:absolute;top:-5px;left:50%;transform:translateX(-50%);font:500 38px/1 Georgia,serif;color:var(--pink)}
.duel-swoosh{position:absolute;top:30%;width:30%;height:40%;border:3px solid transparent;border-top-color:var(--honey-400);border-radius:50%;opacity:0;pointer-events:none;animation:footerGoldSwoosh var(--duel-cycle) ease-out infinite paused}.duel-swoosh-jade{left:12%;border-top-color:#4d9c78;animation-name:footerJadeSwoosh}.duel-swoosh-gold{right:12%;transform:rotate(-30deg)}.duel-heart{position:absolute;top:23%;left:45%;font:500 30px Georgia,serif;color:var(--pink);opacity:0;animation:footerDuelHeart var(--duel-cycle) ease-out infinite paused}.duel-heart-b{left:57%;animation-delay:-.5s;font-size:23px}
.duel-name{position:absolute;bottom:10px;font-size:9px;font-weight:600;letter-spacing:.09em;color:var(--muted);text-align:center;width:28%}.duel-name-zoro{left:3%;color:#4d9c78}.duel-name-pink{left:36%;color:var(--pink)}.duel-name-sanji{right:3%;color:var(--gold)}
.footer-rivalry[data-in-view=true] .footer-duel :is(.duel-fighter,.duel-pose,.duel-bubble,.duel-princess,.duel-swoosh,.duel-heart){animation-play-state:running}
.footer-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding-top:16px;border-top:1px solid var(--line);font-size:10px;line-height:1.7}.footer-meta a{min-height:44px;color:var(--pink)}
@keyframes footerZoroDuel{0%,10%,100%{transform:translate(0,0) rotate(-3deg)}22%{transform:translate(var(--duel-step),-23px) rotate(8deg)}30%{transform:translate(calc(var(--duel-step)*.8),-3px) rotate(-5deg)}40%{transform:translate(calc(var(--duel-step)*.5),-12px) rotate(4deg)}52%{transform:translate(0,0) rotate(-7deg)}65%,80%{transform:translate(5px,-5px) rotate(2deg)}}
@keyframes footerSanjiDuel{0%,15%,100%{transform:translate(0,0) rotate(3deg)}28%{transform:translate(calc(var(--duel-step)*-.7),-8px) rotate(-8deg)}40%{transform:translate(calc(var(--duel-step)*-1),-24px) rotate(8deg)}50%{transform:translate(calc(var(--duel-step)*-.5),-5px) rotate(-3deg)}60%{transform:translate(0,0) rotate(5deg)}75%,85%{transform:translate(-5px,-4px) rotate(-3deg)}}
@keyframes footerPinkTwirl{0%,15%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-7deg)}40%{transform:translateY(-5px) rotate(7deg)}55%{transform:translateY(-10px) rotate(-5deg)}70%{transform:translateY(-16px) rotate(10deg) scale(1.03)}85%{transform:translateY(-3px) rotate(-3deg)}}
@keyframes footerZoroReady{0%,14%,49%,100%{opacity:1}15%,48%{opacity:0}}@keyframes footerZoroJump{0%,14%,49%,100%{opacity:0}15%,48%{opacity:1}}
@keyframes footerFirstPose{0%,59%,100%{opacity:1}60%,94%{opacity:0}}@keyframes footerSecondPose{0%,59%,100%{opacity:0}60%,94%{opacity:1}}
@keyframes footerBubble{0%,12%,100%{opacity:1}24%,78%{opacity:0}90%{opacity:1}}
@keyframes footerJadeSwoosh{0%,15%,40%,100%{opacity:0;transform:rotate(-50deg) scale(.6)}22%,28%{opacity:.6;transform:rotate(25deg) scale(1)}}@keyframes footerGoldSwoosh{0%,28%,55%,100%{opacity:0;transform:rotate(50deg) scale(.6)}37%,43%{opacity:.6;transform:rotate(-25deg) scale(1)}}
@keyframes footerDuelHeart{0%,52%,85%,100%{opacity:0;transform:translateY(15px) scale(.5)}62%{opacity:.8;transform:translateY(-5px) scale(1)}77%{opacity:0;transform:translateY(-45px) scale(.8)}}
@media(min-width:601px) and (max-width:1000px){.hero-copy .t-sub{font-size:20px}.footer-rivalry{grid-template-columns:1fr;gap:8px}.footer-rivalry-copy{max-width:620px}.footer-rivalry h2 br{display:none}.footer-duel{height:340px;max-width:690px;width:100%;margin:auto}.duel-fighter{width:190px}.duel-princess{height:235px}}
@media(max-width:600px){.hero-copy .t-sub{font-size:15px;letter-spacing:.055em;margin-block:13px 18px}.footer-rivalry{grid-template-columns:1fr;gap:5px;padding-top:25px}.footer-rivalry h2 br{display:none}.footer-rivalry-copy>p:not(.eyebrow){font-size:12px;max-width:36ch}.footer-duel{height:260px;--duel-step:24px;border-radius:28px}.duel-fighter{width:120px;bottom:36px}.duel-zoro{left:0}.duel-sanji{right:0}.duel-princess{width:86px;height:174px;margin-left:-43px;bottom:40px}.duel-bubble{font-size:8px;padding:5px 7px;top:-25px}.duel-crown{font-size:28px;top:-11px}.duel-name{font-size:8px;letter-spacing:.04em}.duel-floor{bottom:30px}.footer-meta{display:grid;gap:5px;font-size:9px}.footer-meta a{justify-self:start}.footer-meta>span:nth-child(2){font-size:8px}}
@media(prefers-reduced-motion:reduce){.footer-duel :is(.duel-fighter,.duel-pose,.duel-bubble,.duel-princess,.duel-swoosh,.duel-heart){animation:none!important}}
html[data-motion=reduce] .footer-duel :is(.duel-fighter,.duel-pose,.duel-bubble,.duel-princess,.duel-swoosh,.duel-heart){animation:none!important}

.hero-trailer .trailer-screen{border:1px solid var(--pink-200);border-radius:20px 20px 0 0;box-shadow:0 10px 30px #45122b14}
.hero-trailer .trailer-duet{display:flex;align-items:center;gap:13px;padding:16px 17px;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;background:var(--surface);position:relative;overflow:hidden}
.trailer-emblem{flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--pink-200);color:var(--pink)}.trailer-emblem svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.trailer-duet>div{min-width:0}.hero-trailer .trailer-duet .eyebrow{font-size:8px;letter-spacing:.1em;margin:0 0 5px}.hero-trailer .trailer-duet h2{display:grid;gap:2px;font:700 clamp(17px,1.65vw,23px)/1.3 Poppins,sans-serif;letter-spacing:-.035em;margin:0;color:var(--text)}.hero-trailer .trailer-duet h2 em{font-family:Fraunces,Georgia,serif;font-size:1.18em;font-weight:500;color:var(--pink)}.trailer-duet-heart{margin-left:auto;color:var(--pink);font-size:31px;flex:none}
.table{position:relative;background:var(--surface);padding:clamp(16px,2.2vw,30px);gap:13px;box-shadow:0 16px 50px #45122b16}.table:before{inset:10px;pointer-events:none}.leader-duel-title{text-align:center;padding:5px 0 0}.leader-duel-title .eyebrow{font-size:9px;margin:0 0 5px;letter-spacing:.16em}.leader-duel-title h2{font:700 clamp(21px,2.2vw,30px)/1.25 Poppins,sans-serif;letter-spacing:-.045em;color:var(--text);margin:0}.leader-duel-title h2 em{color:var(--pink);font-family:Fraunces,Georgia,serif;font-weight:500}
.leader-duel-arena{position:relative;isolation:isolate;padding:28px 7px 18px;perspective:1300px;min-width:0}.leader-duel-arena:before{content:"";position:absolute;inset:3% -2% 9%;background:linear-gradient(105deg,#4d9c7826,transparent 49%,#d5ad5e26);border-radius:42%;pointer-events:none}.leader-duel-arena .leaders{position:relative;gap:clamp(17px,3vw,40px);max-width:720px;padding:0 8px}.leader-duel-arena .leader-slot{margin-bottom:44px;isolation:isolate;perspective:1200px;z-index:2}.leader-duel-arena .leader-slot .tcg{width:100%;max-height:none;transform:rotate(-4deg) rotateY(8deg) translateY(0);box-shadow:0 24px 23px #0f160d30;animation:leaderZoroChallenge 6s ease-in-out infinite paused;transform-origin:50% 80%}.leader-duel-arena .leader-slot.host-sanji .tcg{transform:rotate(4deg) rotateY(-8deg);animation-name:leaderSanjiChallenge;animation-delay:-.4s}.leader-duel-arena[data-active=true] .leader-slot .tcg{animation-play-state:running}.leader-duel-arena .leader-slot:hover,.leader-duel-arena .leader-slot:focus-within{z-index:4}.leader-duel-arena .leader-slot:hover .tcg,.leader-duel-arena .leader-slot:focus-within .tcg{animation:none!important;transform:translateY(-10px) rotate(0) scale(1.035);filter:drop-shadow(0 0 12px #d5ad5e55)}
.leader-duel-arena .leader-slot .leader-state{bottom:-41px;left:5%;right:5%;max-width:none;padding:9px 8px;border-radius:999px;color:var(--text);background:var(--surface);border:1px solid var(--line);font-size:11px;min-height:38px;display:grid;place-items:center}.leader-duel-arena .host-zoro .leader-state{border-color:#4d9c7877;box-shadow:0 3px 0 #4d9c7833}.leader-duel-arena .host-sanji .leader-state{border-color:#d5ad5e99;box-shadow:0 3px 0 #d5ad5e33}.leader-versus{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);width:49px;height:49px;background:var(--surface);border:2px solid var(--pink-200);box-shadow:0 7px 22px #45122b25;border-radius:50%;display:grid;place-items:center;color:var(--pink);font:italic 800 20px/1 Poppins,sans-serif;z-index:3;pointer-events:none}
.leader-energy{position:absolute;z-index:3;pointer-events:none;inset:8% 1% 19%;border:3px solid transparent;border-top-color:#4d9c78;border-radius:50%;opacity:0;animation:leaderEnergySlash 6s ease-out infinite paused}.leader-energy-gold{border-top-color:#d5ad5e;animation-delay:-3s;transform:rotate(30deg)}.leader-duel-arena[data-active=true] .leader-energy{animation-play-state:running}.table-bipys{gap:clamp(18px,4vw,46px);padding-top:0}.table-bipys .sticker{height:clamp(92px,10vw,145px)}
@keyframes leaderZoroChallenge{0%,100%{transform:rotate(-4deg) rotateY(8deg) translateY(0)}25%{transform:rotate(-2deg) rotateY(2deg) translateY(-9px)}50%{transform:rotate(-5deg) rotateY(5deg) translateY(1px)}75%{transform:rotate(-2deg) rotateY(3deg) translateY(-4px)}}
@keyframes leaderSanjiChallenge{0%,100%{transform:rotate(4deg) rotateY(-8deg) translateY(-4px)}25%{transform:rotate(5deg) rotateY(-5deg) translateY(1px)}50%{transform:rotate(2deg) rotateY(-2deg) translateY(-9px)}75%{transform:rotate(4deg) rotateY(-7deg) translateY(0)}}
@keyframes leaderEnergySlash{0%,70%,100%{opacity:0;transform:rotate(-40deg) scale(.82)}78%{opacity:.5;transform:rotate(15deg) scale(1)}87%{opacity:0;transform:rotate(45deg) scale(1.03)}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.binder-head{align-items:center}.binder-progress{min-width:180px;max-width:35%;grid-template-columns:auto minmax(65px,150px)}.binder-row{grid-template-columns:repeat(7,minmax(0,1fr));position:relative;padding:43px 15px 18px;gap:12px;background:var(--surface);border-color:var(--line);border-radius:22px}.binder-label{position:absolute;top:13px;left:20px;font-size:18px;color:var(--pink)}
.binder-visual{max-width:none;aspect-ratio:4/5;border:1px solid var(--line);border-radius:14px;background:var(--bg);box-shadow:inset 0 0 0 3px var(--surface);isolation:isolate}.binder-scene{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;background:radial-gradient(ellipse at 50% 55%,#e62b5e18,transparent 75%)}.host-zoro .binder-scene{background:radial-gradient(ellipse at 50% 55%,#4d9c7820,transparent 75%)}.host-sanji .binder-scene{background:radial-gradient(ellipse at 50% 55%,#d5ad5e26,transparent 75%)}
.binder-moment{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;opacity:.28;filter:grayscale(.7);transform-origin:50% 85%}.binder-visual.owned{border:1px solid var(--pink-300);box-shadow:0 6px 18px #45122b14}.binder-visual.owned .binder-moment{opacity:1;filter:drop-shadow(0 6px 5px #45122b22);animation:binderMomentFloat 5s ease-in-out infinite paused;animation-delay:calc(var(--slot-i)*-.5s)}.binder-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}.binder-foil{position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(115deg,transparent 45%,#fff7 49%,#ffe0aa55 51%,transparent 55%);opacity:0;animation:binderFoilSweep 5s ease-in-out infinite paused;animation-delay:calc(var(--slot-i)*-.4s)}.binder-spark{position:absolute;left:10%;top:14%;font-size:21px;color:var(--gold);opacity:0;animation:binderSparkle 3s ease-in-out infinite paused;animation-delay:calc(var(--slot-i)*-.3s);z-index:2}.binder-spark-b{left:auto;right:9%;top:auto;bottom:17%;font-size:16px;animation-delay:calc(var(--slot-i)*-.3s - 1.5s)}.binder-gem{position:absolute;bottom:6%;right:6%;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--muted);z-index:3}.binder-gem svg{width:13px;height:13px}.owned .binder-gem{color:var(--pink)}
#binder[data-active=true] .owned :is(.binder-moment,.binder-foil,.binder-spark){animation-play-state:running}.binder-visual:not(.owned) :is(.binder-foil,.binder-spark){display:none}.binder-visual:not(.owned) .binder-gem{left:50%;right:auto;bottom:12%;transform:translateX(-50%);width:27px;height:27px}.binder-visual:hover{border-color:var(--pink)}
@keyframes binderMomentFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4%) rotate(2deg)}}@keyframes binderFoilSweep{0%,50%,100%{opacity:0;transform:translateX(-25%)}65%{opacity:.6}85%{opacity:0;transform:translateX(25%)}}@keyframes binderSparkle{0%,100%{opacity:.1;transform:scale(.7) rotate(0)}50%{opacity:.9;transform:scale(1) rotate(25deg)}}
@media(max-width:600px){.hero-trailer .trailer-duet{padding:12px;gap:10px}.trailer-emblem{width:36px;height:36px}.hero-trailer .trailer-duet h2{font-size:17px}.trailer-duet-heart{font-size:25px}.leader-duel-arena{padding:22px 0 12px}.leader-duel-arena .leaders{gap:23px;padding-inline:5px}.leader-duel-arena .leader-slot .leader-state{font-size:10px}.leader-versus{width:35px;height:35px;font-size:15px}.table-bipys .sticker{height:105px}.binder-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:40px 10px 12px}.binder-label{font-size:16px;left:14px}.binder-visual{border-radius:11px}.binder-progress{min-width:95px;max-width:34%;gap:7px}.binder-progress>b{font-size:16px}.binder-head>div:first-child{min-width:0}.binder-head h2{font-size:25px}.binder-gem{width:19px;height:19px}.binder-gem svg{width:11px;height:11px}}
@media(prefers-reduced-motion:reduce){.leader-duel-arena :is(.tcg,.leader-energy),.binder-visual :is(.binder-moment,.binder-foil,.binder-spark){animation:none!important}.leader-duel-arena .leader-slot .tcg,.leader-duel-arena .leader-slot.host-sanji .tcg{transform:none!important}}
html[data-motion=reduce] .leader-duel-arena :is(.tcg,.leader-energy),html[data-motion=reduce] .binder-visual :is(.binder-moment,.binder-foil,.binder-spark){animation:none!important}html[data-motion=reduce] .leader-duel-arena .leader-slot .tcg{transform:none!important}

.hero{position:relative;isolation:isolate}.home-battle-background{position:absolute;z-index:-2;inset:0 0 auto;height:min(100%,100dvh);overflow:hidden;pointer-events:none;opacity:.25;mask-image:linear-gradient(#000 65%,transparent);border-radius:inherit}.home-battle-background iframe{position:absolute;left:50%;top:50%;width:max(100%,178vh);height:100%;transform:translate(-50%,-50%);border:0;filter:saturate(.45)}.home-battle-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 35%,var(--bg)),linear-gradient(0deg,var(--bg),transparent 65%)}html[data-theme=light] .home-battle-background{opacity:.23;filter:sepia(.2) hue-rotate(285deg)}html[data-theme=dark] .home-battle-background{opacity:.34}
.home-battle-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;color:var(--muted);font-size:10px}.home-battle-controls a{color:var(--muted);text-decoration-color:var(--line);line-height:1.7}.home-battle-controls button{min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:99px;padding:7px 13px;font:500 10px Poppins,sans-serif}.home-battle-controls button:disabled{color:var(--muted)}.result-voice{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 15px;margin-top:10px;font-size:11px;border-radius:99px;width:fit-content}.result-voice svg{width:17px;height:17px}
@media(prefers-reduced-motion:reduce){.home-battle-background{display:none}}html[data-motion=reduce] .home-battle-background{display:none}
.result-audio-controls{display:flex;align-items:center;gap:9px;margin-top:10px}.result-audio-controls .result-voice{margin-top:0}.result-mute{min-width:44px;min-height:44px;background:var(--surface);color:var(--pink);border:1px solid var(--line)}