/* Clubhouse features use a shared grid cell so changing slides never moves the streak. */
.clubhouse-carousel{border:1px solid #8460a866;border-radius:22px;overflow:hidden;background:#180f28;box-shadow:0 16px 55px #0003}
.clubhouse-carousel-surface{display:grid;isolation:isolate;touch-action:pan-y pinch-zoom}
.clubhouse-slide{grid-area:1/1;position:relative;isolation:isolate;min-width:0;min-height:440px;overflow:hidden;background:radial-gradient(ellipse at 88% 35%,#6730a77a,transparent 57%),#180f28}
.clubhouse-slide[data-active=false]{visibility:hidden;pointer-events:none}
.clubhouse-slide[data-active=true]{visibility:visible}
.clubhouse-slide-copy{position:relative;z-index:2;padding:42px 44px;max-width:660px;width:59%}
.clubhouse-slide-kicker{display:flex;align-items:center;gap:9px;color:var(--lime,#d7ff3f);font-size:.75rem;font-weight:700;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}
.clubhouse-slide-kicker>.icon{width:18px;height:18px;flex:none}
.clubhouse-slide h1{font:700 clamp(40px,4.5vw,62px)/1.05 var(--display);letter-spacing:-.025em;margin:22px 0 18px;max-width:550px;overflow-wrap:break-word}
.clubhouse-slide-journey h1{text-transform:uppercase}
.clubhouse-slide h1 .clubhouse-brand-e{text-transform:none}
.clubhouse-slide-copy>p{max-width:440px;color:#eee6f9;line-height:1.65;font-size:1rem}
.clubhouse-slide-action{display:flex;margin-top:26px}
.clubhouse-slide-action>.button{min-height:52px;padding:13px 22px;max-width:100%;text-align:start}
.clubhouse-slide-note{display:flex;align-items:start;gap:8px;margin-top:18px;font-size:.75rem;line-height:1.5;color:#d9cbe9;max-width:440px}
.clubhouse-slide-note>.icon{width:15px;height:15px;flex:none;margin-top:1px;color:var(--lime,#d7ff3f)}
.clubhouse-matchday-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.clubhouse-slide-journey::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#130b26e0,#130b2670 52%,#130b2600 80%)}
.clubhouse-carousel-controls{display:flex;align-items:stretch;gap:22px;padding:0 18px;background:#1d142a;border-top:1px solid #74519366}
.clubhouse-carousel-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;min-width:0;gap:8px}
.clubhouse-carousel-selector{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:68px;border:0;border-radius:0;background:none;color:#bba9d0;padding:13px 10px;font:600 .875rem/1.3 var(--font);cursor:pointer;text-align:center}
.clubhouse-carousel-selector::after{content:'';position:absolute;inset-inline:10px;bottom:0;height:3px;background:transparent;border-radius:3px 3px 0 0}
.clubhouse-carousel-selector[aria-pressed=true]{background:linear-gradient(0deg,#a575ff1a,transparent);color:var(--lime,#d7ff3f)}
.clubhouse-carousel-selector[aria-pressed=true]::after{background:var(--lime,#d7ff3f)}
.clubhouse-carousel-selector:hover{color:#faf8ff;background:#a575ff12}
.clubhouse-carousel-selector-icon{display:flex;flex:none}
.clubhouse-carousel-selector-icon>.icon{width:23px;height:23px}
.clubhouse-carousel-arrows{display:flex;align-items:center;gap:8px;flex:none}
.clubhouse-carousel-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #74588f;border-radius:50%;background:#291b3c;color:#e7dbf5;cursor:pointer}
.clubhouse-carousel-arrow>.icon{width:20px;height:20px}
.clubhouse-carousel-previous>.icon{transform:rotate(180deg)}
.clubhouse-carousel-arrow:hover{background:#432c5d;border-color:#b78de6}
.clubhouse-carousel-selector:focus-visible,.clubhouse-carousel-arrow:focus-visible{outline:3px solid var(--lime,#d7ff3f);outline-offset:-4px}
.clubhouse-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Original compositions built from RTG's existing pictograms. */
.clubhouse-feature-art{position:absolute;inset-block:0;inset-inline-end:0;width:44%;pointer-events:none;direction:ltr;overflow:hidden;color:#d7ff3f}
.clubhouse-art-orbit{position:absolute;width:390px;height:390px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #bd93ed33;border-radius:50%;box-shadow:0 0 0 40px #ad72e509,0 0 0 80px #ad72e505}
.clubhouse-art-orbit::before,.clubhouse-art-orbit::after{content:'';position:absolute;width:10px;height:10px;background:#d7ff3f;border-radius:50%;box-shadow:0 0 20px #d7ff3f66}
.clubhouse-art-orbit::before{top:45px;left:45px}.clubhouse-art-orbit::after{bottom:60px;right:33px;width:6px;height:6px;background:#c59bff}
.clubhouse-duel-card{position:absolute;top:23%;width:35%;height:54%;max-height:250px;border:1px solid #a375d6;border-radius:20px 20px 48px 20px;background:linear-gradient(145deg,#8651c5,#392153 80%);box-shadow:0 22px 40px #10081f70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.clubhouse-duel-card-a{left:9%;transform:rotate(-12deg);color:#ece0ff}
.clubhouse-duel-card-b{right:9%;transform:rotate(12deg);border-color:#b3c562;background:linear-gradient(145deg,#71853a,#334226 80%)}
.clubhouse-duel-card>span{font:700 15px/1 var(--display);letter-spacing:.22em;opacity:.8}
.clubhouse-duel-card>.icon{width:65px;height:65px;--rtg-icon-accent:currentColor}
.clubhouse-card-marks{display:flex;gap:5px}.clubhouse-card-marks i{display:block;width:17px;height:4px;background:currentColor;opacity:.45;border-radius:2px}
.clubhouse-duel-vs{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font:700 68px/1 var(--display);font-style:italic;color:#faf8ff;filter:drop-shadow(0 5px 8px #190e2c);letter-spacing:-.04em}
.clubhouse-duel-vs>span{font-size:30px;display:inline-block;margin:0 7px;color:#d7ff3f}
.clubhouse-duel-questions{display:flex;gap:11px;position:absolute;bottom:13%;left:50%;transform:translateX(-50%)}
.clubhouse-duel-questions>i{width:12px;height:12px;border:2px solid #bda2d8;border-radius:50%;background:#332047}
.clubhouse-duel-questions>i:nth-child(-n+3){border-color:#d7ff3f;background:#d7ff3f;box-shadow:0 0 10px #d7ff3f33}
.clubhouse-slide-cups{background:radial-gradient(ellipse at 80% 30%,#7240a56b,transparent 60%),linear-gradient(135deg,#1d1430,#211836)}
.clubhouse-cup-medal{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:24%;left:50%;transform:translateX(-50%);width:40%;height:47%;border:1px solid #ac7edc;border-radius:45% 45% 22% 22%;background:linear-gradient(145deg,#824ac0,#3b215b);box-shadow:0 20px 40px #10081f80;z-index:2}
.clubhouse-cup-medal>.icon{width:85px;height:85px;--rtg-icon-accent:#d7ff3f;--rtg-icon-cut:#442864;color:#e9ff96}
.clubhouse-cup-medal>span{font:700 18px/1 var(--display);letter-spacing:.2em;margin-top:17px;color:#e6d2ff}
.clubhouse-bracket{position:absolute;top:25%;height:41%;width:19%;display:flex;flex-direction:column;justify-content:space-between}
.clubhouse-bracket-left{left:6%}.clubhouse-bracket-right{right:6%}
.clubhouse-bracket::before{content:'';position:absolute;top:23px;bottom:23px;left:50%;right:0;border:2px solid #906bb4;border-inline-start:0;border-radius:0 8px 8px 0}
.clubhouse-bracket-right::before{transform:rotate(180deg)}
.clubhouse-bracket>i{display:grid;place-items:center;width:48px;height:48px;border:1px solid #8d6aad;border-radius:13px;background:#3c2752;color:#c0a0e0;z-index:1}
.clubhouse-bracket-right>i{align-self:end}.clubhouse-bracket>i>.icon{width:25px;height:25px}
.clubhouse-cup-podium{position:absolute;bottom:14%;left:50%;transform:translateX(-50%);width:53%;height:14%;display:flex;align-items:end}
.clubhouse-cup-podium>i{width:33.333%;height:65%;border:1px solid #9470b366;background:linear-gradient(#78539250,#4e346600);border-radius:6px 6px 0 0}
.clubhouse-cup-podium>i:nth-child(2){height:100%}.clubhouse-cup-podium>i:last-child{height:45%}
.clubhouse-slide-guide{background:radial-gradient(ellipse at 86% 40%,#32605060,transparent 58%),#181328}
.clubhouse-tactics{position:absolute;top:17%;left:13%;width:72%;height:66%;border:1px solid #82978299;border-radius:16px;background:repeating-linear-gradient(0deg,#233e37 0,#233e37 25%,#20372f 25%,#20372f 50%);transform:rotate(8deg);box-shadow:0 24px 40px #080f1966}
.clubhouse-tactics::after{content:'';position:absolute;inset:14px;border:1px solid #a1b29566;border-radius:5px}
.clubhouse-pitch-line{position:absolute;top:50%;left:14px;right:14px;height:1px;background:#a1b29566}
.clubhouse-pitch-circle{position:absolute;width:27%;aspect-ratio:1;top:50%;left:50%;border:1px solid #a1b29566;border-radius:50%;transform:translate(-50%,-50%)}
.clubhouse-tactic-player{position:absolute;z-index:1;display:grid;place-items:center;width:54px;height:60px;border:1px solid #b78de6;border-radius:10px;background:linear-gradient(135deg,#8150af,#482c69);box-shadow:0 8px 15px #0e1d1780;color:#fff}
.clubhouse-tactic-player>.icon{width:31px;height:31px}.clubhouse-tactic-player-a{left:18%;bottom:16%}.clubhouse-tactic-player-b{right:16%;top:13%;color:#d7ff3f}.clubhouse-tactic-player-c{width:30px;height:30px;border-radius:50%;left:53%;top:45%;background:#d7ff3f;border-color:#e5ff8b;color:#20362c}.clubhouse-tactic-player-c>.icon{width:22px;height:22px}
.clubhouse-tactic-run{position:absolute;width:29%;height:26%;color:#d7ff3f;border:2px dashed #d7ff3fbb;border-bottom:0;border-right:0;border-radius:20px 0 0 0}
.clubhouse-tactic-run>.icon{position:absolute;right:-10px;top:-12px;width:22px;height:22px}.clubhouse-tactic-run-a{bottom:33%;left:27%}.clubhouse-tactic-run-b{top:30%;right:24%;transform:rotate(180deg);color:#c29ced;border-color:#c29cedaa}
.clubhouse-tactic-pin{position:absolute;width:12px;height:12px;border:2px solid #d4c0e4;border-radius:50%;background:#755593}.clubhouse-tactic-pin-a{left:23%;top:22%}.clubhouse-tactic-pin-b{right:22%;bottom:20%}
.clubhouse-guide-edition{position:absolute;right:14%;bottom:11%;padding:9px 17px;background:#d7ff3f;color:#23322b;border:1px solid #e4ff73;border-radius:8px;font:700 18px/1 var(--display);transform:rotate(-5deg);box-shadow:0 5px 20px #0e1d1755}
html[dir=rtl] .clubhouse-slide-journey::after{background:linear-gradient(270deg,#130b26ed,#130b2685 52%,#130b2600 80%)}
html[dir=rtl] .clubhouse-carousel-arrow>.icon{transform:rotate(180deg)}
html[dir=rtl] .clubhouse-carousel-previous>.icon{transform:none}
html[lang=ja] .clubhouse-slide h1,html[lang=ar] .clubhouse-slide h1{font-size:clamp(34px,3.8vw,52px);line-height:1.25}
@media(max-width:1000px){
 .clubhouse-slide-copy{padding:34px 28px;width:64%}
 .clubhouse-slide h1{font-size:48px}.clubhouse-slide-copy>p{font-size:.9375rem}
 .clubhouse-feature-art{width:39%;opacity:.85}.clubhouse-duel-card{border-radius:15px 15px 30px 15px}.clubhouse-duel-card>.icon{width:50px;height:50px}.clubhouse-cup-medal>.icon{width:65px;height:65px}
 .clubhouse-carousel-controls{gap:12px;padding-inline:12px}.clubhouse-carousel-selector{gap:7px;font-size:.8125rem;padding-inline:5px}.clubhouse-carousel-selector-icon>.icon{width:20px;height:20px}
}
@media(max-width:700px){
 .clubhouse-carousel{border-radius:18px}.clubhouse-slide{min-height:420px}
 .clubhouse-slide-copy{padding:28px 22px;width:100%;max-width:none}
 .clubhouse-slide h1{font-size:clamp(38px,8vw,47px);max-width:470px;margin:22px 0 18px}
 .clubhouse-slide-copy>p{font-size:.875rem;max-width:410px}
 .clubhouse-slide-kicker{font-size:.6875rem;letter-spacing:.08em;max-width:90%}
 .clubhouse-slide-action{margin-top:24px}.clubhouse-slide-action>.button{min-height:48px;padding:12px 18px;font-size:.875rem}
 .clubhouse-slide-note{font-size:.6875rem;max-width:360px}
 .clubhouse-matchday-art{object-position:64%}.clubhouse-slide-journey::after{background:linear-gradient(90deg,#130b26e8,#130b2680),linear-gradient(0deg,#130b26ee,transparent 75%)}
 .clubhouse-feature-art{width:65%;inset-inline-end:-20%;opacity:.16}
 .clubhouse-carousel-controls{padding-inline:6px;gap:0}.clubhouse-carousel-selectors{gap:2px}
 .clubhouse-carousel-selector{min-height:72px;flex-direction:column;gap:5px;padding:10px 3px;font-size:.6875rem;line-height:1.2}
 .clubhouse-carousel-selector::after{inset-inline:5px}.clubhouse-carousel-selector-icon>.icon{width:21px;height:21px}
 .clubhouse-carousel-arrows{display:none}
 html[dir=rtl] .clubhouse-slide-journey::after{background:linear-gradient(270deg,#130b26e8,#130b2690),linear-gradient(0deg,#130b26ee,transparent 75%)}
 html[lang=ja] .clubhouse-slide h1,html[lang=ar] .clubhouse-slide h1{font-size:34px;line-height:1.3}
}
@media(max-width:360px){
 .clubhouse-slide-copy{padding:25px 18px}.clubhouse-slide h1{font-size:36px}.clubhouse-slide-kicker{font-size:.625rem}.clubhouse-slide-note{font-size:.625rem}
 .clubhouse-carousel-selector{font-size:.625rem}
 html[lang=ja] .clubhouse-slide h1,html[lang=ar] .clubhouse-slide h1{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.clubhouse-carousel .button{transition:none}}