:root{
 --bg:#070710;--bg2:#0c0712;--panel:#0d1420;--panel2:#111e2c;--text:#fff8fb;--muted:#a8b5c8;
 --pink:#00A699;--pink2:#00897F;--orange:#00C2B2;--green:#26e178;--danger:#ff526d;--border:rgba(0,166,153,.45);
 --glow:0 0 18px rgba(0,166,153,.22);--radius:14px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:
 radial-gradient(circle at 15% 10%,rgba(255,0,119,.12),transparent 27%),
 radial-gradient(circle at 87% 76%,rgba(255,91,0,.09),transparent 25%),
 linear-gradient(160deg,#05050b,#0b0711 50%,#070711);color:var(--text);min-height:100vh}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.wrap{max-width:1560px;margin:auto;padding:24px}.tv-wrap{max-width:none}.grid{display:grid;gap:16px}

/* Shared Paddle Mafia brand language */
.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:4px 0 14px;border-bottom:1px solid rgba(255,255,255,.06)}.brand h1{margin:4px 0 2px;font-size:31px;letter-spacing:-.8px;text-transform:uppercase;font-style:italic}.brand h1::first-letter{color:var(--pink)}.brand p{margin:5px 0 0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:900;color:var(--pink);text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pill{padding:9px 13px;border:1px solid rgba(0,166,153,.3);border-radius:999px;background:rgba(0,166,153,.07);color:#f6d9e9}.card{background:linear-gradient(180deg,rgba(15,22,33,.98),rgba(7,13,22,.98));border:1px solid rgba(0,166,153,.28);border-radius:var(--radius);padding:18px;box-shadow:var(--glow)}.court-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.court-head h2,.court-head h3{margin:3px 0 0}.muted{color:var(--muted)}
.status{font-size:10px;font-weight:900;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:1px solid transparent}.status.available{background:rgba(38,225,120,.09);color:#72f5aa;border-color:rgba(38,225,120,.35)}.status.called{background:rgba(0,194,178,.1);color:#ff9b52;border-color:rgba(0,194,178,.35)}.status.playing{background:rgba(38,225,120,.1);color:#72f5aa;border-color:rgba(38,225,120,.35)}.status.maintenance{background:rgba(255,82,109,.1);color:#ff92a5;border-color:rgba(255,82,109,.35)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:11px 14px;font-weight:900;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.35px;transition:.18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-primary{background:linear-gradient(135deg,var(--pink),#007B72);color:#fff;box-shadow:0 0 15px rgba(0,166,153,.2)}.btn-blue{background:linear-gradient(135deg,var(--orange),#e14200);color:#fff}.btn-danger{background:rgba(255,82,109,.11);color:#ff91a2;border:1px solid rgba(255,82,109,.3)}.btn-ghost{background:rgba(255,255,255,.02);color:var(--text);border:1px solid rgba(255,255,255,.14)}.btn-block{width:100%}.btn-small{padding:7px 10px;font-size:10px}
input,select{width:100%;padding:12px;border-radius:9px;border:1px solid rgba(0,166,153,.24);background:#09111d;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(0,166,153,.09)}label{font-size:11px;color:#d4bfd0;display:block;margin:0 0 6px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.notice{margin:0 0 17px;padding:13px 15px;border:1px solid rgba(0,166,153,.25);border-radius:10px;background:rgba(0,166,153,.06)}.notice.success{background:rgba(38,225,120,.07);color:#a9f6ca;border-color:rgba(38,225,120,.25)}.notice.danger{background:rgba(255,82,109,.08);color:#ffc0c9;border-color:rgba(255,82,109,.28)}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.table th{color:#66CFC6;font-size:10px;text-transform:uppercase;letter-spacing:.75px}.table tbody tr:hover{background:rgba(0,166,153,.035)}.table-wrap{overflow:auto}.rack-no{font-weight:900;color:var(--pink)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px;position:relative;overflow:hidden}.login-shell:before,.login-shell:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}.login-shell:before{background:var(--pink);left:-120px;top:-120px}.login-shell:after{background:var(--orange);right:-130px;bottom:-130px}.login-card{width:min(460px,100%);position:relative;z-index:1;border-color:rgba(0,166,153,.5);padding:26px}.login-card:before{content:"PICKLEBALL QUEUE";display:block;font-weight:1000;font-style:italic;letter-spacing:-1px;font-size:25px;background:linear-gradient(90deg,#fff 0 52%,var(--pink) 52%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:20px}.login-card h1{margin:2px 0 6px;text-transform:uppercase;font-style:italic}.center{text-align:center}
.workflow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;color:var(--muted);font-size:12px}.workflow span{padding:9px 12px;background:rgba(0,166,153,.045);border:1px solid rgba(0,166,153,.18);border-radius:999px}.workflow b{color:var(--orange);margin-right:4px}.admin-courts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.admin-courts .card{min-height:270px;position:relative;overflow:hidden}.admin-courts .card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--pink),var(--orange),transparent)}.teams,.mini-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.teams>div,.mini-teams>div{padding:12px;background:var(--panel2);border:1px solid rgba(255,255,255,.06);border-radius:10px;display:grid;gap:5px}.teams span,.mini-teams span{font-size:9px;color:#70D5CC;font-weight:900}.teams b{font-size:15px}.mini-teams b{font-size:13px}.court-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.court-actions form{display:flex;gap:8px;flex-wrap:wrap;width:100%}.finish-form select{flex:1;min-width:150px}.finish-form .btn{flex:1}.mode-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.mode-form label{grid-column:1/-1}.rack-card,.rule-guide,.manual-card{margin-top:18px}.manual-card{border-color:rgba(0,194,178,.38)}.manual-form{margin-top:16px}.team-picker{display:grid;grid-template-columns:1fr 70px 1fr;gap:14px;align-items:stretch}.team-box{background:var(--panel2);border:1px solid rgba(0,166,153,.2);border-radius:12px;padding:16px}.team-box label{margin-top:12px}.versus{display:grid;place-items:center;font-size:18px;font-weight:1000;color:var(--orange)}.manual-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.manual-actions .btn{min-width:190px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-grid>div{padding:14px;background:var(--panel2);border-radius:11px;border-top:2px solid var(--pink)}.guide-grid p{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:0}.empty-state{padding:30px;text-align:center;color:var(--muted)}

/* LIVE BOARD: exact composition inspired by the approved mockup */
.live-board-body{overflow-x:hidden;background:#05050a}.live-board-shell{min-height:100vh;padding:8px 18px 14px;position:relative;overflow:hidden;background:
 linear-gradient(rgba(5,5,10,.73),rgba(5,5,10,.78)),
 radial-gradient(circle at 50% 100%,rgba(196,0,111,.30),transparent 35%),
 linear-gradient(135deg,#090713,#03050b 55%,#10050d)}.live-board-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(165deg,transparent 0 120px,rgba(0,166,153,.035) 121px 122px);opacity:.55}.mafia-live-header{height:120px;display:grid;grid-template-columns:minmax(0,1fr) auto 205px;align-items:center;gap:28px;position:relative;z-index:1;border-bottom:1px solid rgba(0,166,153,.14)}.mafia-brandmark{display:flex;align-items:center;gap:20px;min-width:0}.brand-ball{width:75px;height:75px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 35% 28%,#ffb329,#ff7400 45%,#d83b00 78%);box-shadow:0 0 24px rgba(0,194,178,.35);position:relative;border:2px solid rgba(255,180,40,.45)}.brand-ball i{position:absolute;width:8px;height:8px;border-radius:50%;background:#3c1410;box-shadow:inset 1px 1px 1px #000}.brand-ball i:nth-child(1){left:23px;top:16px}.brand-ball i:nth-child(2){right:18px;top:24px}.brand-ball i:nth-child(3){left:16px;top:40px}.brand-ball i:nth-child(4){right:24px;bottom:13px}.brand-ball i:nth-child(5){left:35px;bottom:29px}.brand-copy{min-width:0}.brand-name{font-weight:1000;font-size:clamp(32px,4.3vw,64px);line-height:.85;letter-spacing:-3px;font-style:italic;white-space:nowrap}.brand-name span{color:#f3f5f8;text-shadow:0 2px 0 #6e7380}.brand-name strong{color:var(--pink);text-shadow:0 0 18px rgba(0,166,153,.28)}.brand-sub{display:flex;align-items:center;gap:10px;margin-top:11px;color:var(--orange);font-weight:1000;letter-spacing:6px;font-size:clamp(11px,1.3vw,20px);white-space:nowrap}.brand-sub b{display:block;width:42px;height:4px;background:var(--orange);transform:skewX(-35deg)}.mafia-slogan{font-weight:900;font-style:italic;letter-spacing:3px;font-size:18px;line-height:1.25;text-align:right;border-right:1px solid rgba(0,166,153,.45);padding-right:28px}.mafia-slogan strong{color:var(--orange)}.live-clock{text-align:right;text-transform:uppercase}.live-clock span{display:block;font-size:15px;font-weight:900;color:#d9e4ee}.live-clock strong{font-size:33px;line-height:1.05}.live-court-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:13px;position:relative;z-index:1}.live-court-card{min-width:0;height:525px;border:1px solid var(--pink);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(6,13,23,.97),rgba(4,8,15,.98));box-shadow:0 0 18px rgba(0,166,153,.17);position:relative}.live-court-card:after{content:"";position:absolute;right:-45px;top:-22px;width:150px;height:68px;background:repeating-linear-gradient(-25deg,transparent 0 8px,rgba(7,7,12,.95) 9px 13px);transform:rotate(-5deg);opacity:.7}.live-court-title{height:62px;padding:12px 20px;display:flex;align-items:center;background:linear-gradient(105deg,#00A699 0,#008A80 62%,#00B9AA 100%);position:relative;overflow:hidden;border-bottom:1px solid var(--orange)}.live-court-title:before{content:"";position:absolute;right:-28px;top:-20px;width:135px;height:95px;background:repeating-linear-gradient(-20deg,transparent 0 9px,rgba(9,8,15,.7) 10px 16px)}.live-court-title h2{margin:0;font-size:25px;font-style:italic;text-transform:uppercase;letter-spacing:-.5px;position:relative;z-index:1}.live-court-content{padding:16px 18px 14px;position:relative}.live-status{margin-left:auto;width:max-content;display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid rgba(38,225,120,.7);font-size:10px;font-weight:900;color:#f3fff7;background:rgba(0,91,47,.35)}.live-status i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.live-status.called{border-color:rgba(0,194,178,.8);background:rgba(99,42,0,.35)}.live-status.called i{background:var(--orange);box-shadow:0 0 9px var(--orange)}.live-status.available{border-color:rgba(0,166,153,.45);background:rgba(0,166,153,.08)}.live-status.available i{background:var(--pink);box-shadow:0 0 9px var(--pink)}.live-status.maintenance{border-color:rgba(255,82,109,.5);background:rgba(255,82,109,.08)}.live-status.maintenance i{background:var(--danger)}.live-team-label{font-size:13px;font-weight:1000;color:#bbcad8;margin:14px 0 8px}.live-player{height:52px;border-radius:9px;background:linear-gradient(90deg,#132538,#0b1724);border:1px solid rgba(255,255,255,.045);display:flex;align-items:center;gap:13px;padding:0 13px;margin-bottom:8px}.live-player .player-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#bf0067,#ff147f);color:#fff;font-size:9px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.live-player b{font-size:17px}.live-player.empty{opacity:.38}.live-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;margin:14px 0 7px}.live-vs span{height:2px;background:linear-gradient(90deg,var(--orange),rgba(0,194,178,.2))}.live-vs span:last-child{transform:scaleX(-1)}.live-vs b{color:var(--orange);font-size:20px}.game-timer{margin-top:17px;display:flex;align-items:center;justify-content:center;gap:10px}.timer-icon{font-size:33px;color:var(--orange);font-weight:900}.game-timer small{display:block;color:#b8c8d5;font-size:9px;font-weight:900;letter-spacing:.5px}.game-timer strong{display:block;font-size:27px;line-height:1}.live-empty-court{height:355px;display:grid;place-content:center;text-align:center;gap:8px;color:#c5d0dc}.live-empty-court span{font-size:28px;font-weight:1000;font-style:italic;color:var(--pink)}.live-empty-court strong{font-size:13px;color:var(--muted)}
.up-next-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;position:relative;z-index:1}.up-next-panel{min-height:155px;border:1px solid var(--pink);box-shadow:0 0 16px rgba(0,166,153,.16);border-radius:12px;background:linear-gradient(115deg,rgba(7,10,18,.98),rgba(10,18,27,.97));display:grid;grid-template-columns:245px 1fr;gap:14px;padding:13px 14px;overflow:hidden;position:relative}.up-next-panel:before{content:"";position:absolute;left:-30px;bottom:-48px;width:180px;height:110px;background:repeating-linear-gradient(-22deg,var(--pink) 0 4px,transparent 5px 11px);opacity:.15;transform:rotate(5deg)}.up-next-panel.second{border-color:var(--orange);box-shadow:0 0 16px rgba(0,194,178,.12)}.upnext-label{padding:4px 12px;display:grid;grid-template-columns:auto auto;align-content:center;justify-content:start;column-gap:8px;border-right:1px solid rgba(0,166,153,.35)}.upnext-label span{font-size:25px;font-weight:1000;font-style:italic}.upnext-label strong{font-size:39px;line-height:.8;color:var(--pink);font-style:italic}.second .upnext-label strong{color:var(--orange)}.upnext-label small{grid-column:1/-1;margin-top:10px;color:#d5edf2;font-size:13px;font-weight:700}.upnext-list{display:grid;gap:5px;align-content:center}.compact-next-row{height:28px;border-radius:7px;background:linear-gradient(90deg,#15283b,#0b1723);display:grid;grid-template-columns:31px 1fr;align-items:center;gap:8px;padding:0 9px;border-left:2px solid var(--pink)}.second .compact-next-row{border-left-color:var(--orange)}.compact-next-row span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#008B81,#00B9AA);font-size:10px;font-weight:1000}.second .compact-next-row span{background:linear-gradient(145deg,#007A70,#00C2B2)}.compact-next-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-next-row.empty{opacity:.34}.mafia-live-footer{height:120px;margin-top:14px;position:relative;z-index:1;border-top:1px solid rgba(0,166,153,.22);background:linear-gradient(180deg,rgba(0,166,153,.035),rgba(3,6,12,.2));display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding:0 25px 14px;overflow:hidden}.mafia-live-footer:before{content:"";position:absolute;left:0;right:0;bottom:38px;height:2px;background:linear-gradient(90deg,transparent,var(--pink),var(--orange),var(--pink),transparent);opacity:.35;box-shadow:0 -22px 40px rgba(0,166,153,.5)}.court-art{position:absolute;left:30px;bottom:-50px;width:190px;height:120px;border:10px solid rgba(0,166,153,.13);border-radius:55% 20% 55% 20%;transform:rotate(-14deg)}.footer-copy{grid-column:2;color:#e0e6ee;font-size:9px;font-weight:900;letter-spacing:5px;position:relative;z-index:2;white-space:nowrap}.footer-copy i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--pink);margin:0 10px}.footer-message{position:absolute;right:24px;bottom:28px;transform:rotate(-4deg);font-style:italic;font-weight:1000;text-align:right}.footer-message span,.footer-message strong{display:block;font-size:18px;line-height:1}.footer-message span{color:var(--pink)}.footer-message strong{color:var(--orange)}.live-quick-links{position:absolute;left:24px;bottom:15px;display:flex;gap:12px;z-index:3}.live-quick-links a{font-size:8px;color:#96a3b0;letter-spacing:1px}.live-quick-links a:hover{color:#fff}

@media(max-width:1100px){.mafia-live-header{grid-template-columns:1fr auto;height:auto;min-height:105px}.mafia-slogan{display:none}.live-court-grid{grid-template-columns:repeat(2,1fr)}.live-court-card{height:500px}.up-next-panel{grid-template-columns:180px 1fr}.brand-name{font-size:42px}.brand-sub{font-size:13px}.mafia-live-footer{height:90px}.footer-message{display:none}}
@media(max-width:760px){.wrap{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.guide-grid,.team-picker{grid-template-columns:1fr}.versus{min-height:24px}.manual-actions{align-items:stretch;flex-direction:column}.manual-actions .btn{width:100%}.mode-form{grid-template-columns:1fr}.table{min-width:680px}.live-board-shell{padding:8px 10px}.mafia-live-header{grid-template-columns:1fr auto;gap:8px}.brand-ball{width:46px;height:46px}.mafia-brandmark{gap:10px}.brand-name{font-size:27px;letter-spacing:-1.5px}.brand-sub{font-size:8px;letter-spacing:3px;margin-top:7px}.brand-sub b{width:20px;height:2px}.live-clock span{font-size:10px}.live-clock strong{font-size:20px}.live-court-grid{grid-template-columns:1fr 1fr;gap:8px}.live-court-card{height:400px}.live-court-title{height:46px;padding:9px 11px}.live-court-title h2{font-size:18px}.live-court-content{padding:9px}.live-player{height:37px;padding:0 7px;gap:7px}.live-player .player-icon{width:24px;height:24px}.live-player b{font-size:12px}.live-team-label{font-size:9px;margin:9px 0 5px}.live-vs{margin:7px 0 3px}.live-vs b{font-size:14px}.game-timer{margin-top:10px}.timer-icon{font-size:23px}.game-timer strong{font-size:19px}.up-next-strip{grid-template-columns:1fr;gap:8px}.up-next-panel{grid-template-columns:125px 1fr;min-height:130px;padding:9px}.upnext-label span{font-size:17px}.upnext-label strong{font-size:28px}.upnext-label small{font-size:9px}.compact-next-row{height:25px}.mafia-live-footer{height:65px}.court-art,.footer-copy{display:none}.live-quick-links{left:12px;bottom:10px}}

/* Final responsive Paddle Mafia live-board composition: matches the approved visual without locking the screen to 4:3. */
.live-board-body{margin:0;min-height:100vh;background:#03040a;overflow-x:hidden}
.live-board-shell{width:100%;min-height:100vh;box-sizing:border-box;padding:clamp(8px,1vw,18px) clamp(10px,1.55vw,26px) clamp(10px,1vw,18px);background:radial-gradient(circle at 8% 74%,rgba(255,0,116,.24),transparent 25%),radial-gradient(circle at 78% 92%,rgba(255,83,0,.10),transparent 27%),linear-gradient(135deg,#090611 0%,#02050b 52%,#0b0310 100%)}
.mafia-live-header{height:auto;min-height:clamp(86px,9.2vw,138px);grid-template-columns:minmax(0,1fr) minmax(190px,25vw) minmax(145px,13vw);gap:clamp(14px,2vw,34px);padding:0 clamp(4px,.5vw,10px);border-bottom:0}
.mafia-brandmark{gap:clamp(10px,1.5vw,22px)}
.brand-ball{width:clamp(55px,6.3vw,94px);height:clamp(55px,6.3vw,94px)}
.brand-name{font-size:clamp(35px,4.65vw,72px);letter-spacing:clamp(-4px,-.2vw,-2px)}
.brand-sub{font-size:clamp(10px,1.3vw,20px);letter-spacing:clamp(3px,.45vw,7px);margin-top:clamp(6px,.7vw,12px)}
.mafia-slogan{font-size:clamp(13px,1.45vw,22px);padding-right:clamp(15px,2vw,30px)}
.live-clock span{font-size:clamp(11px,1.15vw,17px)}.live-clock strong{font-size:clamp(25px,2.9vw,44px)}
.live-court-grid{gap:clamp(9px,1.25vw,20px);margin-top:clamp(6px,.7vw,12px)}
.live-court-card{height:auto;min-height:clamp(420px,38vw,590px);border-radius:clamp(8px,.8vw,13px)}
.live-court-title{height:clamp(48px,4.5vw,68px);padding:clamp(9px,.9vw,14px) clamp(12px,1.3vw,21px)}
.live-court-title h2{font-size:clamp(18px,1.8vw,28px)}
.live-court-content{padding:clamp(10px,1.15vw,18px)}
.live-status{padding:clamp(4px,.45vw,7px) clamp(8px,.8vw,13px);font-size:clamp(8px,.72vw,11px)}
.live-team-label{font-size:clamp(10px,.95vw,14px);margin:clamp(8px,.9vw,14px) 0 clamp(5px,.55vw,8px)}
.live-player{height:clamp(39px,3.7vw,55px);margin-bottom:clamp(5px,.55vw,8px);border-radius:clamp(6px,.55vw,9px);gap:clamp(7px,.8vw,13px);padding:0 clamp(8px,.85vw,13px)}
.live-player .player-icon{width:clamp(25px,2.35vw,35px);height:clamp(25px,2.35vw,35px)}.live-player b{font-size:clamp(12px,1.25vw,19px)}
.live-vs{margin:clamp(8px,.9vw,14px) 0 clamp(4px,.45vw,7px)}.live-vs b{font-size:clamp(15px,1.45vw,22px)}
.game-timer{margin-top:clamp(9px,1.1vw,17px)}.timer-icon{font-size:clamp(24px,2.4vw,36px)}.game-timer small{font-size:clamp(8px,.7vw,10px)}.game-timer strong{font-size:clamp(20px,2vw,30px)}
.up-next-strip{gap:clamp(9px,1vw,15px);margin-top:clamp(9px,1vw,16px)}
.up-next-panel{min-height:clamp(132px,12.3vw,185px);grid-template-columns:minmax(150px,18vw) 1fr;gap:clamp(8px,1vw,15px);padding:clamp(9px,.9vw,14px);border-radius:clamp(8px,.8vw,13px)}
.upnext-label{padding:clamp(3px,.4vw,6px) clamp(7px,.8vw,13px)}.upnext-label span{font-size:clamp(18px,1.75vw,27px)}.upnext-label strong{font-size:clamp(29px,2.8vw,42px)}.upnext-label small{font-size:clamp(9px,.9vw,14px)}
.compact-next-row{height:clamp(24px,2.15vw,32px);grid-template-columns:clamp(25px,2.1vw,32px) 1fr;padding:0 clamp(6px,.6vw,10px)}.compact-next-row span{width:clamp(19px,1.65vw,24px);height:clamp(19px,1.65vw,24px);font-size:clamp(9px,.7vw,11px)}.compact-next-row b{font-size:clamp(10px,.9vw,14px)}
.mafia-live-footer{height:clamp(90px,10vw,150px);margin-top:clamp(8px,.9vw,14px);padding-bottom:clamp(10px,1vw,15px);background:linear-gradient(180deg,rgba(0,166,153,.03),rgba(2,4,10,.08))}
.court-art{width:clamp(140px,14vw,210px);height:clamp(88px,8vw,125px)}.footer-copy{font-size:clamp(7px,.65vw,10px);letter-spacing:clamp(3px,.32vw,5px)}.footer-message span,.footer-message strong{font-size:clamp(14px,1.35vw,20px)}
.live-quick-links{opacity:.55}
@media(max-width:1050px){.mafia-live-header{grid-template-columns:minmax(0,1fr) auto}.mafia-slogan{display:none}.live-court-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-court-card{min-height:450px}.up-next-panel{grid-template-columns:minmax(135px,25vw) 1fr}}
@media(max-width:620px){.live-board-shell{padding:7px}.brand-ball{display:none}.brand-name{font-size:clamp(25px,8vw,38px)}.brand-sub{font-size:8px}.mafia-live-header{min-height:70px}.live-court-grid{grid-template-columns:1fr}.live-court-card{min-height:420px}.up-next-strip{grid-template-columns:1fr}.up-next-panel{grid-template-columns:120px 1fr}.mafia-live-footer{height:62px}.footer-message,.court-art,.footer-copy{display:none}}

/* Staff Control Center - court cards, global Up Next batches, waiting rack */
.staff-control-body{background:radial-gradient(circle at 12% 18%,rgba(0,166,153,.12),transparent 25%),radial-gradient(circle at 92% 72%,rgba(0,194,178,.07),transparent 24%),linear-gradient(160deg,#05050b,#08050e 58%,#12070a)}
.staff-control-wrap{max-width:1600px;padding:20px clamp(16px,2.2vw,34px) 34px}
.staff-topbar{margin-bottom:16px}.staff-topbar .brand h1{font-size:clamp(27px,2.6vw,42px);font-style:italic;letter-spacing:-1.5px}.staff-topbar .brand h1::first-letter{color:inherit}.staff-topbar .brand h1{background:linear-gradient(90deg,#f5f6fb 0 43%,var(--pink) 43% 57%,#f5f6fb 57%);-webkit-background-clip:text;background-clip:text;color:transparent}
.staff-workflow{margin:0 0 16px}
.staff-court-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.staff-court-card{min-width:0;overflow:hidden;border:1px solid rgba(0,166,153,.68);border-radius:13px;background:linear-gradient(180deg,#07111d,#050a13);box-shadow:0 0 18px rgba(0,166,153,.12);position:relative}
.staff-court-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--pink),var(--orange),transparent 88%)}
.staff-court-title{min-height:65px;padding:13px 16px 9px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:linear-gradient(110deg,rgba(0,166,153,.09),transparent 62%)}
.staff-court-title h2{margin:3px 0 0;font-size:clamp(19px,1.55vw,25px)}.staff-rule{font-size:10px;font-weight:1000;color:var(--pink);letter-spacing:1px}
.staff-court-content{padding:10px 16px 15px;display:flex;flex-direction:column;min-height:430px}
.staff-team-label{font-size:10px;font-weight:1000;color:#70D5CC;margin:5px 0 5px;letter-spacing:.7px}
.staff-player-row{height:44px;border-radius:8px;background:linear-gradient(90deg,#14263a,#0b1724);display:flex;align-items:center;gap:10px;padding:0 11px;margin-bottom:6px;border:1px solid rgba(255,255,255,.035)}
.staff-player-row b{font-size:15px}.staff-player-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;background:linear-gradient(145deg,#a6005a,#ff1689);box-shadow:0 0 10px rgba(0,166,153,.22)}
.staff-vs{height:31px;display:grid;grid-template-columns:1fr auto 1fr;gap:11px;align-items:center;color:var(--orange);font-weight:1000;margin:3px 0}.staff-vs i{height:2px;background:linear-gradient(90deg,var(--orange),transparent)}.staff-vs i:last-child{transform:scaleX(-1)}
.staff-empty-court{flex:1;display:grid;place-content:center;text-align:center;gap:6px;min-height:230px;color:var(--muted)}.staff-empty-court strong{font-size:22px;font-style:italic;color:var(--pink)}.staff-empty-court span{font-size:12px}
.staff-game-time{display:flex;justify-content:center;align-items:center;gap:10px;margin:11px 0 9px}.staff-timer-icon{color:var(--orange);font-size:28px}.staff-game-time small{display:block;font-size:8px;color:#c5dce6;font-weight:900;letter-spacing:.6px}.staff-game-time strong{display:block;font-size:24px;line-height:1}.staff-ondeck{margin:11px 0 9px;text-align:center;font-size:10px;font-weight:1000;letter-spacing:1px;color:#ffb477}
.staff-court-actions{margin-top:auto}.staff-action-row,.staff-finish-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-action-row .btn,.staff-finish-form .btn{width:100%}.staff-action-row-three{grid-template-columns:repeat(3,1fr)}.staff-action-row-three .btn:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}.secondary-actions{grid-template-columns:1fr;margin-top:8px}.staff-finish-form select{min-width:0;padding:10px}.staff-mode-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.06)}.staff-mode-form select{padding:9px}
.staff-upnext-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 190px;gap:12px;margin-top:15px;align-items:stretch}
.staff-upnext-card{min-height:170px;border:1px solid var(--pink);border-radius:12px;background:linear-gradient(120deg,#070a12,#0b1622);box-shadow:0 0 15px rgba(0,166,153,.15);padding:12px;display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:12px;position:relative;overflow:hidden}.staff-upnext-card.second{border-color:var(--orange);box-shadow:0 0 15px rgba(0,194,178,.12)}
.staff-upnext-card:before{content:"";position:absolute;left:-30px;bottom:-38px;width:160px;height:85px;background:repeating-linear-gradient(-20deg,var(--pink) 0 4px,transparent 5px 11px);opacity:.16}.staff-upnext-card.second:before{background:repeating-linear-gradient(-20deg,var(--orange) 0 4px,transparent 5px 11px)}
.staff-upnext-label{display:grid;grid-template-columns:auto auto;align-content:center;justify-content:start;column-gap:7px;border-right:1px solid rgba(0,166,153,.28);padding:2px 10px;position:relative;z-index:1}.staff-upnext-label span{font-size:22px;font-weight:1000;font-style:italic}.staff-upnext-label strong{font-size:36px;color:var(--pink);line-height:.8;font-style:italic}.staff-upnext-card.second .staff-upnext-label strong{color:var(--orange)}.staff-upnext-label small{grid-column:1/-1;margin-top:9px;color:#d8eef4;font-size:11px;font-weight:800}.staff-upnext-label em{grid-column:1/-1;margin-top:5px;font-size:9px;color:var(--muted);font-style:normal}
.staff-upnext-list{display:grid;gap:5px;align-content:center;position:relative;z-index:1}.staff-next-row{height:29px;border-radius:7px;background:linear-gradient(90deg,#14263a,#0b1723);display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:0 9px;border-left:2px solid var(--pink)}.staff-upnext-card.second .staff-next-row{border-left-color:var(--orange)}.staff-next-row span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#008B81,#00B9AA);font-size:10px;font-weight:1000}.staff-upnext-card.second .staff-next-row span{background:linear-gradient(145deg,#007A70,#00C2B2)}.staff-next-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-next-row.empty{opacity:.38}.staff-clear-next{position:absolute;left:12px;bottom:10px;z-index:2}
.staff-add-batch{min-height:170px;border:1px dashed rgba(0,166,153,.62);border-radius:12px;background:linear-gradient(180deg,rgba(0,166,153,.035),rgba(6,10,17,.96));display:grid;place-content:center;text-align:center;gap:5px;color:#00A699;transition:.18s ease}.staff-add-batch span{font-size:53px;line-height:.7;font-weight:300}.staff-add-batch strong{font-size:15px;line-height:1.15}.staff-add-batch small{font-size:9px;color:var(--muted)}.staff-add-batch:hover{transform:translateY(-2px);border-color:var(--orange);color:var(--orange);box-shadow:0 0 16px rgba(0,166,153,.12)}.staff-add-batch.disabled{opacity:.35;pointer-events:none}
.staff-global-next{margin-top:15px}.staff-waiting-card{margin-top:15px;border-color:rgba(0,166,153,.48)}.staff-waiting-card h2{font-size:23px}.staff-waiting-card .table th,.staff-waiting-card .table td{padding:12px 10px}
@media(max-width:1180px){.staff-court-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-upnext-row{grid-template-columns:1fr 1fr}.staff-add-batch{grid-column:1/-1;min-height:110px}.staff-court-content{min-height:400px}}
@media(max-width:720px){.staff-control-wrap{padding:14px}.staff-topbar{align-items:flex-start}.staff-court-grid{grid-template-columns:1fr}.staff-upnext-row{grid-template-columns:1fr}.staff-add-batch{grid-column:auto}.staff-upnext-card{grid-template-columns:118px 1fr}.staff-court-content{min-height:390px}.staff-action-row,.staff-finish-form,.staff-action-row-three{grid-template-columns:1fr}.staff-workflow i{display:none}.staff-workflow span{font-size:10px;padding:7px 9px}.staff-waiting-card .table{min-width:680px}}

/* Matchmaking settings */
.match-mode-summary{display:flex;align-items:center;gap:8px;margin:-4px 0 14px;padding:9px 12px;border:1px solid rgba(0,166,153,.24);border-radius:10px;background:rgba(0,166,153,.045);width:max-content;max-width:100%}.match-mode-summary span{font-size:9px;font-weight:1000;color:var(--muted);letter-spacing:1px}.match-mode-summary strong{font-size:11px;color:var(--pink)}.match-mode-summary small{font-size:10px;color:#d7e6ef;border-left:1px solid rgba(255,255,255,.12);padding-left:8px}
.matchmaking-settings{margin:0 0 16px;border-color:rgba(0,166,153,.55)}.match-settings-form{margin-top:16px}.match-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.match-mode-option,.match-check,.compat-item{margin:0;text-transform:none;letter-spacing:0;color:var(--text)}.match-mode-option{display:flex;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#08121e;cursor:pointer}.match-mode-option:has(input:checked){border-color:var(--pink);box-shadow:0 0 14px rgba(0,166,153,.12);background:rgba(0,166,153,.06)}.match-mode-option input,.match-check input,.compat-item input{width:auto;accent-color:var(--pink);margin:2px 0 0}.match-mode-option span,.match-check span{display:grid;gap:4px}.match-mode-option b,.match-check b{font-size:13px}.match-mode-option small,.match-check small{font-size:10px;color:var(--muted);line-height:1.45}.match-toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.match-check{display:flex;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.018);cursor:pointer}.compat-title{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.compat-title b{display:block;font-size:13px}.compat-title small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.compat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.compat-item{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#09131f;cursor:pointer;font-size:11px}.compat-item:has(input:checked){border-color:rgba(38,225,120,.34)}.compat-item.danger-pair:has(input:not(:checked)){border-color:rgba(255,82,109,.3);color:#ff91a2}.custom-example{font-size:10px;color:#d5e4ee;margin:10px 0 14px;padding:10px 12px;border-left:3px solid var(--orange);background:rgba(0,194,178,.045);border-radius:0 8px 8px 0}.auto-next-form{padding:12px;border:1px solid rgba(0,166,153,.18);border-radius:10px;background:rgba(0,166,153,.035);margin-bottom:13px}.auto-next-inline{display:grid;grid-template-columns:1fr auto;gap:8px}.auto-next-form>small{display:block;margin-top:7px;font-size:9px}.manual-divider{display:flex;align-items:center;gap:9px;margin:6px 0 13px;color:var(--muted);font-size:9px;font-weight:1000;letter-spacing:1px}.manual-divider:before,.manual-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.08)}
@media(max-width:800px){.match-mode-grid,.match-toggles,.compat-grid{grid-template-columns:1fr}.auto-next-inline{grid-template-columns:1fr}.match-mode-summary{width:100%;flex-wrap:wrap}}
\n\n/* Per-court scoring and leaderboard */\n.staff-score-toggle{margin-top:9px;padding:9px 10px;border:1px solid rgba(0,166,153,.2);border-radius:9px;background:rgba(0,166,153,.035)}\n.staff-score-toggle label{display:flex;align-items:center;gap:8px;margin:0;color:#eaf6fb;font-size:10px;font-weight:900;letter-spacing:.25px;text-transform:none;cursor:pointer}.staff-score-toggle input[type=checkbox]{width:auto;accent-color:var(--pink)}\n.staff-finish-form.with-score{grid-template-columns:1fr}.score-entry{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px}.score-entry label{display:grid;gap:4px;margin:0}.score-entry label span{font-size:8px;font-weight:1000;color:#70D5CC;letter-spacing:.6px}.score-entry input{min-width:0;padding:10px;text-align:center;font-size:20px;font-weight:1000}.score-entry>b{padding-bottom:10px;color:var(--orange);font-size:20px}.score-note{font-size:9px;color:var(--muted);line-height:1.35;margin-top:-2px}\n.leaderboard-wrap{max-width:1500px;margin:0 auto;padding:24px 32px 45px}.leaderboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.leaderboard-hero h1{margin:3px 0 3px;font-size:clamp(28px,3vw,46px);font-style:italic}.leaderboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px}.leaderboard-card{border:1px solid rgba(0,166,153,.5);border-radius:14px;background:#07111d;padding:16px;overflow:auto}.leaderboard-table{width:100%;border-collapse:collapse;min-width:780px}.leaderboard-table th,.leaderboard-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.leaderboard-table th{font-size:9px;color:#4FC3B9;letter-spacing:.7px}.leaderboard-table td{font-size:13px}.leaderboard-rank{font-size:18px;font-weight:1000;color:var(--pink)}.leaderboard-win{color:#46e98b;font-weight:900}.leaderboard-diff.positive{color:#46e98b}.leaderboard-diff.negative{color:#ff6c83}.history-list{display:grid;gap:9px}.history-item{padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#091521}.history-item strong{display:block;color:#fff}.history-item small{color:var(--muted)}.history-score{font-size:22px;font-weight:1000;color:var(--orange);margin:5px 0}.leaderboard-empty{padding:30px;text-align:center;color:var(--muted)}\n@media(max-width:980px){.leaderboard-grid{grid-template-columns:1fr}.leaderboard-wrap{padding:16px}.leaderboard-hero{align-items:flex-start;flex-direction:column}}\n
/* =====================================================================
   PICKLEBALL QUEUE DEMO - 2026 CYAN / VERY DARK BLUE VISUAL SYSTEM
   Design-only layer. Existing PHP/JS behavior is intentionally untouched.
   Palette: White #FFFFFF / Dark Cyan #00A699 / Very Dark Blue #002642
   ===================================================================== */
:root{
  --bg:#001724;
  --bg2:#002642;
  --panel:#002338;
  --panel2:#073047;
  --text:#ffffff;
  --muted:#9eb6c5;
  --pink:#00A699;
  --pink2:#00897F;
  --orange:#00C2B2;
  --green:#26e178;
  --danger:#ff526d;
  --border:rgba(0,166,153,.48);
  --glow:0 0 22px rgba(0,166,153,.16);
  --radius:14px;
}
html{background:#001724}
body{
  background:
    radial-gradient(circle at 18% 8%,rgba(0,166,153,.11),transparent 28%),
    radial-gradient(circle at 82% 76%,rgba(0,38,66,.52),transparent 31%),
    linear-gradient(155deg,#00131f,#002642 54%,#001724);
}
.card{background:linear-gradient(180deg,rgba(0,38,66,.98),rgba(0,27,46,.98));border-color:rgba(0,166,153,.30);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.btn-primary{background:linear-gradient(135deg,#00B9AA,#008D83);color:#fff;box-shadow:0 7px 18px rgba(0,166,153,.22)}
.btn-blue{background:linear-gradient(135deg,#00A699,#007E75);color:#fff}
.btn-ghost{background:rgba(255,255,255,.035);border-color:rgba(141,190,210,.22)}
input,select{background:#001f33;border-color:rgba(0,166,153,.30)}
input:focus,select:focus{border-color:#00A699;box-shadow:0 0 0 3px rgba(0,166,153,.12)}
.table th{color:#79d4cc}.table tbody tr:hover{background:rgba(0,166,153,.055)}

/* Public live board */
.live-board-body{background:#001724}
.live-board-shell{
  background:
    radial-gradient(circle at 70% 0,rgba(0,194,178,.11),transparent 30%),
    linear-gradient(135deg,#001724,#002642 56%,#001b2e);
}
.live-board-shell:before{background:repeating-linear-gradient(165deg,transparent 0 120px,rgba(0,166,153,.025) 121px 122px)}
.mafia-live-header{border-bottom-color:rgba(0,166,153,.22)}
.brand-ball{background:radial-gradient(circle at 35% 28%,#21d3c3,#00A699 48%,#00675f 82%);box-shadow:0 0 25px rgba(0,166,153,.26);border-color:rgba(112,224,214,.42)}
.brand-ball i{background:#002642}
.brand-name strong{color:#00C2B2;text-shadow:0 0 20px rgba(0,194,178,.24)}
.brand-sub{color:#61d4ca}.brand-sub b{background:#00A699}
.mafia-slogan{border-right-color:rgba(0,166,153,.45)}.mafia-slogan strong{color:#00C2B2}
.live-dashboard-back{border-color:rgba(0,166,153,.72)!important;background:linear-gradient(135deg,rgba(0,166,153,.18),rgba(0,38,66,.22))!important;box-shadow:0 0 14px rgba(0,166,153,.14)!important}
.live-dashboard-back:hover{border-color:#00C2B2!important;box-shadow:0 0 18px rgba(0,194,178,.2)!important}
.live-dashboard-back:focus-visible{outline-color:#00C2B2!important}
.live-court-card{border-color:#00A699;background:linear-gradient(180deg,rgba(0,31,51,.98),rgba(0,21,35,.99));box-shadow:0 0 20px rgba(0,166,153,.13)}
.live-court-title{background:linear-gradient(105deg,#00A699 0,#008D83 68%,#006B78 100%);border-bottom-color:#00C2B2}
.live-court-title:before{background:repeating-linear-gradient(-20deg,transparent 0 9px,rgba(0,38,66,.38) 10px 16px)}
.live-player{background:linear-gradient(90deg,#0a354d,#062b42);border-color:rgba(255,255,255,.06)}
.live-player .player-icon{background:linear-gradient(145deg,#007f76,#00c2b2)}
.live-vs span{background:linear-gradient(90deg,#00C2B2,rgba(0,194,178,.14))}.live-vs b,.timer-icon{color:#00C2B2}
.live-empty-court span{color:#00A699}
.up-next-panel,.up-next-panel.second{border-color:#00A699;box-shadow:0 0 17px rgba(0,166,153,.12);background:linear-gradient(115deg,rgba(0,27,44,.99),rgba(0,38,66,.98))}
.up-next-panel:before,.up-next-panel.second:before{background:repeating-linear-gradient(-22deg,#00A699 0 4px,transparent 5px 11px)}
.upnext-label{border-right-color:rgba(0,166,153,.36)}
.upnext-label strong,.second .upnext-label strong{color:#00C2B2}
.compact-next-row,.second .compact-next-row{background:linear-gradient(90deg,#0c3a53,#062a40);border-left-color:#00A699}
.compact-next-row span,.second .compact-next-row span{background:linear-gradient(145deg,#008a80,#00c2b2)}
.mafia-live-footer{border-top-color:rgba(0,166,153,.24);background:linear-gradient(180deg,rgba(0,166,153,.035),rgba(0,24,39,.3))}
.mafia-live-footer:before{background:linear-gradient(90deg,transparent,#00A699,#00C2B2,#00A699,transparent);box-shadow:0 -22px 40px rgba(0,166,153,.30)}
.court-art{border-color:rgba(0,166,153,.14)}.footer-copy i{background:#00A699}.footer-message span{color:#00A699}.footer-message strong{color:#00C2B2}

/* Staff dashboard - same functions, new visual shell */
.staff-control-body{background:#001724}
.staff-control-wrap{max-width:1580px}
.staff-topbar{padding:12px 0 18px;border-bottom:1px solid rgba(0,166,153,.22)}
.staff-topbar .brand h1{color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.18)}
.staff-topbar .eyebrow{color:#54d4ca}
.staff-court-card{border-color:rgba(0,166,153,.52);background:linear-gradient(180deg,#002642,#001b2e);box-shadow:0 10px 28px rgba(0,0,0,.19),0 0 14px rgba(0,166,153,.08)}
.staff-court-title{background:linear-gradient(100deg,#00A699,#008D83 72%,#006f78);border-bottom-color:#00C2B2}
.staff-court-title h2,.staff-court-title .staff-rule{color:#fff}
.staff-player-row{background:linear-gradient(90deg,#0b3851,#062c43)}
.staff-player-icon{background:linear-gradient(145deg,#007f76,#00c2b2)!important}
.staff-vs i{background:linear-gradient(90deg,#00C2B2,transparent)}.staff-vs b{color:#00C2B2}
.staff-game-time .staff-timer-icon{color:#00C2B2}.staff-ondeck{border-color:rgba(0,194,178,.36);background:rgba(0,194,178,.07);color:#7fe2d9}
.staff-upnext-card,.staff-upnext-card.second{border-color:#00A699;background:linear-gradient(120deg,#001b2e,#002642);box-shadow:0 0 16px rgba(0,166,153,.11)}
.staff-upnext-card:before,.staff-upnext-card.second:before{background:repeating-linear-gradient(-20deg,#00A699 0 4px,transparent 5px 11px)}
.staff-upnext-label{border-right-color:rgba(0,166,153,.30)}.staff-upnext-label strong,.staff-upnext-card.second .staff-upnext-label strong{color:#00C2B2}
.staff-next-row,.staff-upnext-card.second .staff-next-row{background:linear-gradient(90deg,#0d3a52,#062a40);border-left-color:#00A699}
.staff-next-row span,.staff-upnext-card.second .staff-next-row span{background:linear-gradient(145deg,#008a80,#00c2b2)}
.staff-add-batch{border-color:rgba(0,166,153,.62);background:linear-gradient(180deg,rgba(0,166,153,.045),rgba(0,27,46,.97));color:#45cfc3}.staff-add-batch:hover{border-color:#00C2B2;color:#00C2B2;box-shadow:0 0 17px rgba(0,166,153,.14)}
.staff-waiting-card{border-color:rgba(0,166,153,.44)}

/* Settings / mode / leaderboard / forms */
.match-mode-summary,.auto-next-form,.staff-score-toggle{border-color:rgba(0,166,153,.25);background:rgba(0,166,153,.05)}
.match-mode-summary strong{color:#00C2B2}.match-mode-option,.compat-item{background:#002033}.match-mode-option:has(input:checked){border-color:#00A699;background:rgba(0,166,153,.08);box-shadow:0 0 14px rgba(0,166,153,.10)}
.match-mode-option input,.match-check input,.compat-item input,.staff-score-toggle input[type=checkbox]{accent-color:#00A699}
.custom-example{border-left-color:#00C2B2;background:rgba(0,194,178,.055)}
.leaderboard-card{border-color:rgba(0,166,153,.48);background:#001f33}.leaderboard-table th{color:#62d5ca}.leaderboard-rank{color:#00C2B2}.history-item{background:#00263d}.history-score{color:#00C2B2}
.login-card{border-color:rgba(0,166,153,.52)}.login-shell:before{background:#00A699}.login-shell:after{background:#002642}.login-card:before{background:linear-gradient(90deg,#fff 0 52%,#00C2B2 52%);-webkit-background-clip:text;background-clip:text;color:transparent}
.workflow span{background:rgba(0,166,153,.05);border-color:rgba(0,166,153,.20)}.workflow b{color:#00C2B2}

/* Small polish */
.status.available,.status.playing{box-shadow:inset 0 0 0 1px rgba(38,225,120,.04)}
.eyebrow,.rack-no{color:#00C2B2}
::selection{background:#00A699;color:#fff}

/* Reclub roster import */
.reclub-import-card{margin:15px 0;border-color:rgba(0,194,178,.5)}
.reclub-import-form{display:grid;gap:12px}.reclub-import-form>label{display:grid;gap:4px}.reclub-import-form>label small{color:var(--muted);font-weight:500}
.reclub-import-form textarea{width:100%;min-height:190px;resize:vertical;padding:13px 14px;border:1px solid rgba(0,166,153,.34);border-radius:10px;background:#001f33;color:#fff;font:600 14px/1.45 inherit;box-sizing:border-box}.reclub-import-form textarea:focus{outline:none;border-color:#00A699;box-shadow:0 0 0 3px rgba(0,166,153,.12)}
.reclub-review{border:1px solid rgba(0,166,153,.24);border-radius:11px;background:rgba(0,166,153,.045);padding:12px}.reclub-review-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.reclub-review-head h3{margin:2px 0 0}.reclub-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:7px;max-height:280px;overflow:auto}.reclub-preview-row{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#062b42}.reclub-preview-row span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#008a80,#00c2b2);font-size:10px;font-weight:900}.reclub-preview-row b{font-size:12px}.reclub-import-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reclub-import-actions .btn:disabled{opacity:.45;cursor:not-allowed}

/* Player profile photos for authorized roster imports */
.staff-player-avatar,.staff-next-avatar,.waiting-player-avatar{display:block;object-fit:cover;border-radius:50%;flex:0 0 auto;border:1px solid rgba(255,255,255,.14)}
.staff-player-avatar{width:27px;height:27px}.staff-next-avatar{width:26px;height:26px;margin-left:-2px}.waiting-player-avatar,.waiting-player-fallback{width:32px;height:32px}
.waiting-player-cell{display:flex;align-items:center;gap:9px;min-width:150px}.waiting-player-fallback{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#008a80,#00c2b2);color:#fff;font-weight:900;font-size:12px}.staff-next-row{gap:8px}

/* Reclub demo-ready player fetch */
.reclub-fetch-row{display:grid;gap:7px}.reclub-fetch-row label{display:grid;gap:3px}.reclub-fetch-row label small{color:var(--muted);font-weight:500}.reclub-fetch-controls{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px}.reclub-fetch-controls input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid rgba(0,166,153,.34);border-radius:10px;background:#001f33;color:#fff;font:700 14px inherit}.reclub-fetch-controls input:focus{outline:none;border-color:#00A699;box-shadow:0 0 0 3px rgba(0,166,153,.12)}
.reclub-demo-note{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;border:1px solid rgba(255,193,7,.28);background:rgba(255,193,7,.07);font-size:11px;color:#d8e5ef}.reclub-demo-note b{font-size:10px;letter-spacing:.12em;color:#ffd166}.reclub-selection-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.reclub-player-search{flex:1 1 260px;min-width:220px;padding:10px 12px;border:1px solid rgba(0,166,153,.34);border-radius:9px;background:#001f33;color:#fff;font:700 13px inherit}.reclub-player-search:focus{outline:none;border-color:#00A699;box-shadow:0 0 0 3px rgba(0,166,153,.12)}.reclub-selection-tools .muted{margin-left:auto}
.reclub-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:410px;overflow:auto}.reclub-player-card{position:relative;display:grid;grid-template-columns:18px 44px 1fr;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#062b42;cursor:pointer;transition:.15s ease}.reclub-player-card:hover{border-color:rgba(0,194,178,.45);transform:translateY(-1px)}.reclub-player-card.selected{border-color:rgba(0,194,178,.64);background:rgba(0,194,178,.10)}.reclub-player-card input{accent-color:#00c2b2;width:15px;height:15px}.reclub-player-card img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,194,178,.5);background:#0a3147}.reclub-player-info{display:grid;gap:2px;min-width:0}.reclub-player-info b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reclub-player-info small{font-size:10px;color:#7de4d9;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:680px){.reclub-fetch-controls{grid-template-columns:1fr}.reclub-player-grid{grid-template-columns:1fr}.reclub-selection-tools .muted{margin-left:0;width:100%}}

/* Reclub player add: compact admin-confirm popup */
.reclub-player-card{grid-template-columns:44px minmax(0,1fr) auto;cursor:default}
.reclub-player-card .reclub-player-add{justify-self:end;min-width:58px}
.reclub-add-modal{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,17,29,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.reclub-add-modal.is-open{display:flex}
body.reclub-modal-open{overflow:hidden}
.reclub-add-dialog{position:relative;width:min(410px,calc(100vw - 32px));margin:auto;border:1px solid rgba(0,194,178,.72);border-radius:18px;background:linear-gradient(180deg,#063047 0%,#03283d 100%);box-shadow:0 30px 100px rgba(0,0,0,.68),0 0 32px rgba(0,194,178,.12);padding:28px}
.reclub-popup-player{display:grid;justify-items:center;gap:10px;padding:2px 16px 22px;text-align:center}
.reclub-popup-player h3{margin:0;font-size:25px;line-height:1.2;color:#fff;text-transform:none;letter-spacing:0}
.reclub-popup-avatar-wrap{display:grid;place-items:center}
.reclub-popup-avatar,.reclub-popup-fallback{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid #00c2b2;background:#0b3d55;color:#fff;font-size:30px;font-weight:900;box-shadow:0 0 0 5px rgba(0,194,178,.08)}
.reclub-skill-label{display:block;margin:0 0 8px;color:#d9e8f2;font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}
.reclub-add-dialog select{width:100%;height:50px;padding:0 14px;border:1px solid rgba(0,194,178,.48);border-radius:10px;background:#001f33;color:#fff;font-size:15px;font-weight:800}
.reclub-add-dialog select:focus{outline:none;border-color:#00c2b2;box-shadow:0 0 0 3px rgba(0,194,178,.12)}
.reclub-popup-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:20px}
.reclub-popup-actions .btn{min-height:44px}
@media(max-width:520px){.reclub-add-modal{padding:14px}.reclub-add-dialog{padding:24px 18px}.reclub-popup-actions{grid-template-columns:1fr 1fr}.reclub-popup-avatar,.reclub-popup-fallback{width:92px;height:92px}}

/* Reclub selection -> skill confirmation flow */
.reclub-selection-tools{display:flex;align-items:center;gap:10px;margin:10px 0}
.reclub-selection-tools .muted{margin-left:auto}
.reclub-selection-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.reclub-selection-action .btn:disabled{opacity:.45;cursor:not-allowed}
.reclub-player-card{grid-template-columns:18px 44px minmax(0,1fr);cursor:pointer}
.reclub-player-card input[type=checkbox]{margin:0}
.reclub-player-card.selected{border-color:#00c2b2;background:rgba(0,194,178,.12);box-shadow:0 0 0 1px rgba(0,194,178,.12) inset}
@media(max-width:520px){.reclub-selection-action{align-items:stretch}.reclub-selection-action .btn{width:100%}}

/* Keep fetched Reclub roster visible while adding players */
.reclub-player-card.reclub-player-added{opacity:.58;cursor:default;border-color:rgba(0,194,178,.34);background:rgba(0,194,178,.07)}
.reclub-player-card.reclub-player-added .reclub-player-info small{color:#7ff0c8}
.reclub-player-card.reclub-player-added input[type=checkbox]{cursor:not-allowed}


/* Dynamic court count: universal demo setup */
.staff-court-grid,.live-court-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.staff-court-grid.court-count-1,.live-court-grid.court-count-1{grid-template-columns:minmax(0,1fr)}
.staff-court-grid.court-count-2,.live-court-grid.court-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.staff-court-grid.court-count-3,.live-court-grid.court-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.staff-court-grid.court-count-4,.live-court-grid.court-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.staff-court-grid.court-count-5,.staff-court-grid.court-count-6,.live-court-grid.court-count-5,.live-court-grid.court-count-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.staff-court-grid.court-count-7,.staff-court-grid.court-count-8,.live-court-grid.court-count-7,.live-court-grid.court-count-8{grid-template-columns:repeat(4,minmax(0,1fr))}
.staff-court-grid.court-count-9,.staff-court-grid.court-count-10,.staff-court-grid.court-count-11,.staff-court-grid.court-count-12,.live-court-grid.court-count-9,.live-court-grid.court-count-10,.live-court-grid.court-count-11,.live-court-grid.court-count-12{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1180px){.staff-court-grid[class*="court-count-"],.live-court-grid[class*="court-count-"]{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-court-grid.court-count-1,.live-court-grid.court-count-1{grid-template-columns:1fr}}
@media(max-width:720px){.staff-court-grid[class*="court-count-"],.live-court-grid[class*="court-count-"]{grid-template-columns:1fr}}
#court-setup .btn[disabled]{opacity:.4;cursor:not-allowed}

/* Waiting rack profile editing: name and skill are display-only in the table. */
.waiting-player-edit-trigger{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.waiting-player-edit-trigger:hover{transform:scale(1.08);box-shadow:0 0 0 3px rgba(0,194,178,.12)}
.waiting-skill-display{display:inline-block;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-weight:800;font-size:14px}
.reclub-name-label{margin-top:2px!important;margin-bottom:6px!important}
.reclub-name-input{width:100%;height:46px;box-sizing:border-box;padding:0 13px;border:1px solid rgba(0,194,178,.48);border-radius:10px;background:#001f33;color:#fff;font-size:17px;font-weight:900;text-align:center}
.reclub-name-input:focus{outline:none;border-color:#00c2b2;box-shadow:0 0 0 3px rgba(0,194,178,.12)}

/* Running game time shown at the bottom of every active court. */
.court-running-time{margin-top:clamp(18px,2vw,30px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1}
.court-running-time small{display:block;margin-bottom:4px;color:#8fb5c0;font-size:clamp(8px,.62vw,10px);font-weight:900;letter-spacing:1.25px;text-transform:uppercase}
.court-running-time strong{display:block;color:#fff;font-size:clamp(24px,2.15vw,34px);font-weight:1000;letter-spacing:1px;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(0,194,178,.22)}
.game-timer + .court-running-time,.court-running-time + .game-timer{margin-top:10px}
@media(max-width:760px){.court-running-time{margin-top:12px}.court-running-time small{font-size:7px}.court-running-time strong{font-size:20px}}

/* Matchmaking settings save action: aligned lower-right with panel spacing */
.match-settings-save{display:flex;justify-content:flex-end;margin-top:16px;padding-bottom:2px}.match-settings-save .btn{min-width:110px}