.club-modal{width:min(980px,calc(100vw - 24px));max-width:980px;height:min(740px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:hidden;background:#101f21;display:none;grid-template-rows:auto auto auto minmax(0,1fr) auto;border:1px solid #38524d;border-radius:22px}
.club-modal[open]{display:grid}.club-modal::backdrop{background:#020b0cc9;backdrop-filter:blur(5px)}
.club-heading{padding:22px 28px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.club-heading h2{font-size:1.5rem;margin:0}.club-heading .modal-close{position:static}.club-heading .eyebrow{font-size:.75rem}
.club-summary{min-height:64px;margin:0 28px 16px;display:flex;gap:12px;align-items:center}.club-summary strong{display:block;font-size:1rem}.club-summary small{display:block;color:#a7bdb7;font-size:.875rem;margin-top:3px}.club-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#2a4640;color:#edc780;font-weight:700;flex-shrink:0}.coin-balance{margin-left:auto;color:#edc780;font-size:1.35rem;font-weight:700;text-align:right}.coin-balance small{font-weight:400}.club-guest{font-size:.875rem;color:#a7bdb7}
.club-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 28px 12px;border-bottom:1px solid #2b403c;flex-shrink:0}.club-tabs button,.item-categories button{border:1px solid transparent;border-radius:9px;background:transparent;color:#b6c9c3;font-family:inherit;font-weight:600;font-size:.875rem;min-height:40px;padding:9px 16px;white-space:nowrap}.club-tabs button.selected,.item-categories button.selected{background:#29483f;color:#f4ead1;border-color:#496459}
.club-content{overflow-y:auto;overscroll-behavior:contain;padding:22px 28px 26px;min-height:0}.club-content h3{font-size:1.4rem;line-height:1.25;margin:8px 0 12px;color:#f1eee3}.club-content p{font-size:1rem;line-height:1.5;color:#b3c7bf;margin:8px 0 18px}.club-content small{font-size:.875rem;line-height:1.4}.club-content .eyebrow{font-size:.75rem;color:#d8b77b}.club-footer{padding:12px 28px;border-top:1px solid #2b403c;display:flex;justify-content:center}.club-footer button{min-height:36px}
.club-button{font-family:inherit;font-weight:600;font-size:.9375rem;min-height:44px;padding:10px 17px;background:#e7bd77;color:#172522;border:1px solid #e7bd77;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2}.club-button:hover:not(:disabled){background:#f6cf8f}.club-button:disabled{opacity:.45;cursor:default}.club-content button:focus-visible,.club-tabs button:focus-visible{outline:2px solid #f3d38d;outline-offset:3px}
.club-welcome{max-width:550px;margin:16px auto;text-align:center}.club-welcome h3{font-family:Georgia,serif;font-size:2.4rem;font-weight:400;margin:12px 0 20px}.club-signin{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;margin:8px 0 16px;text-decoration:none}.club-muted{font-size:.875rem!important;color:#94afa4!important}.club-empty{padding:34px 8px;text-align:center;color:#afc4bd}
.club-play-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.club-card{border:1px solid #344a43;background:#14282a;border-radius:15px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.ranked-card{background:linear-gradient(135deg,#244b3d,#19362e);border-color:#4b6b52}.club-card>.club-button{width:100%;margin-top:auto}.club-card>small{display:block;color:#a8bfb1;margin-top:12px}.join-room{width:100%;margin-top:18px}.join-room label{display:block;font-size:.875rem;margin-bottom:8px;color:#b6c9c3}.join-room>div{display:flex;gap:8px}.join-room input{width:0;min-width:0;flex:1;letter-spacing:.1em;text-transform:uppercase}.join-room button{min-width:76px;padding:8px}.club-content input{background:#0b1b1d;color:#eff2e9;border:1px solid #3d5950;min-height:44px;border-radius:9px;padding:10px 12px;font-size:1rem}
.daily-mission{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #3c4e40;border-radius:12px;padding:16px 20px;margin:18px 0}.daily-mission strong{display:block;color:#e3e7da;font-size:1rem;margin-top:5px}.daily-mission>span{font-size:.875rem;color:#edc780;text-align:right}.club-waiting{text-align:center;max-width:630px;margin:20px auto}.room-code{display:block;font-variant-numeric:tabular-nums;font-size:2.5rem;letter-spacing:.14em;color:#f1d399;margin:24px 0}.club-waiting>.club-button{min-width:220px}.queue-progress{display:block;color:#ddc391;padding:20px;border:1px solid #405f4a;border-radius:12px;margin:24px 0}.club-alert{border:1px solid #b7785c;background:#482d2380;border-radius:10px;padding:12px 16px;color:#f5d0b7;font-size:.9375rem;line-height:1.5;margin-bottom:16px}.club-alert .club-button{margin:12px 6px 0}.club-notice{border-left:3px solid #b7c681;background:#243b2d;padding:10px 16px;color:#e1eac5!important;border-radius:4px}
.shop-intro{display:flex;gap:16px;align-items:center;justify-content:space-between}.shop-intro p{margin:0 0 14px}.shop-intro>span{font-size:.875rem;white-space:nowrap;color:#e1c490}.item-categories{display:flex;gap:6px;overflow-x:auto;margin-bottom:18px}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.item-card{padding:18px;border:1px solid #365049;background:#14282a;border-radius:13px;display:flex;flex-direction:column;gap:8px}.item-card.equipped{border-color:#ae975e}.item-swatch{height:56px;border-radius:8px;background:var(--swatch);border:1px solid #ffffff25}.item-type{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#a9c0b6}.item-card h3{font-size:1.08rem;margin:0}.item-card small{color:#afc3b7}.item-card .club-button{width:100%;margin-top:auto;font-size:.875rem;padding:10px 6px}
.ranking-intro{margin-bottom:18px}.ranking-intro p{margin-bottom:10px}.rank-position{font-size:.9375rem;color:#efd18e}.ranking-scroll{overflow-x:auto}.ranking-table{border-collapse:collapse;width:100%;font-size:.9375rem}.ranking-table th{text-align:left;font-size:.875rem;color:#9fbaae;font-weight:500;padding:12px 10px;border-bottom:1px solid #3b5148;white-space:nowrap}.ranking-table td{padding:14px 10px;border-bottom:1px solid #293e37}.ranking-table .is-you{background:#294631}.ranking-table td:nth-last-child(-n+2),.ranking-table th:nth-last-child(-n+2){text-align:right}.ranking-table small{color:#e6c680}.profile-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}.profile-grid h3{font-size:1.2rem}.profile-stats{display:flex;gap:20px;margin:24px 0}.profile-stats span{font-size:.875rem;color:#acc2b6}.profile-stats strong{display:block;color:#f0e8d6;font-size:1.6rem}.xp-label{font-size:.875rem;color:#bad0bf;display:block}.profile-grid progress{width:100%;height:8px;accent-color:#d9bb77;margin:12px 0 22px}.profile-grid .field{margin:0 0 14px}.match-history{list-style:none;padding:0;margin:0}.match-history li{display:flex;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #2c443a;font-size:.875rem}.match-history li>span:last-child{text-align:right;white-space:nowrap;color:#e2c891}.match-history small{display:block;margin-top:5px;color:#9bb5a8}.rewards-rules{margin-top:24px;border-top:1px solid #2f493e;padding-top:16px}.rewards-rules summary{cursor:pointer;color:#b2c7b8;font-size:.875rem}.rewards-rules p{font-size:.875rem;margin-top:12px}.reward-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0}.reward-strip span{padding:14px;background:#23422f;border-radius:12px;font-size:.875rem;color:#b8c8aa}.reward-strip strong{display:block;color:#ebcd8d;margin-top:6px}
.online-badge{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:9px;background:#0b191ace;border:1px solid #53705a88;border-radius:9px;padding:8px 12px;color:#dce8cf;font-size:.8125rem;pointer-events:none;backdrop-filter:blur(6px)}.online-badge[hidden]{display:none}.online-badge time{font-variant-numeric:tabular-nums;color:#eccd8b;font-weight:700}.online-badge button{pointer-events:auto;background:transparent;border:0;color:#f1d098;font:inherit;text-decoration:underline;cursor:pointer}.online-badge.connection-lost{border-color:#be8755}.online-badge.clock-warning time{color:#ffa68d}.club-trigger{color:#e7c890}.online-result-rewards{color:#eac782!important;font-size:.9375rem!important}
@media(max-width:700px){.club-modal{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);border-radius:16px}.club-heading{padding:16px 18px 8px}.club-heading h2{font-size:1.3rem}.club-summary{margin:0 18px 10px;min-height:56px}.club-tabs{padding:0 12px 10px;gap:2px}.club-tabs button{padding:8px 12px}.club-content{padding:18px}.club-footer{padding:8px 18px}.club-play-grid{grid-template-columns:1fr}.club-card{padding:20px}.club-card>h3{margin:6px 0 10px}.club-card>p{margin:0 0 14px}.club-card>.club-button{margin-top:4px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-card{padding:13px}.item-card h3{font-size:1rem}.profile-grid{grid-template-columns:1fr;gap:20px}.shop-intro{display:block}.shop-intro>span{display:block;margin:0 0 12px}.daily-mission{padding:14px;gap:12px}.club-welcome h3{font-size:2rem}.online-badge{padding:6px 9px;top:10px;right:8px;gap:6px;font-size:.75rem}.club-trigger{width:38px;min-width:38px}.ranking-table th,.ranking-table td{padding:11px 8px}.club-waiting{margin:8px auto}.room-code{font-size:2rem}}
@media(max-height:520px) and (min-width:701px){.club-heading{padding-top:12px;padding-bottom:5px}.club-summary{min-height:42px;margin-bottom:8px}.club-avatar{height:36px;width:36px}.club-tabs{padding-bottom:8px}.club-content{padding-top:16px}.club-footer{padding-top:6px;padding-bottom:6px}}
@media(prefers-reduced-motion:reduce){.club-modal::backdrop{backdrop-filter:none}}

.login-options{display:grid;gap:12px;text-align:left;margin:18px 0}.login-options .club-button{width:100%}.login-options .field{margin:12px 0}.login-options .text-button{width:100%;font-size:14px}.login-options+.club-signin{display:block;text-align:center;text-decoration:none}.account-access{margin:20px 0;padding:16px;border:1px solid #e4ba6655;border-radius:10px}.account-access p{font-size:14px;overflow-wrap:anywhere}.account-access .club-button{margin:5px 0;width:100%}

/* The online salon follows the same broadcast-style hierarchy as the match hub. */
.club-modal{border-color:#e4bf6b66;background:linear-gradient(135deg,#0f2426,#0b151a 62%,#16291e);box-shadow:0 34px 110px #000d,0 0 0 1px #ffffff08 inset}.club-modal::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f1c66e,#de785a 48%,#67c99d);z-index:2}.club-heading{position:relative;padding:27px 32px 14px;background:linear-gradient(112deg,#1e4140cc,#13282b9c 67%,#24362466);border-bottom:1px solid #ffffff12}.club-heading::after{content:'SALÃO';position:absolute;right:62px;bottom:-18px;font:900 72px/1 Manrope,sans-serif;letter-spacing:-5px;color:#ffffff08;pointer-events:none}.club-heading h2{position:relative;font:800 2rem/1 Manrope,sans-serif;letter-spacing:-1px;text-transform:uppercase}.club-heading>div{position:relative}.club-heading .modal-close{z-index:3;border:1px solid #ffffff19;border-radius:9px;background:#07131577}.club-summary{position:relative;min-height:72px;margin:0;padding:15px 32px;background:#0a1719be;border-bottom:1px solid #ffffff0d}.club-avatar{width:48px;height:48px;border:1px solid #edc77588;background:linear-gradient(145deg,#3c6657,#173b38);box-shadow:inset 0 1px #ffffff20;color:#ffe0a0}.coin-balance{padding:6px 0 6px 18px;border-left:1px solid #ffffff17;font:800 1.35rem/1 Manrope,sans-serif}.coin-balance small{margin-top:3px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.club-tabs{gap:0;padding:0 24px;background:#0a161a;border-bottom:1px solid #ffffff14}.club-tabs button{position:relative;min-height:50px;border:0;border-radius:0;padding:12px 18px;color:#9db7ae;font-size:.78rem;letter-spacing:.035em;text-transform:uppercase}.club-tabs button::after{content:'';position:absolute;right:16px;bottom:0;left:16px;height:3px;background:transparent}.club-tabs button.selected{border:0;background:transparent;color:#f5e7c8}.club-tabs button.selected::after{background:linear-gradient(90deg,#efc977,#70cea7);box-shadow:0 -2px 12px #efc97755}.club-content{padding:26px 32px 30px;background:radial-gradient(circle at 90% 0,#39604c22,transparent 30%)}.club-content h3{font:800 1.55rem/1.15 Manrope,sans-serif;letter-spacing:-.6px;text-transform:uppercase}.club-content .eyebrow{letter-spacing:.12em}.club-footer{min-height:56px;padding:10px 28px;border-top-color:#ffffff13;background:#071214}.club-footer button{color:#c5d8cf}.club-button{border-radius:8px;background:linear-gradient(#f4d18e,#dba65d);border-color:#f4d18e;color:#2d2114;box-shadow:0 3px 0 #8f6231,0 7px 18px #0004;text-transform:uppercase;letter-spacing:.035em;font-size:.78rem}.club-button:hover:not(:disabled){background:linear-gradient(#ffe0a1,#e8b566);transform:translateY(-1px)}
.club-play-grid{gap:14px}.club-card{position:relative;min-height:230px;overflow:hidden;border-color:#ffffff17;border-radius:13px;background:linear-gradient(135deg,#193438,#102226)}.club-card::after{content:'';position:absolute;right:-40px;bottom:-50px;width:165px;height:165px;border:22px solid #ffffff08;border-radius:50%;pointer-events:none}.ranked-card{background:linear-gradient(135deg,#38492b,#203827 68%,#142920);border-color:#d8b66d66}.club-card h3{position:relative;font-size:1.22rem}.club-card>small,.club-card>p,.club-card>.club-button{position:relative;z-index:1}.daily-mission{border-color:#e0bd6a55;border-left:4px solid #e5bd6a;background:linear-gradient(90deg,#553f2452,#1d332952)}.item-categories{padding-bottom:4px}.item-categories button{border-radius:7px}.item-categories button.selected{background:#c99d57;color:#17251f;border-color:#edcf8e}.item-grid{gap:12px}.item-card{position:relative;overflow:hidden;border-color:#ffffff14;border-radius:11px;background:linear-gradient(145deg,#183136,#102025)}.item-card.equipped{border-color:#e6bc6d;box-shadow:inset 0 0 0 1px #e6bc6d33}.item-swatch{height:68px;border-radius:8px;box-shadow:inset 0 1px #ffffff32}.ranking-table th{border-bottom-color:#ffffff1c;color:#a8c1b6;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.ranking-table td{border-bottom-color:#ffffff12}.ranking-table .is-you{background:#ecc67515;box-shadow:inset 3px 0 #e8c16e}.profile-stats strong{font-family:Manrope,sans-serif;color:#f6d38f}.reward-strip span{border:1px solid #e3bd6c44;background:#2a4837}.club-alert{border-left:4px solid #d87b5d}.club-notice{border-left-color:#e6c36e}
@media(max-width:700px){.club-heading{padding:20px 58px 11px 18px}.club-heading h2{font-size:1.48rem}.club-heading::after{right:42px;font-size:52px}.club-summary{min-height:62px;padding:10px 18px}.coin-balance{font-size:1.1rem}.club-tabs{padding:0 8px}.club-tabs button{min-height:46px;padding:10px 11px;font-size:.67rem}.club-tabs button::after{right:9px;left:9px}.club-content{padding:20px 18px 22px}.club-content h3{font-size:1.3rem}.club-card{min-height:0;border-radius:11px}.club-card::after{width:115px;height:115px}.club-footer{min-height:48px;padding:6px 18px}.item-swatch{height:58px}}