/* V6 additions: scoped components, no redesign of existing cards or bracket. */
:focus-visible{outline:2px solid #72dcff;outline-offset:4px}
.cz-skip-link{position:fixed;top:8px;left:12px;z-index:10000;background:#071627;color:#fff;padding:12px;transform:translateY(-180%)}
.cz-skip-link:focus{transform:none}
.site-footer{flex-wrap:wrap;padding-bottom:100px;gap:18px}
.footer-links{flex-wrap:wrap;gap:12px}
.cz-footer-note{display:block;color:#aebed3;line-height:1.7;flex-basis:100%}
.cz-info{max-width:900px;margin:24px auto;line-height:1.8}
.cz-info h2{font-size:1.2rem;margin:26px 0 8px}
.cz-info ul,.cz-info ol{padding-left:24px}
.cz-info a{color:#78dbff;text-decoration:underline;text-underline-offset:3px}
.cz-info .btn{color:white;text-decoration:none}
.cz-info details{border-bottom:1px solid #29425a;padding:14px 0}
.cz-info summary{cursor:pointer;font-weight:700;min-height:32px}
.cz-info .cz-meta{color:#adbed5;font-size:.9rem}
.cz-wa{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:18px;z-index:90;font-size:14px}
.cz-wa-toggle{border:1px solid #48dc99;border-radius:30px;padding:13px 20px;background:#116b45;color:white;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 6px 22px #0005;min-height:48px}
.cz-wa-panel{position:absolute;bottom:64px;right:0;width:350px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow:auto;background:#0c1e30;border:1px solid #34536b;border-radius:18px;box-shadow:0 16px 48px #0008}
.cz-wa-panel[hidden]{display:none}
.cz-wa-header{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#102c32;border-bottom:1px solid #34536b}
.cz-wa-header small,.cz-wa-item small{display:block;color:#b6cbd9;margin-top:4px;font-size:12px}
.cz-wa-header button{background:transparent;color:#d9eff3;border:0;font-size:25px;cursor:pointer;min-width:44px;min-height:44px}
.cz-wa-list{padding:8px}
.cz-wa-item{display:flex;gap:12px;align-items:center;padding:13px 10px;border-radius:10px;text-decoration:none;color:#f3f8ff}
.cz-wa-item:hover,.cz-wa-item:focus-visible{background:#183849}
.cz-wa-item>span:nth-child(2){flex:1}
.cz-wa-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #42866c;border-radius:50%;color:#85ecc0;font-size:12px;font-weight:800}
.cz-gaming-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
body{isolation:isolate}
.cz-float{position:absolute;width:100px;height:100px;fill:none;stroke:#49d3ff;stroke-width:2;opacity:.12;filter:drop-shadow(0 0 5px currentColor);animation:cz-drift 14s ease-in-out infinite alternate}
.cz-float-a{left:2%;top:18%;color:#49d3ff}
.cz-float-b{right:3%;top:35%;stroke:#a66cff;color:#a66cff;animation-delay:-8s}
.cz-float-c{left:5%;top:72%;width:140px;color:#49d3ff;animation-delay:-13s}
.cz-float-d{right:8%;top:80%;stroke:#a66cff;color:#a66cff;animation-delay:-4s}
.cz-float-e{left:45%;top:5%;width:55px;animation-delay:-16s}
.cz-float-f{right:34%;top:58%;width:70px;stroke:#a66cff;color:#a66cff;animation-delay:-10s}
@keyframes cz-drift{from{transform:translateY(0) rotate(-5deg)}to{transform:translate(8px,-32px) rotate(8deg)}}
@media(max-width:600px){.cz-wa{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.cz-wa-panel{width:330px}.cz-float{opacity:.08;width:65px}.cz-float-c,.cz-float-e,.cz-float-f{display:none}.cz-info{margin:12px auto}.site-footer{padding-bottom:95px}}
@media(prefers-reduced-motion:reduce){.cz-float{animation:none}.cz-wa *{scroll-behavior:auto}}

/* V6.1 account menu and settings, isolated from existing cards. */
.account-menu{position:relative}.account-menu summary{cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}
.account-menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;z-index:100;background:#151a2b;border:1px solid #38405a;border-radius:12px;padding:8px;box-shadow:0 12px 30px #0008}
.account-menu-panel a{display:block;padding:10px;border-radius:8px}.account-menu-panel a:hover,.account-menu-panel a:focus{background:#27324b}
.setting-help{position:relative;display:inline-block}.setting-help summary{cursor:pointer;color:#80dfff}.setting-help p{max-width:440px;font-weight:normal;line-height:1.5}
#firstGameNotice{margin-bottom:16px;gap:12px;flex-wrap:wrap}

/* V6.2 shared list filters and paging. */
.list-filter-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:18px 0;padding:16px;border:1px solid #28364a;border-radius:12px;background:#0b1726}
.list-filter-form .field{flex:1 1 150px;min-width:0}.list-filter-form .field:first-child{flex:2 1 220px}.list-filter-actions,.list-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.list-pagination{margin:14px 0;color:#aabace}.list-pagination span{margin-right:auto}
@media(max-width:560px){.list-filter-form .field{flex:1 1 100%}.list-filter-actions{width:100%}.list-pagination{font-size:13px}}

/* V6.2.1: semantic home actions and restrained event accents. */
.section-cta.cta-tournaments{background:linear-gradient(120deg,#6933c7,#a52077);border-color:#bb6bdf;color:#fff}
.section-cta.cta-duels{background:linear-gradient(120deg,#175bc2,#087a87);border-color:#47bad1;color:#fff}
.section-cta.cta-clan-matches{background:linear-gradient(120deg,#126b56,#087580);border-color:#45b99b;color:#fff}
.section-cta:is(.cta-tournaments,.cta-duels,.cta-clan-matches):hover{filter:brightness(1.12);box-shadow:0 0 16px #9a79d526}
.competition-carousel [data-event-status]{--event-accent:#658edb;border-color:var(--event-accent);border-top-width:3px}
.competition-carousel [data-event-status="open"],.competition-carousel [data-event-status="scheduled"]{--event-accent:#399d76}
.competition-carousel [data-event-status="started"]{--event-accent:#b79036}
.competition-carousel [data-event-status="result_pending"],.competition-carousel [data-event-status="pending"]{--event-accent:#b79036}
.competition-carousel [data-event-status="disputed"]{--event-accent:#b79036}
.competition-carousel [data-event-status="completed"]{--event-accent:#c56b73}
.competition-carousel .status-pill{font-size:11px;white-space:normal;text-align:center}
.competition-carousel .status-pill:is(.open,.scheduled){color:#a1eccb;background:#153c30;border-color:#399d76}
.competition-carousel .status-pill.started{color:#ffe0a2;background:#3b3018;border-color:#b79036}
.competition-carousel .status-pill:is(.pending,.result_pending){color:#ffe0a2;background:#3b3018;border-color:#b79036}
.competition-carousel .status-pill.disputed{color:#ffe0a2;background:#3b3018;border-color:#b79036}
.competition-carousel .status-pill.completed{color:#ffc1c7;background:#42232b;border-color:#c56b73}
.competition-carousel .status-pill:is(.cancelled,.declined){color:#c5ced9;background:#272f3a;border-color:#647184}
.tournament-filter-trigger[hidden]{display:none!important}
#tournamentFiltersModal .list-filter-form{margin:0;padding:0;border:0;background:none}
#tournamentFiltersModal .list-filter-form .field{flex-basis:100%}
.cz-float-b{stroke:#d96cae;color:#d96cae;animation-duration:15s}
.cz-float-c{stroke:#54bea0;color:#54bea0;animation-duration:13s}
.cz-float-f{animation-duration:12s}


/* V6.2.2: one game identity color, independent of the card's availability/status. */
[data-game-theme]{--game-color:#afc5d9}
[data-game-theme="apex"]{--game-color:#e38282}
[data-game-theme="brawl"]{--game-color:#e9c25a}
[data-game-theme="cs2"]{--game-color:#e8a665}
[data-game-theme="fortnite"]{--game-color:#b49ae5}
[data-game-theme="pubg"]{--game-color:#d5ba78}
[data-game-theme="fc"]{--game-color:#94cf83}
[data-game-theme="nba"]{--game-color:#df91bd}
[data-game-theme="rocket"]{--game-color:#88b9ee}
[data-game-theme="valorant"]{--game-color:#ec8294}
[data-game-theme="lol"]{--game-color:#67c6ba}
.game-tab[data-game-theme]{border-color:var(--game-color)}
.game-tab[data-game-theme].active{box-shadow:inset 0 -2px var(--game-color)}
.game-title-color[data-game-theme]{color:var(--game-color)}
.game-badge[data-game-theme]{border-color:var(--game-color);background:#101e2c}
#playerCards .player-card{border-color:#399d76}
#playerCards .player-card.self{box-shadow:0 0 0 1px #399d7626,0 0 22px #399d7614}
#playerCards .player-card.offline{border-color:#c56b73;filter:none}
#clanCards .clan-card.recruiting-card{border-color:#399d76}
.section-cta.cta-ready{background:linear-gradient(120deg,#246b48,#137a76);border-color:#64bd93;color:#fff}
.section-cta.cta-create-clan{background:linear-gradient(120deg,#5144a7,#355ba5);border-color:#9b92da;color:#fff}
.section-cta:is(.cta-ready,.cta-create-clan):hover{filter:brightness(1.12);box-shadow:0 0 16px #9a79d526}
.rank-color{color:#b8c6d6}
.rank-color[data-rank-theme="iron"]{color:#aab2bd}
.rank-color[data-rank-theme="bronze"]{color:#d3a17d}
.rank-color[data-rank-theme="silver"]{color:#c7d5e4}
.rank-color[data-rank-theme="gold"]{color:#e8c56b}
.rank-color[data-rank-theme="platinum"]{color:#87d2cd}
.rank-color[data-rank-theme="diamond"]{color:#9fbaf2}
.rank-color[data-rank-theme="master"]{color:#c2a0e8}
.rank-color[data-rank-theme="emerald"]{color:#82cf9d}
.rank-color[data-rank-theme="elite"]{color:#e897a6}
.rank-color[data-rank-theme="legend"]{color:#eee0a0}
.record-win{color:#8bd8ae}.record-draw{color:#e8c56b}.record-loss{color:#eda0a7}

/* V6.2.4: shared home card frame and actions beside their own competition rail. */
#players .player-card,#clans .clan-card{border-top-width:3px}
#playerOpenChallengeCards .player-card,#clanOpenChallengeCards .clan-card{border-color:#399d76}
/* V6.2.5: titles left, existing action right on desktop and mobile. */
#competitions .competition-section-label,#players .challenge-section-head,#clans .challenge-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}
.competition-section-heading{display:flex;flex-direction:column;gap:4px;min-width:0}
.competition-section-actions{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.competition-section-actions .section-cta,#players .challenge-section-head .section-cta,#clans .challenge-section-head .section-cta{white-space:normal;text-align:center}
#players .challenge-section-head>div,#clans .challenge-section-head>div{min-width:0}
@media(max-width:760px){
 #competitions .competition-section-label,#players .challenge-section-head,#clans .challenge-section-head{grid-template-columns:minmax(0,1fr) minmax(112px,42%);gap:10px}
 .competition-section-actions .section-cta,#players .challenge-section-head .section-cta,#clans .challenge-section-head .section-cta{width:100%;min-width:0;min-height:44px;padding:10px 8px;font-size:12px;overflow-wrap:break-word}
}
@media(max-width:300px){
 #competitions .competition-section-label,#players .challenge-section-head,#clans .challenge-section-head{grid-template-columns:minmax(0,1fr)}
 .competition-section-actions{justify-content:flex-start}
}

/* V6.2.8: compact discovery headings beside their existing mobile actions. */
@media(max-width:760px){
 #players .challenge-section-head h2,#clans .challenge-section-head h2{font-size:18px}
}
#clans .challenge-section-head h2.online{color:#72f8c8}

/* V6.2.9: centered main home headings with concise mobile descriptions. */
.home-panel > .section-top > .section-heading{width:100%;text-align:center}
.home-panel > .section-top > .section-heading .home-description-mobile{display:none}
@media(max-width:760px){
 .home-panel > .section-top > .section-heading p{display:block;font-size:13px}
 .home-panel > .section-top > .section-heading .home-description-desktop{display:none}
 .home-panel > .section-top > .section-heading .home-description-mobile{display:inline}
}