/* v244: styles are scoped to the four requested ClubHub components. */
.modeHub .journeyRibbon{grid-template-columns:minmax(126px,1.35fr) minmax(35px,.65fr) minmax(85px,1fr);gap:7px}
.modeHub .journeyOrigin{grid-template-columns:29px minmax(0,1fr);column-gap:5px;min-width:0}
.modeHub #journeyOriginScore{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:9px;line-height:1.5;letter-spacing:-.025em;margin-top:4px}
.modeHub #playerSpotlightPortrait[hidden],.modeHub #microReplayPortrait[hidden]{display:none!important}
.playerSpotlightPortrait{position:relative}
.hx-portrait-neutral{position:absolute;inset:0;display:grid;place-items:end center;padding:5%;color:#778181;background:radial-gradient(ellipse at 50% 50%,#20302c,transparent 70%)}
.hx-portrait-neutral svg{height:85%;width:85%;max-width:130px;opacity:.6}
.hx-portrait-neutral[hidden]{display:none!important}
@media(max-width:370px){.modeHub .journeyRibbon{grid-template-columns:minmax(116px,1.3fr) minmax(26px,.4fr) minmax(72px,1fr);gap:5px}.modeHub .journeyOrigin{grid-template-columns:25px minmax(0,1fr)}.modeHub #journeyOriginScore{font-size:8.5px}}

/* A living black-and-white kit instead of a static silhouette. */
.pc-entry.hx-player-entry{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:16px;border-color:#615238;background:radial-gradient(ellipse at 3% 85%,rgba(42,140,109,.22),transparent 62%),radial-gradient(ellipse at 100% 0,rgba(206,155,60,.16),transparent 60%),linear-gradient(145deg,#182025,#090d0f)}
.hx-player-entry:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-38deg,transparent 0 55px,rgba(220,192,135,.045) 56px 57px);pointer-events:none}
.hx-player-entry:after{content:'';position:absolute;left:-30%;right:-30%;bottom:40px;height:90px;border:1px solid #8aa99b;opacity:.13;transform:perspective(160px) rotateX(48deg);border-radius:50%;z-index:-1}
.pc-entry .hx-entry-mark{height:auto;width:104px;border-bottom:0;align-self:center;overflow:visible;position:relative;color:inherit}
.hx-juggle-button{display:block;width:100%;height:132px;padding:0;background:transparent;color:inherit;border:0;cursor:pointer;touch-action:manipulation;border-radius:12px}
.hx-juggle-button:focus-visible{outline:2px solid #efca82;outline-offset:3px}
.hx-entry-mark .hx-juggler{width:116px;height:136px;max-width:none;margin-left:-8px;overflow:visible}
.hx-juggle-hint{display:block;text-align:center;margin-top:3px;font-size:8px;line-height:1.3;font-weight:800;color:#e1c798;white-space:normal}
.hx-player-entry .pc-entry-copy{align-self:center;min-width:0}
.hx-player-entry .pc-entry-copy strong{font-size:18px;line-height:1.17;letter-spacing:-.025em;color:#f8f9f7}
.hx-player-entry .pc-entry-copy p{font-size:11px;line-height:1.55;color:#bbc9c9;margin:9px 0 0}
.hx-player-entry .pc-eyebrow{color:#ebc987;letter-spacing:.17em;font-size:9px}
.hx-player-entry .pc-open{position:relative;background:linear-gradient(110deg,#fffdf6,#eadfc9);min-height:48px;border:1px solid #efe6ce;box-shadow:0 5px 22px rgba(232,202,137,.08);transition:transform .18s,box-shadow .18s;font-size:13px}
.hx-player-entry .pc-open:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(232,202,137,.1)}
.hx-juggler-body{animation:hx-body-bob 1.7s ease-in-out infinite;transform-origin:66px 170px}
.hx-kicking-leg{animation:hx-kick 1.7s ease-in-out infinite;transform-origin:78px 131px}
.hx-arm-left{animation:hx-arm 1.7s ease-in-out infinite alternate;transform-origin:45px 64px}
.hx-arm-right{animation:hx-arm 1.7s ease-in-out -.4s infinite alternate-reverse;transform-origin:83px 65px}
.hx-juggle-ball{animation:hx-keep-up 1.7s cubic-bezier(.35,0,.65,1) infinite;transform-origin:128px 136px}
.hx-ball-shadow{animation:hx-shadow 1.7s ease-in-out infinite;transform-origin:125px 175px}
.hx-juggle-sparks{animation:hx-sparks 1.7s ease-in-out infinite;opacity:0}
.is-trick .hx-juggle-ball{animation:hx-trick 1.45s ease-in-out both}
.is-trick .hx-juggle-sparks{animation:hx-sparks .3s ease-in-out infinite}
@keyframes hx-keep-up{0%,100%{transform:translate(-6px,4px) rotate(0)}50%{transform:translate(5px,-62px) rotate(170deg)}}
@keyframes hx-kick{0%,100%{transform:rotate(-15deg)}22%,82%{transform:rotate(5deg)}50%{transform:rotate(10deg)}}
@keyframes hx-body-bob{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}
@keyframes hx-arm{to{transform:rotate(8deg)}}
@keyframes hx-shadow{0%,100%{transform:scaleX(1);opacity:.32}50%{transform:scaleX(.45);opacity:.12}}
@keyframes hx-sparks{0%,85%,100%{opacity:0}40%,60%{opacity:.8}}
@keyframes hx-trick{0%,100%{transform:translate(-6px,4px) rotate(0)}25%{transform:translate(18px,-90px) rotate(180deg)}50%{transform:translate(-58px,-104px) rotate(400deg)}75%{transform:translate(-22px,-64px) rotate(640deg)}}
@media(max-width:370px){.pc-entry.hx-player-entry{grid-template-columns:88px minmax(0,1fr);gap:10px;padding:12px}.pc-entry .hx-entry-mark{width:88px}.hx-entry-mark .hx-juggler{width:103px;margin-left:-8px}.hx-player-entry .pc-entry-copy strong{font-size:16px}.hx-player-entry .pc-entry-copy p{font-size:10px}.hx-player-entry .pc-eyebrow{font-size:8px}}

/* Club Live: persistent readable text, individual animated data graphics. */
.hx-pulse-section{--hx-accent:#85bee5;--hx-wash:rgba(80,142,186,.16);position:relative}
.hx-pulse-section[data-hx-kind="scorer"]{--hx-accent:#ecc079;--hx-wash:rgba(200,146,66,.17)}
.hx-pulse-section[data-hx-kind="form"]{--hx-accent:#f0b574;--hx-wash:rgba(213,120,47,.15)}
.hx-pulse-section[data-hx-kind="clean"]{--hx-accent:#83d4ba;--hx-wash:rgba(79,178,141,.15)}
.hx-pulse-section[data-hx-kind="goals"]{--hx-accent:#85c7d6;--hx-wash:rgba(72,152,173,.15)}
.hx-pulse-section[data-hx-kind="cards"]{--hx-accent:#eac35d;--hx-wash:rgba(209,159,65,.16)}
.modeHub .hx-pulse-section .sectionHead{gap:7px;align-items:center}
.hx-pulse-section .sectionHead h2{flex:1}
.hx-pulse-section .sectionBadge{font-size:8px}
.hx-pulse-section #clubPulseViewport{border-color:#384347;background:radial-gradient(ellipse at 100% 0,var(--hx-wash),transparent 70%),linear-gradient(145deg,#131c1f,#080d0f);min-height:128px!important}
.modeHub .hx-pulse-section #clubPulseSlideA.hx-pulse-slide{grid-template-columns:62px minmax(0,1fr);gap:7px 13px;padding:15px 14px 13px;background:transparent;min-height:128px}
.hx-pulse-section .clubPulseTitle{font-size:17px;line-height:1.25;white-space:normal;overflow:visible;overflow-wrap:anywhere;margin-top:4px}
.hx-pulse-section .clubPulseKicker{color:var(--hx-accent);font-size:8px;letter-spacing:.15em}
.hx-pulse-section .clubPulseSub{color:#a9b7b9;font-size:10px;line-height:1.5;margin-top:5px}
.modeHub .hx-pulse-section .hx-pulse-icon{position:relative;width:62px;height:62px;display:grid;place-items:center;padding:13px;border:1px solid #4a565a;border-radius:50%;color:var(--hx-accent);background:radial-gradient(circle at 35% 20%,var(--hx-wash),#121a1c);box-shadow:0 0 22px var(--hx-wash);overflow:visible}
.hx-pulse-icon:before{content:'';position:absolute;inset:-4px;border:1px dashed var(--hx-accent);border-radius:50%;opacity:.3;animation:hx-orbit 18s linear infinite}
.hx-pulse-icon svg{width:100%;height:100%;display:block;overflow:visible;animation:hx-icon-float 3.2s ease-in-out infinite}
.hx-pulse-section[data-hx-kind="goals"] .hx-pulse-icon svg{animation:hx-orbit 12s linear infinite}
.hx-pulse-visual{grid-column:1/-1;min-height:23px;padding-top:6px}
.hx-pulse-wave{height:22px;position:relative;overflow:hidden;color:var(--hx-accent);opacity:.68}
.hx-pulse-wave svg{width:100%;height:100%;stroke-dasharray:12 3;animation:hx-data-flow 5s linear infinite}
.hx-pulse-timing{margin:11px 4px 1px;height:3px;background:#253236;overflow:hidden;border-radius:10px;position:relative}
.hx-pulse-progress{display:block;width:100%;height:100%;background:linear-gradient(90deg,#83c2e0,var(--hx-accent),#f5d388);transform-origin:left;transform:scaleX(0);animation:none!important;transition:none!important;will-change:transform}
.hx-pulse-section .clubPulseDots{padding-top:9px}
.hx-pulse-section .clubPulseDot.active{background:var(--hx-accent);box-shadow:0 0 12px var(--hx-wash)}
.hx-form-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hx-form-result{width:30px;min-width:30px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#303d45;border:1px solid #5a6d78;color:#f4f7f6;font-weight:950;font-size:11px;padding:0;box-shadow:inset 0 1px rgba(255,255,255,.1)}
.hx-form-result.W{background:linear-gradient(145deg,#215d48,#123a2b);border-color:#4aa782;color:#b5f2d4}
.hx-form-result.V{background:linear-gradient(145deg,#762f39,#42191f);border-color:#bd606b;color:#ffccd0}
.hx-pulse-visual .hx-form-result{animation:hx-result-arrive .38s calc(var(--i)*.05s) ease both}
.hx-goal-balance{display:flex;gap:4px;height:10px;border-radius:6px;overflow:hidden;margin:7px 0}
.hx-goal-for,.hx-goal-against{min-width:2px;flex-basis:0;border-radius:4px;transform-origin:left;animation:hx-balance-in .6s ease-out both}
.hx-goal-for{background:linear-gradient(90deg,#467971,#85d9c2)}.hx-goal-against{background:linear-gradient(90deg,#b06755,#e19d7c)}
@keyframes hx-orbit{to{transform:rotate(360deg)}}
@keyframes hx-icon-float{50%{transform:translateY(-3px) rotate(-4deg)}}
@keyframes hx-data-flow{to{stroke-dashoffset:-60}}
@keyframes hx-result-arrive{from{transform:translateY(5px);opacity:.5}to{transform:none;opacity:1}}
@keyframes hx-balance-in{from{transform:scaleX(.3)}to{transform:scaleX(1)}}

/* A useful match guide, without changing the existing next-match block. */
.modeHub .hx-road-card{border-color:#75603b;background:radial-gradient(ellipse at 100% 0,rgba(212,166,73,.19),transparent 55%),radial-gradient(ellipse at 0 80%,rgba(55,129,149,.08),transparent 55%),linear-gradient(150deg,#1a1a13,#0a0d0d);position:relative;isolation:isolate;overflow:hidden}
.hx-road-guide{border-top:1px solid #3c382a;margin-top:13px;padding-top:13px;min-width:0}
.hx-guide-head{display:flex;align-items:center;gap:6px;margin-bottom:12px;min-width:0}
.hx-guide-head b{font-size:8px;letter-spacing:.12em;color:#ddc58f}
.hx-guide-light{width:6px;height:6px;border-radius:50%;background:#dbb36a;box-shadow:0 0 0 3px rgba(223,180,107,.09);animation:hx-radar 2.6s ease-out infinite;flex:none}
.hx-guide-hint{margin-left:auto;color:#929e9c;font-size:8px;font-weight:700}
.hx-guide-tabs{display:flex;gap:5px;padding:3px;background:#0a1012;border:1px solid #343f41;border-radius:11px;margin-bottom:12px}
.hx-guide-tab{flex:1;min-width:0;min-height:35px;border:0;border-radius:8px;background:transparent;color:#a0b2b4;font-size:10px;font-weight:850;cursor:pointer}
.hx-guide-tab.active{background:linear-gradient(115deg,#e2ca94,#e4d8bb);color:#111a1f;box-shadow:0 2px 8px #0004}
.hx-guide-panel{min-width:0;min-height:144px}
.hx-clash{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hx-clash-team{display:flex;flex-direction:column;min-width:0;padding:11px;border:1px solid #334450;border-radius:12px;background:radial-gradient(ellipse at 0 0,rgba(76,153,197,.1),transparent),#0c151a}
.hx-clash-team.ours{border-color:#5c523d;background:radial-gradient(ellipse at 0 0,rgba(197,155,65,.13),transparent),#121613}
.hx-clash-name{font-size:10px;font-weight:850;line-height:1.4;color:#e1e8e7;overflow-wrap:anywhere;min-height:14px}
.hx-clash-rank{font-size:33px;line-height:1.12;letter-spacing:-.04em;color:#c1ddee;margin:6px 0;font-variant-numeric:tabular-nums}
.hx-clash-team.ours .hx-clash-rank{color:#f3cf87}
.hx-clash-rank small{font-size:15px;color:#a9b4b1;vertical-align:top;display:inline-block;margin-top:4px;margin-left:3px}
.hx-clash-meta{font-size:8px;line-height:1.5;color:#9caeaf;overflow-wrap:anywhere}
.hx-clash-caption{font-size:8px;line-height:1.4;color:#899896;margin-top:7px}
.hx-road-form{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px}
.hx-road-form>span{font-size:9px;color:#bdc7bf;font-weight:800}
.hx-road-form .hx-form-strip{gap:5px}
.hx-road-form .hx-form-result{width:31px;height:32px;min-width:31px;cursor:pointer}
.hx-guide-copy{font-size:9px;color:#9aa7a5;line-height:1.5;margin:7px 0 0;overflow-wrap:anywhere}
.hx-form-note{min-height:14px}
.hx-head-to-head{padding:9px;border-left:2px solid #cbaa6f;background:rgba(139,119,73,.06);font-size:9px;line-height:1.5;color:#bdc1b8;margin:12px 0 0;border-radius:0 8px 8px 0;overflow-wrap:anywhere}
.hx-guide-section-title{font-size:15px;color:#f2dbac}
.hx-practical-row{display:grid;grid-template-columns:51px minmax(0,1fr);gap:10px;font-size:10px;line-height:1.5;padding:7px 0;border-bottom:1px solid #2b3331}
.hx-practical-row>span{color:#859f9f}.hx-practical-row b{font-weight:750;color:#dfebe5;overflow-wrap:anywhere}
.hx-guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.hx-road-action{display:flex;align-items:center;justify-content:center;min-height:39px;padding:8px 4px;font-size:10px;font-weight:900;line-height:1.3;text-decoration:none;background:#15232a;color:#cbe0e7;border:1px solid #415761;border-radius:9px;cursor:pointer;text-align:center}
.hx-road-action.primary{background:#e6d2a5;color:#151d1b;border-color:#e6d2a5}
.hx-road-milestone{margin-top:14px;border-top:1px solid #333b33;padding-top:12px}
.hx-milestone-track{position:relative;height:8px;margin:3px 4px 0;border-radius:5px;background:linear-gradient(90deg,#756241,#c5ab70 65%,#405e63)}
.hx-milestone-track:before,.hx-milestone-track:after{content:'';position:absolute;top:-3px;width:13px;height:13px;border-radius:50%;border:2px solid #b5a274;background:#16231f;z-index:1}
.hx-milestone-track:before{left:64%}.hx-milestone-track:after{right:0}
.hx-milestone-track i{position:absolute;inset:1px;background:repeating-linear-gradient(90deg,transparent 0 19px,#f5dc9e66 20px 28px);border-radius:4px;animation:hx-road-trace 3s linear infinite}
.hx-milestone-ball{position:absolute;left:3%;top:-4px;width:15px;height:15px;background:radial-gradient(circle,#0b191b 0 3px,#e6e7d7 4px 7px,#9f975c 8px);border:1px solid #ece7cc;border-radius:50%;box-shadow:0 0 14px #dcc37855;animation:hx-ball-step 5s ease-in-out infinite;z-index:2}
.hx-milestone-labels{display:flex;justify-content:space-between;font-size:6.5px;letter-spacing:.1em;color:#b2b6a6;font-weight:800;margin-top:10px}
.hx-milestone-labels>span:nth-child(2){margin-left:30%}
.hx-milestone-note{font-size:9px;color:#d9c8a4;line-height:1.4;text-align:center;margin:8px 0 0}
@keyframes hx-radar{0%,100%{box-shadow:0 0 0 2px #e2bb7211}60%{box-shadow:0 0 0 5px #e2bb7233}}
@keyframes hx-road-trace{to{background-position:28px 0}}
@keyframes hx-ball-step{50%{transform:translateX(20px) rotate(100deg)}}
.hx-offscreen *,.hx-offscreen :before,.hx-offscreen :after{animation-play-state:paused!important}
.hx-guide-tab:focus-visible,.hx-road-action:focus-visible,.hx-form-result:focus-visible,.hx-pulse-pause:focus-visible{outline:2px solid #eed094;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hx-player-entry *,.hx-player-entry :before,.hx-player-entry :after,.hx-pulse-section *,.hx-pulse-section :before,.hx-pulse-section :after,.hx-road-guide *,.hx-road-guide :before,.hx-road-guide :after{animation:none!important;transition:none!important}.hx-juggle-button.is-trick{background:#dabc6e22}.hx-pulse-progress{transform:none}}
.hx-standing-source{display:block;color:#a4d7ee;text-underline-offset:3px;margin-top:6px}.hx-standing-checked{display:block;color:#a5b3b8;margin-top:5px;font-size:9px;line-height:1.45}