:root{--bg:#061426;--panel:#0b1e38;--panel2:#102746;--blue:#1598ff;--violet:#7439ff;--gold:#ffc24b;--text:#f8fbff;--muted:#8fa1b9;--green:#57e2b1;--red:#ff355d;--line:#24486d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020914;color:var(--text);font-family:"SultanTajawal",Tajawal,Arial,sans-serif}body{background:radial-gradient(circle at 50% 5%,#0d3159 0,#071a31 34%,var(--bg) 70%);min-height:100vh}.hidden{display:none!important}#splash{position:fixed;inset:0;background:#030d1d;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}#splash img{width:210px;border-radius:36px}.brand{font-size:30px;letter-spacing:9px;margin-top:30px;font-weight:800}#splash footer{position:absolute;bottom:38px;color:var(--muted)}footer b{color:var(--gold)}#app{max-width:760px;margin:auto;min-height:100vh;padding:18px 18px 82px}.hero{text-align:center;padding-top:max(8px,env(safe-area-inset-top))}.hero img{width:145px;border-radius:28px;box-shadow:0 0 35px #4d22ff55}.channel{display:inline-block;margin:12px auto 18px;padding:10px 24px;border:1.5px solid #1cb8ff;border-left-color:#f222d5;border-radius:999px;font-size:20px;font-weight:800;box-shadow:0 0 18px #167cff44}.channel b{color:var(--gold)}h1,h2,h3{margin:8px 0 16px}.title{font-size:31px;text-align:center;color:var(--gold);text-shadow:0 0 16px #ffc24b44}.card{background:linear-gradient(180deg,#102746dd,#07162bdd);border:1px solid var(--line);border-radius:26px;padding:18px;margin:14px 0;box-shadow:0 14px 40px #0005,inset 0 0 20px #0e72bd11}.menu{display:grid;gap:14px}.bigbtn,.action{border:0;color:white;font-weight:900;cursor:pointer}.bigbtn{min-height:82px;border-radius:25px;font-size:25px;background:linear-gradient(105deg,#098dff,#6c34f5);box-shadow:0 0 22px #168cff44}.bigbtn.gold{background:linear-gradient(105deg,#996b08,#d39b25);color:#fff}.bigbtn.dark{background:linear-gradient(105deg,#0d4778,#1c5bbf)}.settings-btn{position:absolute;top:18px;left:18px;width:48px;height:48px;border-radius:15px;background:#0b203a;border:1px solid #2b6ca4;color:white;font-size:23px}.row{display:flex;gap:10px}.row>*{flex:1}.input{width:100%;background:#06162b;border:1px solid #2b5c8b;color:#fff;border-radius:18px;padding:16px;font-size:19px;outline:none}.input:focus{border-color:#19a6ff;box-shadow:0 0 14px #1598ff44}.action{padding:14px 10px;border-radius:16px;background:#164f88;font-size:16px}.action.primary{background:linear-gradient(110deg,#078dff,#6335f2)}.action.gold{background:#8c650f}.action.red{background:#6d1930}.action.green{background:#126a58}.toolbar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.toolbar .action{font-size:13px;padding:12px 5px}.participants{max-height:390px;overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 7px;border-bottom:1px solid #1e4267;text-align:center}.num{color:var(--gold);font-weight:900}.iconbtn{border:0;border-radius:10px;padding:8px;background:#123a64;color:white}.danger{color:#ff5878}.match{display:grid;grid-template-columns:38px 1fr 46px 1fr;gap:8px;align-items:center;margin:10px 0}.matchno{font-size:24px;color:var(--gold);font-weight:900;text-align:center}.player{border:1px solid #147bd2;background:#071c36;border-radius:17px;padding:12px 8px;text-align:center;font-size:19px;font-weight:800}.player.out{border-color:var(--red);background:#3a0a18;color:#ff9aae}.vs{text-align:center;color:#ef5cff;font-size:20px;font-weight:900}.player small{display:block;color:#a9bdd4;font-size:11px;margin-top:5px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{padding:12px;border:1px solid #274869;border-radius:18px;text-align:center;background:#0a1a31}.stat span{display:block;color:var(--muted);font-size:14px}.stat b{font-size:28px;color:#5faeff}.stat.green b{color:var(--green)}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.game{background:#07182c;border:2px solid transparent;border-radius:24px;padding:8px;text-align:center}.game.selected{border-color:var(--gold);box-shadow:0 0 20px #ffc24b55}.game img{width:100%;border-radius:18px;display:block}.game b{display:block;padding:10px;font-size:20px}.records{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.record-card{background:#0b1e38;border:1px solid #24547e;border-radius:20px;padding:8px;text-align:center}.record-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:15px}.miximg{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:15px}.miximg img{width:100%;aspect-ratio:.5;object-fit:cover}.record-card b{display:block;padding:8px 0;font-size:15px}.champ{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #1e4267}.champ .wins{color:var(--gold);font-weight:900}.footer{text-align:center;color:#91a2ba;margin:34px 0 8px;font-size:14px;letter-spacing:1px}.back{position:absolute;top:18px;right:18px;border:1px solid #2a5c87;background:#0b203a;color:white;border-radius:14px;padding:11px 15px;font-size:18px}.notice{color:#a9bdd4;font-size:13px;text-align:center}.theme-chooser{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-chooser button{padding:13px 5px;border-radius:14px;border:1px solid #315679;background:#0b203a;color:white}.export-card{background:#061426;padding:24px;border-radius:26px;width:640px;max-width:100%;color:#fff}.export-title{text-align:center;color:var(--gold);font-size:28px;font-weight:900}.export-footer{text-align:center;color:#9babc0;margin-top:20px}.trophy{position:relative;overflow:hidden;border-radius:24px}.trophy img{width:200%;display:block}.trophy.carrom img{transform:translateX(0)}.trophy.luno img{transform:translateX(-50%)}@media(max-width:520px){#app{padding-left:12px;padding-right:12px}.records{grid-template-columns:1fr 1fr}.records .record-card:last-child{grid-column:1/-1}.toolbar{grid-template-columns:repeat(3,1fr)}.match{grid-template-columns:30px 1fr 36px 1fr}.hero img{width:130px}.title{font-size:27px}}
body.light{--bg:#12355b;--panel:#1b4c79;--panel2:#255c8f;--line:#4c80ac;background:radial-gradient(circle at 50% 0,#2e74ad,#163f69 45%,#0d2d50 100%)}

/* ===== Beta 1 visual correction: approved neon identity, no crown / no swords / no 1v1 ===== */
body{background:
 radial-gradient(circle at 12% 16%,rgba(0,117,255,.18),transparent 28%),
 radial-gradient(circle at 88% 24%,rgba(255,166,34,.12),transparent 25%),
 linear-gradient(180deg,#061a32 0%,#020c1c 55%,#031326 100%);}
#app{position:relative;overflow:hidden}
#app:before,#app:after{content:"";position:fixed;z-index:-1;width:78vw;height:28vw;border-radius:50%;border:3px solid rgba(0,136,255,.28);filter:drop-shadow(0 0 14px #087cff);transform:rotate(-18deg)}
#app:before{left:-28vw;top:22vh}#app:after{right:-30vw;bottom:2vh;border-color:rgba(255,177,50,.24);filter:drop-shadow(0 0 14px #ffb532);transform:rotate(15deg)}
.hero{padding-top:max(18px,env(safe-area-inset-top))}.hero img{content:url('assets/sultan-mark.png');width:min(42vw,240px);height:auto;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 16px rgba(31,111,255,.2));margin-top:4px}.channel{margin:6px auto 18px;padding:10px 28px;background:linear-gradient(#06152a,#06152a) padding-box,linear-gradient(90deg,#ff27dc,#ffb62e,#168cff) border-box;border:2px solid transparent;box-shadow:0 0 18px rgba(25,128,255,.28);font-size:clamp(17px,4.6vw,22px)}
.home-showcase{margin-top:-8px}.home-games{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin:4px 0 8px;direction:ltr}.home-game{position:relative;border-radius:28px;overflow:hidden;background:#07162b;box-shadow:0 0 18px rgba(0,137,255,.65);transform:rotate(-4deg);border:2px solid #16a3ff}.home-game.gold{transform:rotate(4deg);border-color:#ffc04d;box-shadow:0 0 18px rgba(255,183,55,.55)}.home-game img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.home-mark{display:block;width:min(46vw,260px);margin:-10px auto -2px;filter:drop-shadow(0 0 18px rgba(82,36,255,.25))}.home-title{margin:20px 0 22px;text-align:center;border:1px solid rgba(255,184,54,.55);border-radius:28px;padding:16px 10px;background:linear-gradient(180deg,rgba(10,31,59,.94),rgba(3,14,31,.96));font-size:clamp(29px,8vw,43px);font-weight:950;box-shadow:inset 0 0 22px rgba(17,101,255,.08),0 0 16px rgba(255,178,43,.1)}.home-title .goldword{color:#ffc24b}.menu{gap:15px}.bigbtn{position:relative;min-height:86px;border:2px solid #22a9ff;background:linear-gradient(100deg,#047ff5,#522bf4 68%,#7d24f4);box-shadow:0 0 18px rgba(0,148,255,.65),inset 0 0 24px rgba(255,255,255,.06);font-size:clamp(22px,6vw,30px);border-radius:28px}.bigbtn.gold{border-color:#ffc34d;background:linear-gradient(100deg,#07172c,#171713);color:#ffc74f;box-shadow:0 0 17px rgba(255,183,47,.5),inset 0 0 20px rgba(255,180,0,.05)}.bigbtn.dark{border-color:#2d7dd5;background:linear-gradient(100deg,#082441,#113d72);color:#eaf5ff;box-shadow:0 0 15px rgba(0,133,255,.3)}.settings-btn{z-index:5;top:max(18px,env(safe-area-inset-top));left:18px;border-color:#2777b5;box-shadow:0 0 12px rgba(0,132,255,.25)}
.card{background:linear-gradient(180deg,rgba(9,32,61,.96),rgba(3,15,31,.96));border:1px solid #1c5686;box-shadow:0 12px 35px #0006,inset 0 0 25px rgba(20,125,255,.05)}
.quick-title{text-align:right;color:#ffc34c;font-size:clamp(28px,7vw,38px);font-weight:950;margin:0 0 10px}.participants h2{display:flex;justify-content:space-between;align-items:center;color:#ffc34c}.participants h2 small{background:#09213e;border:1px solid #276295;border-radius:999px;padding:5px 13px;color:#ffc34c}.toolbar{grid-template-columns:repeat(5,1fr)}.toolbar .action{min-height:66px;border:1px solid #245e90;background:#0b294b;border-radius:17px}.toolbar .primary{background:linear-gradient(135deg,#0b87ff,#5138ef);border-color:#21a4ff}.toolbar .red{background:#381121;border-color:#8c2941}.toolbar .gold{background:#3b2b0b;border-color:#9c7119}.match-panel{border-color:#18578c}.match-panel h2{color:#ffc64f;font-size:clamp(28px,7vw,38px);font-weight:950;text-align:right}.match{grid-template-columns:42px 1fr 48px 1fr;direction:rtl}.matchno{height:100%;min-height:74px;display:grid;place-items:center;border:1px solid #1f527f;border-radius:15px;background:#07182d}.player{min-height:74px;display:grid;place-items:center;border:2px solid #128dff;background:linear-gradient(180deg,#082444,#04162d);box-shadow:0 0 13px rgba(0,137,255,.45);font-size:clamp(18px,5vw,25px)}.player.out{border-color:#ff3156;background:linear-gradient(180deg,#3b0716,#19040b);box-shadow:0 0 13px rgba(255,36,78,.55)}.vs{font-size:clamp(20px,5vw,29px);color:#ef57ff;text-shadow:0 0 12px #e72cff}.stats{margin-top:14px}.stat{padding:10px;border-radius:18px;background:linear-gradient(180deg,#0d2442,#06162b);min-height:80px}.stat span{font-size:14px}.stat b{font-size:27px}
@media(max-width:520px){.home-games{gap:12px}.home-game{border-radius:22px}.home-mark{width:50vw}.toolbar{grid-template-columns:repeat(3,1fr)}.toolbar .action:first-child,.toolbar .action:nth-child(2){grid-column:auto}.match{grid-template-columns:34px 1fr 38px 1fr}.hero img{width:36vw}.channel{margin-bottom:14px}}
/* Champion award — approved Sultan Team shields */
.approve-btn{width:100%;min-height:64px;border-radius:18px;border:1px solid #e6ad39;background:linear-gradient(135deg,#a86f0d,#f0b83f);color:#07111f;font-size:22px;font-weight:950;box-shadow:0 0 20px rgba(255,190,65,.28)}
.champion-export{width:620px;max-width:100%;margin:18px auto 0;background:#000;border-radius:26px;padding:0 0 18px;overflow:hidden;color:#fff}
.shield-wrap{position:relative;width:100%;background:#000;overflow:hidden}
.shield-wrap>img{width:100%;height:auto;display:block}
.shield-name,.shield-member{position:absolute;left:21%;right:21%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:950;z-index:2}
.champion-export.carrom .shield-name{top:56.3%;height:6.5%;font-size:clamp(24px,5.5vw,39px);color:#080808;background:linear-gradient(90deg,rgba(205,194,174,.93),rgba(245,236,218,.96),rgba(205,194,174,.93));border-radius:28px}
.champion-export.carrom .shield-member{top:62.4%;height:4.4%;font-size:clamp(13px,3vw,21px);color:#f5c85e;background:linear-gradient(90deg,rgba(111,77,25,.96),rgba(77,55,25,.98),rgba(111,77,25,.96))}
.champion-export.luno .shield-name{top:65.0%;height:7.0%;font-size:clamp(24px,5.5vw,39px);color:#080808;background:linear-gradient(90deg,rgba(205,194,174,.94),rgba(245,236,218,.97),rgba(205,194,174,.94));border-radius:28px}
.champion-export.luno .shield-member{top:71.2%;height:4.8%;font-size:clamp(13px,3vw,21px);color:#f5c85e;background:linear-gradient(90deg,rgba(111,77,25,.97),rgba(77,55,25,.99),rgba(111,77,25,.97))}
.champion-footer{padding:15px 8px 0;margin-top:0;background:#000;letter-spacing:.5px}
@media(max-width:520px){.champion-export{border-radius:20px}.shield-name,.shield-member{left:20%;right:20%}.approve-btn{font-size:20px}}

/* Exact approved home composition: one logo only, no black logo tile */
.hero{padding-top:max(10px,env(safe-area-inset-top));text-align:center}
.hero .channel{margin:4px auto 12px}
.home-showcase{display:flex;flex-direction:column;margin-top:0}
.home-games{order:1;margin:0 0 2px;gap:14px}
.home-mark{order:2;width:min(43vw,225px)!important;margin:-18px auto -4px!important;background:transparent!important;mix-blend-mode:screen}
.home-title{order:3;margin:12px 0 18px}
.home-game{border-radius:26px}
.menu{margin-top:0}
@media(max-width:520px){.hero .channel{margin-top:2px}.home-mark{width:42vw!important;margin:-14px auto -4px!important}.home-title{margin-top:10px}.bigbtn{min-height:78px}}

/* ===== FINAL approved layout verification pass ===== */
.hero{display:none!important}
.home-showcase{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding-top:max(50px,env(safe-area-inset-top))}
.home-games{order:1!important;width:100%;margin:0 auto 4px!important}
.home-mark{order:2!important;width:min(52vw,260px)!important;height:auto!important;object-fit:contain!important;margin:-18px auto -10px!important;mix-blend-mode:screen!important;filter:drop-shadow(0 0 18px rgba(64,66,255,.28))!important}
.home-channel{order:3!important;align-self:center!important;margin:0 auto 12px!important}
.home-title{order:4!important;margin:10px 0 18px!important}
.page-brand{display:flex;flex-direction:column;align-items:center;padding-top:max(30px,env(safe-area-inset-top));margin-bottom:8px}
.page-brand img{width:min(38vw,190px);height:auto;mix-blend-mode:screen;filter:drop-shadow(0 0 15px rgba(62,82,255,.24));margin-bottom:-4px}
.page-brand .channel{margin:0 auto 12px}
.back{z-index:20}
.settings-btn{z-index:20}
@media(max-width:520px){
  #app{padding-top:8px}
  .home-showcase{padding-top:max(48px,env(safe-area-inset-top))}
  .home-games{gap:14px!important}
  .home-game{border-radius:26px!important}
  .home-mark{width:50vw!important;margin:-14px auto -8px!important}
  .home-channel{font-size:18px!important;padding:9px 22px!important}
  .home-title{font-size:34px!important;padding:15px 8px!important}
  .menu{gap:13px!important}
  .bigbtn{min-height:78px!important}
  .page-brand img{width:36vw}
}
/* ===== 2026-09-29 exact mobile correction ===== */
html,body{background:#031126!important}
body{background:
 radial-gradient(ellipse at 50% 14%,rgba(14,75,137,.38),transparent 36%),
 radial-gradient(ellipse at 12% 38%,rgba(0,92,255,.14),transparent 28%),
 radial-gradient(ellipse at 88% 42%,rgba(255,155,24,.09),transparent 26%),
 linear-gradient(180deg,#061a32 0%,#020b19 72%,#031226 100%)!important}
#app{max-width:620px!important;padding:12px 18px 74px!important}
.home-showcase{padding-top:max(54px,env(safe-area-inset-top))!important}
.home-games{gap:28px!important;padding:0 5px!important;align-items:start!important}
.home-game{border-radius:30px!important;transform:rotate(-6deg)!important;border:2px solid #0fa7ff!important;box-shadow:0 0 9px #11a9ff,0 0 25px rgba(0,117,255,.45)!important}
.home-game.gold{transform:rotate(6deg)!important;border-color:#ffc04a!important;box-shadow:0 0 9px #ffbd42,0 0 25px rgba(255,168,30,.36)!important}
.home-mark{content:url('assets/sultan-mark-transparent.png')!important;width:min(48vw,245px)!important;margin:-26px auto -10px!important;mix-blend-mode:normal!important;filter:drop-shadow(0 0 12px rgba(74,30,255,.22))!important}
.home-channel{margin:0 auto 18px!important;padding:10px 28px!important;font-size:clamp(17px,4.6vw,22px)!important}
.home-title{position:relative!important;margin:8px 0 20px!important;padding:18px 12px!important;border:2px solid #c68d2a!important;border-radius:32px!important;background:linear-gradient(180deg,#0a1c35 0%,#031124 100%)!important;box-shadow:0 0 18px rgba(255,178,49,.15),inset 0 0 26px rgba(22,99,205,.1)!important;color:#fff!important;font-size:clamp(30px,8vw,43px)!important;line-height:1.2!important}
.home-title .goldword{color:#ffc14b!important}
.menu{gap:16px!important}
.bigbtn{min-height:88px!important;border-radius:30px!important;font-size:clamp(23px,6vw,30px)!important}
.bigbtn.gold{background:linear-gradient(180deg,#0a1a2d,#07101d)!important;border:2px solid #ffc04b!important;color:#ffc44d!important}
.bigbtn.dark{background:linear-gradient(180deg,#092745,#07192e)!important;border:2px solid #2b82d8!important}
.settings-btn{top:max(18px,env(safe-area-inset-top))!important;left:18px!important;width:52px!important;height:52px!important;border-radius:18px!important;background:#09203a!important}
.page-brand img{content:url('assets/sultan-mark-transparent.png')!important;mix-blend-mode:normal!important}
.footer{margin-top:26px!important}
/* matches: no swords, no mode/1v1 controls; neon card composition */
.match-panel h2:before{content:''!important}
.match-panel h2{text-align:right!important;color:#ffc34b!important}
.match{grid-template-columns:44px minmax(0,1fr) 54px minmax(0,1fr)!important;gap:8px!important}
.player{position:relative!important;min-height:82px!important;border-radius:18px!important;padding:12px 8px!important}
.player small{font-size:12px!important;color:#fff!important}
.matchno{min-height:82px!important;border-radius:16px!important;font-size:27px!important}
.vs{font-size:27px!important}
@media(max-width:430px){
 #app{padding-left:14px!important;padding-right:14px!important}
 .home-games{gap:22px!important;padding:0 2px!important}
 .home-game{border-radius:26px!important}
 .home-mark{width:49vw!important;margin:-20px auto -8px!important}
 .home-title{font-size:33px!important}
 .match{grid-template-columns:36px minmax(0,1fr) 42px minmax(0,1fr)!important;gap:6px!important}
 .player{font-size:18px!important;padding:10px 5px!important}
 .vs{font-size:22px!important}
}

/* ===== Beta 1.1 — reference-locked iPhone layout ===== */
@media (max-width:520px){
  #app{max-width:430px!important;padding:8px 14px 28px!important;min-height:100svh!important}
  .home-showcase{padding-top:max(42px,env(safe-area-inset-top))!important}
  .home-games{gap:54px!important;padding:0 18px!important;margin:0 0 -2px!important}
  .home-game{border-radius:20px!important;transform:rotate(-7deg)!important}
  .home-game.gold{transform:rotate(7deg)!important}
  .home-game img{aspect-ratio:1!important}
  .home-mark{width:36vw!important;max-width:155px!important;margin:-20px auto -3px!important}
  .home-channel{font-size:16px!important;padding:7px 20px!important;margin:0 auto 8px!important;line-height:1.25!important}
  .home-title{font-size:27px!important;min-height:60px!important;padding:11px 8px!important;margin:5px 18px 12px!important;border-radius:23px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
  .menu{gap:10px!important;padding:0 18px!important}
  .bigbtn{min-height:62px!important;border-radius:22px!important;font-size:21px!important}
  .settings-btn{top:max(14px,env(safe-area-inset-top))!important;left:14px!important;width:44px!important;height:44px!important;border-radius:14px!important;font-size:20px!important}
  .footer{font-size:11px!important;margin:16px 0 2px!important}

  /* inner-page branding: same logo position/size across pages */
  .page-brand{padding-top:max(18px,env(safe-area-inset-top))!important;margin-bottom:2px!important}
  .page-brand img{width:31vw!important;max-width:132px!important;margin-bottom:0!important}
  .page-brand .channel{font-size:15px!important;padding:7px 18px!important;margin:0 auto 8px!important}
  .back{top:max(14px,env(safe-area-inset-top))!important;right:14px!important;padding:8px 12px!important}
  .quick-title{font-size:27px!important;margin:2px 0 8px!important}
  .card{border-radius:20px!important;padding:13px!important;margin:10px 0!important}
  .participants{max-height:310px!important}
  .toolbar{grid-template-columns:repeat(5,1fr)!important;gap:5px!important}
  .toolbar .action{min-height:55px!important;font-size:11px!important;padding:7px 2px!important;border-radius:13px!important}

  /* approved match reference: number | player | VS | player */
  .match-panel{padding:12px 10px!important}
  .match-panel h2{font-size:29px!important;margin:0 0 8px!important}
  .match{grid-template-columns:34px minmax(0,1fr) 38px minmax(0,1fr)!important;gap:6px!important;margin:8px 0!important}
  .matchno{min-height:70px!important;font-size:25px!important;border-radius:13px!important}
  .player{min-height:70px!important;border-radius:15px!important;font-size:18px!important;padding:8px 4px!important}
  .player small{font-size:10px!important;margin-top:3px!important}
  .vs{font-size:20px!important}
  .stats{gap:8px!important;margin-top:10px!important}
  .stat{min-height:66px!important;padding:7px!important;border-radius:16px!important}
  .stat span{font-size:13px!important}.stat b{font-size:24px!important}
}
@media (max-width:390px){
  .home-games{gap:42px!important;padding:0 16px!important}
  .home-mark{width:35vw!important}
  .home-title{font-size:25px!important;margin-left:12px!important;margin-right:12px!important}
  .menu{padding:0 12px!important}.bigbtn{font-size:20px!important;min-height:59px!important}
}


/* ===== Beta 2 consolidated visual pass — reference-first ===== */
@media (max-width:520px){
  #app{max-width:430px!important;padding:8px 12px 30px!important}
  .home-showcase{padding-top:max(26px,env(safe-area-inset-top))!important}
  .home-games{gap:46px!important;padding:0 22px!important;margin:0 0 -8px!important}
  .home-game{border-radius:23px!important;transform:rotate(-6deg)!important}
  .home-game.gold{transform:rotate(6deg)!important}
  .home-mark{width:38vw!important;max-width:160px!important;margin:-18px auto -5px!important}
  .home-channel{font-size:16px!important;padding:7px 21px!important;margin:0 auto 7px!important}
  .home-title{font-size:28px!important;min-height:66px!important;margin:3px 13px 11px!important;padding:10px 8px!important;border-radius:24px!important}
  .menu{gap:9px!important;padding:0 13px!important}
  .bigbtn{min-height:64px!important;border-radius:23px!important;font-size:21px!important}
  .footer{font-size:11px!important;margin:14px 0 0!important}
  .settings-btn{top:max(12px,env(safe-area-inset-top))!important;left:12px!important;width:43px!important;height:43px!important}
  .page-brand{padding-top:max(14px,env(safe-area-inset-top))!important}
  .page-brand img{width:29vw!important;max-width:124px!important}
  .page-brand .channel{font-size:14px!important;padding:6px 17px!important;margin:0 auto 6px!important}
  .title{font-size:26px!important;margin:4px 0 10px!important}
  .card{padding:12px!important;margin:9px 0!important}
  .match-panel h2{font-size:28px!important}
  .match{grid-template-columns:34px minmax(0,1fr) 40px minmax(0,1fr)!important}
  .matchno,.player{min-height:68px!important}
  .player{font-size:18px!important}
  .stats{margin-top:8px!important}
  .stat{min-height:62px!important}
  .records{gap:8px!important}
  .record-card{border-radius:18px!important}
}

/* ===== Beta 3: rebuilt HOME from approved visual reference ===== */
@media (max-width:520px){
  #app{max-width:430px!important;padding:0 10px 26px!important;overflow:hidden}
  #view{position:relative}
  .home-showcase{padding-top:max(44px,env(safe-area-inset-top))!important}
  .home-games{gap:62px!important;padding:0 28px!important;margin:0 0 -4px!important}
  .home-game{border-radius:22px!important;transform:rotate(-7deg)!important;border-width:1.5px!important;box-shadow:0 0 8px #12aaff,0 0 18px rgba(0,128,255,.42)!important}
  .home-game.gold{transform:rotate(7deg)!important;box-shadow:0 0 8px #ffc149,0 0 18px rgba(255,177,35,.35)!important}
  .home-mark{width:34vw!important;max-width:145px!important;margin:-13px auto -2px!important}
  .home-channel{font-size:15px!important;padding:7px 19px!important;margin:0 auto 7px!important;border-width:1.5px!important}
  .home-title{min-height:58px!important;margin:3px 18px 12px!important;padding:9px 8px!important;border-radius:22px!important;font-size:26px!important;border-width:1.5px!important}
  .menu{gap:9px!important;padding:0 18px!important}
  .bigbtn{min-height:61px!important;border-radius:22px!important;font-size:20px!important;border-width:1.5px!important}
  .bigbtn.gold{background:linear-gradient(180deg,#07192e,#071323)!important}
  .bigbtn.dark{background:linear-gradient(180deg,#0a213d,#07172b)!important}
  .footer{font-size:10.5px!important;letter-spacing:1.1px!important;margin:13px 0 0!important}
  .settings-btn{top:max(14px,env(safe-area-inset-top))!important;left:13px!important;width:42px!important;height:42px!important;border-radius:14px!important;font-size:19px!important}
}
@media (max-width:390px){
  .home-games{gap:52px!important;padding:0 23px!important}
  .home-mark{width:35vw!important}
  .home-title{margin-left:14px!important;margin-right:14px!important;font-size:25px!important}
  .menu{padding:0 14px!important}
}

/* ===== Beta 4: clean home composition rebuilt from the approved reference ===== */
@media (max-width:520px){
  #app{max-width:430px!important;padding:0 10px 24px!important;overflow:hidden!important}
  #view{position:relative!important}
  .home-showcase{padding-top:max(34px,env(safe-area-inset-top))!important}
  .home-games{gap:72px!important;padding:0 34px!important;margin:0 0 -14px!important}
  .home-game{border-radius:19px!important;transform:rotate(-7deg)!important;border:1.5px solid #19aaff!important;box-shadow:0 0 8px #139fff,0 0 19px rgba(0,125,255,.46)!important}
  .home-game.gold{transform:rotate(7deg)!important;border-color:#ffc14a!important;box-shadow:0 0 8px #ffbf42,0 0 19px rgba(255,174,31,.38)!important}
  .home-mark{width:33vw!important;max-width:142px!important;margin:-8px auto 1px!important}
  .home-channel{font-size:15px!important;padding:7px 19px!important;margin:0 auto 9px!important;border-width:1.5px!important}
  .home-title{min-height:66px!important;margin:4px 12px 15px!important;padding:8px 16px!important;border-radius:0!important;border:none!important;background:linear-gradient(180deg,#0a1d39,#06152a)!important;clip-path:polygon(7% 8%,93% 8%,100% 50%,93% 92%,7% 92%,0 50%)!important;box-shadow:none!important;outline:1.5px solid rgba(255,188,63,.85)!important;outline-offset:-4px!important;font-size:28px!important;text-shadow:0 0 10px rgba(255,190,64,.22)!important}
  .home-title:before{content:'♛';font-size:20px;color:#ffc24b;margin-left:8px;filter:drop-shadow(0 0 6px #ffb633)}
  .menu{gap:11px!important;padding:0 13px!important}
  .bigbtn{min-height:65px!important;border-radius:25px!important;font-size:21px!important;border-width:1.5px!important}
  .bigbtn.gold{background:linear-gradient(180deg,#091a2e,#071323)!important}
  .bigbtn.dark{background:linear-gradient(180deg,#0a2039,#07172a)!important}
  .footer{font-size:10.5px!important;letter-spacing:1.1px!important;margin:13px 0 0!important}
  .settings-btn{top:max(14px,env(safe-area-inset-top))!important;left:13px!important;width:42px!important;height:42px!important;border-radius:14px!important;font-size:19px!important}
}
@media (max-width:390px){
  .home-games{gap:60px!important;padding:0 28px!important}
  .home-mark{width:34vw!important}
  .home-title{font-size:26px!important;margin-left:8px!important;margin-right:8px!important}
  .menu{padding:0 10px!important}
}

/* ===== Beta 5: final home alignment — approved reference, explicitly NO crown ===== */
@media (max-width:520px){
  #app{max-width:430px!important;padding:0 12px 26px!important;background:transparent!important}
  .home-showcase{padding-top:max(30px,env(safe-area-inset-top))!important}
  .home-games{gap:88px!important;padding:0 42px!important;margin:0 0 -20px!important;align-items:start!important}
  .home-game{border-radius:18px!important;transform:rotate(-6deg)!important;border:1.5px solid #18a9ff!important;box-shadow:0 0 7px #159cff,0 0 17px rgba(0,130,255,.38)!important}
  .home-game.gold{transform:rotate(6deg)!important;border-color:#ffc14b!important;box-shadow:0 0 7px #ffbd3e,0 0 17px rgba(255,176,35,.32)!important}
  .home-game img{aspect-ratio:1!important;object-fit:cover!important}
  .home-mark{width:42vw!important;max-width:178px!important;margin:-2px auto 2px!important;filter:drop-shadow(0 0 12px rgba(72,52,255,.20))!important}
  .home-channel{font-size:15px!important;padding:7px 21px!important;margin:0 auto 10px!important;border-width:1.5px!important;box-shadow:0 0 13px rgba(32,126,255,.24)!important}
  .home-title{position:relative!important;clip-path:none!important;outline:none!important;min-height:72px!important;margin:3px 16px 15px!important;padding:10px 26px!important;border:1.5px solid rgba(255,194,75,.9)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(11,35,67,.97),rgba(4,17,36,.98))!important;box-shadow:inset 0 0 0 3px rgba(20,92,157,.16),0 0 14px rgba(255,182,50,.13)!important;font-size:29px!important;font-weight:950!important;text-shadow:0 0 11px rgba(255,190,64,.24)!important;overflow:hidden!important}
  .home-title:before{content:''!important;position:absolute!important;left:13px!important;right:13px!important;top:8px!important;height:1px!important;background:linear-gradient(90deg,transparent,#269dff,#ffc34b,#269dff,transparent)!important;filter:drop-shadow(0 0 4px #218dff)!important}
  .home-title:after{content:''!important;position:absolute!important;left:13px!important;right:13px!important;bottom:8px!important;height:1px!important;background:linear-gradient(90deg,transparent,#ffc34b,#269dff,#ffc34b,transparent)!important}
  .menu{gap:10px!important;padding:0 17px!important}
  .bigbtn{min-height:63px!important;border-radius:23px!important;font-size:21px!important;box-shadow:0 0 15px rgba(0,145,255,.43),inset 0 0 18px rgba(255,255,255,.045)!important}
  .bigbtn.gold{border-color:#ffc34d!important;background:linear-gradient(100deg,#081a31,#0b1726)!important;color:#ffc84f!important;box-shadow:0 0 14px rgba(255,184,48,.32),inset 0 0 18px rgba(255,183,0,.035)!important}
  .bigbtn.dark{border-color:#268ee8!important;background:linear-gradient(100deg,#09213d,#0b2d53)!important;box-shadow:0 0 14px rgba(0,130,255,.28)!important}
  .settings-btn{top:max(13px,env(safe-area-inset-top))!important;left:13px!important;width:40px!important;height:40px!important;border-radius:13px!important;font-size:18px!important;background:rgba(7,28,53,.9)!important}
  .footer{margin:12px 0 0!important;font-size:10.5px!important}
}
@media (max-width:390px){
  .home-games{gap:76px!important;padding:0 36px!important}
  .home-mark{width:43vw!important;max-width:168px!important}
  .home-title{font-size:27px!important;margin-left:11px!important;margin-right:11px!important}
  .menu{padding:0 12px!important}
}

/* ===== Beta 6: reference-match home hero/title ===== */
@media (max-width:520px){
 .home-showcase{padding-top:max(28px,env(safe-area-inset-top))!important}
 .home-games{gap:72px!important;padding:0 34px!important;margin-bottom:-14px!important}
 .home-game{width:118px!important;max-width:29vw!important;border-radius:22px!important;transform:rotate(-8deg)!important}
 .home-game.gold{transform:rotate(8deg)!important}
 .home-mark{width:39vw!important;max-width:166px!important;margin:-3px auto -1px!important}
 .home-channel{margin-bottom:7px!important}
 .home-title{min-height:78px!important;margin:2px 9px 14px!important;padding:11px 30px!important;border:2px solid #ffc34b!important;border-radius:28px 28px 20px 20px!important;background:radial-gradient(circle at 50% 0,rgba(23,65,120,.55),transparent 48%),linear-gradient(180deg,#0b2244 0%,#07182e 58%,#061226 100%)!important;box-shadow:0 0 7px rgba(255,187,54,.85),0 0 18px rgba(22,126,255,.32),inset 0 0 0 2px rgba(35,127,218,.28),inset 0 -8px 18px rgba(0,0,0,.3)!important;overflow:visible!important}
 .home-title:before{content:''!important;position:absolute!important;left:-9px!important;right:-9px!important;top:50%!important;height:44px!important;transform:translateY(-50%)!important;background:linear-gradient(90deg,#ffc34b 0 8px,transparent 8px calc(100% - 8px),#ffc34b calc(100% - 8px))!important;clip-path:polygon(0 50%,9px 30%,9px 70%,0 50%,100% 50%,calc(100% - 9px) 30%,calc(100% - 9px) 70%,100% 50%)!important;filter:drop-shadow(0 0 5px #ffbd3f)!important;pointer-events:none!important}
 .home-title:after{content:'◆'!important;position:absolute!important;left:50%!important;bottom:-10px!important;transform:translateX(-50%)!important;width:20px!important;height:20px!important;line-height:20px!important;text-align:center!important;font-size:11px!important;color:#ffd35b!important;background:#092449!important;border:1px solid #ffc34b!important;rotate:45deg!important;box-shadow:0 0 8px #ffb82f,0 0 10px #148dff!important}
 .home-title .goldword{color:#ffc44d!important;text-shadow:0 0 9px rgba(255,187,50,.35)!important}
 .menu{gap:11px!important;padding:0 12px!important}
 .bigbtn{min-height:68px!important;border-radius:25px!important;font-size:22px!important}
}
@media(max-width:390px){
 .home-games{gap:64px!important;padding:0 29px!important}
 .home-game{width:110px!important}
 .home-title{font-size:27px!important;margin-left:6px!important;margin-right:6px!important}
}

/* ===== Beta 7: clean reference refinement — no arrows / no diamond ===== */
@media (max-width:520px){
 .home-games{gap:68px!important;padding:0 31px!important;margin-bottom:-12px!important}
 .home-game{width:122px!important;max-width:30vw!important;border-radius:23px!important;transform:rotate(-7deg)!important}
 .home-game.gold{transform:rotate(7deg)!important}
 .home-mark{width:40vw!important;max-width:170px!important;margin:-4px auto 0!important}
 .home-channel{margin-bottom:9px!important}
 .home-title{min-height:76px!important;margin:2px 11px 14px!important;padding:10px 22px!important;border:2px solid #d9a13a!important;border-radius:28px!important;background:radial-gradient(ellipse at 50% -15%,rgba(30,83,151,.55),transparent 55%),linear-gradient(180deg,#0a2243 0%,#07182f 62%,#051226 100%)!important;box-shadow:0 0 6px rgba(255,188,62,.58),0 0 15px rgba(21,126,255,.25),inset 0 0 0 2px rgba(30,106,188,.18),inset 0 -10px 22px rgba(0,0,0,.28)!important;overflow:hidden!important}
 .home-title:before{content:''!important;position:absolute!important;left:18px!important;right:18px!important;top:8px!important;height:1px!important;transform:none!important;background:linear-gradient(90deg,transparent,#1e8eff 24%,#e9b54b 50%,#1e8eff 76%,transparent)!important;clip-path:none!important;filter:drop-shadow(0 0 3px rgba(30,142,255,.8))!important}
 .home-title:after{content:''!important;position:absolute!important;left:18px!important;right:18px!important;bottom:8px!important;top:auto!important;width:auto!important;height:1px!important;line-height:normal!important;transform:none!important;rotate:0deg!important;background:linear-gradient(90deg,transparent,#d6a13e 25%,#258de2 50%,#d6a13e 75%,transparent)!important;border:0!important;box-shadow:none!important}
 .home-title .goldword{color:#ffc24b!important}
}

/* Beta 8: reference plaque rendered as SVG; no crown, arrows or diamond */
@media (max-width: 700px){
  .home-title.home-title-svg{position:relative!important;height:76px!important;min-height:76px!important;margin:2px 8px 14px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;isolation:isolate!important}
  .home-title.home-title-svg:before,.home-title.home-title-svg:after{content:none!important;display:none!important}
  .home-title-svg .title-frame{position:absolute!important;inset:-3px -5px!important;width:calc(100% + 10px)!important;height:calc(100% + 6px)!important;z-index:-1!important;filter:drop-shadow(0 0 7px rgba(255,184,47,.42)) drop-shadow(0 0 12px rgba(21,128,255,.24))!important}
  .home-title-svg .title-copy{position:relative!important;z-index:2!important;font-size:27px!important;font-weight:950!important;line-height:1!important;color:#f6f8ff!important;text-shadow:0 2px 2px #000,0 0 8px rgba(255,255,255,.14)!important;white-space:nowrap!important}
  .home-title-svg .goldword{color:#ffc44d!important;text-shadow:0 2px 2px #000,0 0 9px rgba(255,186,45,.38)!important}
}
@media (max-width:390px){.home-title-svg .title-copy{font-size:25px!important}.home-title.home-title-svg{height:70px!important;min-height:70px!important}}

/* ===== Beta 9: two challenge systems — no swords, no decorative 1v1 ===== */
.challenge-modes{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}.mode-card{position:relative;min-height:150px;border-radius:28px;border:1.5px solid #239cff;background:radial-gradient(circle at 50% 0,rgba(24,108,201,.28),transparent 52%),linear-gradient(180deg,#0b284b,#06162b);color:#fff;padding:22px 18px;box-shadow:0 0 18px rgba(19,139,255,.28),inset 0 0 25px rgba(20,111,210,.08)}.mode-card.knockout{border-color:#e9b447;box-shadow:0 0 18px rgba(255,184,53,.24),inset 0 0 25px rgba(255,179,35,.06)}.mode-card .mode-icon{display:block;font-size:38px;margin-bottom:8px}.mode-card b{display:block;font-size:25px;color:#f8fbff}.mode-card.knockout b{color:#ffc64d}.mode-card small{display:block;color:#9fb6d0;font-size:14px;margin-top:8px}.challenge-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px}.challenge-head .quick-title{text-align:center;margin:0}.mini-back{position:absolute;right:0;border:1px solid #2a689d;background:#09213d;color:#dcecff;border-radius:13px;padding:9px 12px;font-weight:800}.round-banner{text-align:center;margin:10px 0 16px;padding:13px;border:1px solid #d6a441;border-radius:20px;background:linear-gradient(180deg,#0c294b,#06162b);box-shadow:0 0 14px rgba(255,185,55,.16)}.round-banner small{display:block;color:#93aac5}.round-banner b{display:block;color:#ffc64d;font-size:25px;margin-top:3px}.bracket{display:grid;gap:12px}.ko-match{position:relative;display:grid;grid-template-columns:30px 1fr 38px 1fr;align-items:center;gap:7px}.ko-no{color:#ffc64d;font-weight:900;text-align:center}.ko-player{min-height:58px;border:1px solid #238de4;border-radius:17px;background:linear-gradient(180deg,#0b294c,#07182e);color:#fff;font-size:17px;font-weight:900;padding:10px 7px;box-shadow:inset 0 0 16px rgba(22,122,220,.06)}button.ko-player{cursor:pointer}.ko-player.winner{border-color:#e9b447;color:#ffd36b;box-shadow:0 0 12px rgba(255,185,54,.22),inset 0 0 16px rgba(255,184,45,.06)}.ko-player small{display:block;font-size:10px;color:#73e5bd;margin-top:4px}.ko-vs{text-align:center;color:#8d5dff;font-weight:950}.ko-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.ko-actions .primary{grid-column:1/-1;min-height:56px}.champion-cup{text-align:center;margin:18px 0;padding:28px 18px;border:1.5px solid #e7b044;border-radius:30px;background:radial-gradient(circle at 50% 5%,rgba(255,189,54,.16),transparent 36%),linear-gradient(180deg,#0c2949,#061427);box-shadow:0 0 24px rgba(255,184,46,.2)}.champion-cup .cup{font-size:76px;filter:drop-shadow(0 0 12px rgba(255,187,45,.4))}.champion-cup small{color:#9fb2c8;font-size:15px}.champion-cup h2{font-size:34px;color:#ffc84f;margin:7px 0 18px}.champion-cup .action{margin:5px;min-width:130px}
@media(min-width:560px){.challenge-modes{grid-template-columns:1fr 1fr}.mode-card{min-height:190px}}
@media(max-width:390px){.ko-match{grid-template-columns:25px 1fr 32px 1fr}.ko-player{font-size:15px}.challenge-head .quick-title{font-size:24px}.mini-back{font-size:11px;padding:8px}}
/* Beta 9.1 — refined normal challenge */
.add-player-card{padding:14px!important}.add-player-btn{max-width:190px}.participants{max-height:360px!important;overflow:auto}.participants .table th{color:#dce9f7;font-size:14px}.participants .table td:nth-child(2){font-weight:800;font-size:17px}.participants .iconbtn{min-width:38px}.quick-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.quick-tools .action{min-height:64px;border:1px solid #245e90;background:#0b294b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.quick-tools .action span{font-size:12px}.quick-tools .primary{background:linear-gradient(135deg,#0b87ff,#5138ef)}.quick-tools .gold{background:#3b2b0b;border-color:#9c7119}.quick-tools .red{background:#381121;border-color:#8c2941}.match-title-row{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:8px}.match-title-row h2{margin:0!important}.match-title-row small{color:#91a6bf;font-size:12px}.match-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.match .player{position:relative;cursor:pointer}.match .player small{font-size:12px}.match .player.out small{color:#ff9aae}.match .player.out:after{content:'✓';position:absolute;top:6px;left:8px;width:20px;height:20px;border-radius:6px;background:#ff3156;color:white;display:grid;place-items:center;font-size:13px}
@media(max-width:520px){.add-player-card .row{display:grid;grid-template-columns:minmax(0,1fr) 115px}.add-player-btn{max-width:none}.quick-tools{grid-template-columns:repeat(4,1fr);gap:6px}.quick-tools .action{padding:8px 3px;min-height:58px;font-size:16px}.quick-tools .action span{font-size:10px}.participants .table th,.participants .table td{padding:10px 4px}.participants .table th:first-child,.participants .table td:first-child{width:34px}.participants .table th:last-child,.participants .table td:last-child{width:100px}.match-title-row{display:block}.match-title-row small{display:block;margin-top:-2px;margin-bottom:8px}.match-actions{grid-template-columns:1fr}.match .player{font-size:18px!important}.match .player small{font-size:10px!important}}
/* Beta 9.2 — final normal challenge compact pass */
.participants .iconbtn{min-width:34px!important;width:34px!important;height:34px!important;padding:4px!important;font-size:14px!important}
.match-actions.single{grid-template-columns:1fr!important}
.match-panel .match{margin:6px 0!important}
.match-panel .player{min-height:62px!important;padding:7px 5px!important}
.match-panel .matchno{min-height:62px!important}
.match-panel .player small{display:block;margin-top:3px;color:#dce8f5}
@media(max-width:520px){.match-panel{padding:11px 9px!important}.match-panel .match{grid-template-columns:32px minmax(0,1fr) 36px minmax(0,1fr)!important;gap:5px!important}.match-panel .player,.match-panel .matchno{min-height:60px!important}.match-panel .player{font-size:17px!important}.match-panel .vs{font-size:20px!important}.participants .table th:last-child,.participants .table td:last-child{width:82px!important}}

/* Beta 9.3 — larger exclusion control inside normal challenge matches */
.match-panel .player small{
  margin-top:7px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.35!important;
  color:#f4f8ff!important;
}
.match-panel .player small::first-letter{font-size:22px}
@media(max-width:520px){
  .match-panel .player small{
    margin-top:6px!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
}
\n/* Beta 9.4 — real exclusion checkbox, smaller label */\n.match-panel .player .exclude-control{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin-top:5px!important;font-size:10px!important;font-weight:700!important;line-height:1!important;color:#c9d7e7!important}\n.match-panel .player .exclude-box{width:27px!important;height:27px!important;flex:0 0 27px!important;border:2px solid #8fa9c2!important;border-radius:7px!important;background:#06162b!important;display:grid!important;place-items:center!important;color:#fff!important;font-size:18px!important;font-weight:950!important;box-shadow:inset 0 0 7px rgba(255,255,255,.04)!important}\n.match-panel .player.out .exclude-box{background:#e82f50!important;border-color:#ff5570!important;box-shadow:0 0 9px rgba(255,49,86,.42)!important}\n.match-panel .player .exclude-label{font-size:10px!important;font-weight:700!important;color:#c9d7e7!important}\n.match-panel .player.out .exclude-label{color:#ff9aae!important}\n@media(max-width:520px){.match-panel .player .exclude-control{gap:5px!important;margin-top:4px!important}.match-panel .player .exclude-box{width:26px!important;height:26px!important;flex-basis:26px!important}.match-panel .player .exclude-label{font-size:9px!important}}\n
/* Beta 9.4 — real exclusion checkbox, smaller label */
.match-panel .player .exclude-control{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin-top:5px!important;font-size:10px!important;font-weight:700!important;line-height:1!important;color:#c9d7e7!important}
.match-panel .player .exclude-box{width:27px!important;height:27px!important;flex:0 0 27px!important;border:2px solid #8fa9c2!important;border-radius:7px!important;background:#06162b!important;display:grid!important;place-items:center!important;color:#fff!important;font-size:18px!important;font-weight:950!important}
.match-panel .player.out .exclude-box{background:#e82f50!important;border-color:#ff5570!important;box-shadow:0 0 9px rgba(255,49,86,.42)!important}
.match-panel .player .exclude-label{font-size:10px!important;font-weight:700!important;color:#c9d7e7!important}
.match-panel .player.out .exclude-label{color:#ff9aae!important}
@media(max-width:520px){.match-panel .player .exclude-control{gap:5px!important;margin-top:4px!important}.match-panel .player .exclude-box{width:26px!important;height:26px!important;flex-basis:26px!important}.match-panel .player .exclude-label{font-size:9px!important}}

/* Beta 9.5 — clearer knockout winner selection */
.ko-player{position:relative;transition:.18s ease;touch-action:manipulation}
.ko-player::after{content:'اختر الفائز';display:block;margin-top:5px;font-size:10px;font-weight:800;color:#7f9bb8;opacity:.9}
.ko-player.winner{border:2px solid #f3bd45!important;color:#ffd05d!important;background:linear-gradient(180deg,#17334f,#0b2037)!important;box-shadow:0 0 18px rgba(255,188,55,.34),inset 0 0 20px rgba(255,185,45,.10)!important}
.ko-player.winner::before{content:'✓';position:absolute;top:6px;left:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f2b93e;color:#07182e;font-size:14px;font-weight:950;box-shadow:0 0 10px rgba(255,190,60,.4)}
.ko-player.winner::after{content:'تم اختيار الفائز';color:#ffd05d}
.ko-player:not(.winner):active{transform:scale(.98)}

/* Beta 9.6 — quick challenge winner selection */
.match-panel .quick-player{font-family:inherit;width:100%;color:#fff;cursor:pointer;position:relative}
.match-panel .quick-player.winner{border:2px solid #f3bd45!important;color:#ffd05d!important;background:linear-gradient(180deg,#17334f,#0b2037)!important;box-shadow:0 0 18px rgba(255,188,55,.34),inset 0 0 20px rgba(255,185,45,.10)!important}
.match-panel .quick-player.winner::before{content:'✓';position:absolute;top:6px;left:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f2b93e;color:#07182e;font-size:14px;font-weight:950;box-shadow:0 0 10px rgba(255,190,60,.4)}
.match-panel .quick-player.winner small{display:block;color:#ffd05d!important;font-size:10px!important;margin-top:4px}
.match-panel .quick-player.auto small{color:#73e5bd!important}
.match-actions .quick-qualify{background:#765607;border-color:#d5a42f;min-height:54px}

/* Beta 9.9 — quick final flow */
.quick-qualify.qualified,.quick-qualify:disabled{opacity:.72;cursor:default;background:#23452f!important;border-color:#4e9c69!important;color:#9ff0ba!important}
.quick-champion-cup{margin-top:18px!important}.quick-champion-cup .action{min-width:145px}
.quick-champion-export{text-align:center;min-width:620px;padding:50px 42px!important;background:radial-gradient(circle at 50% 10%,rgba(255,189,54,.18),transparent 35%),linear-gradient(180deg,#0c2949,#061427)!important;border:2px solid #e7b044!important;border-radius:30px!important}.quick-champion-export .cup{font-size:92px}.quick-champion-export h2{font-size:46px;color:#ffc84f;margin:12px 0 28px}
/* Beta 9.11 — champion honor polish */
.honor-game-label{font-size:24px;font-weight:900;color:#ffc44d;text-align:center;margin:0 0 18px}.field-label{display:block;color:#aebbd0;font-weight:800;margin:0 4px 7px;text-align:right}.honor-actions-card .approve-btn{width:100%}.honor-data-card{border-color:#225f91}
/* Beta 9.12 — larger champion shield + footer directly under shield */
.champion-export{width:720px!important;max-width:100%!important;padding:0 0 8px!important;background:#000!important}
.shield-wrap{width:100%!important;margin:0!important;background:#000!important}
.shield-wrap>img{width:100%!important;height:auto!important;display:block!important}
.champion-export .shield-name{font-size:clamp(27px,6vw,44px)!important;font-weight:950!important}
.champion-export .shield-member{font-size:clamp(15px,3.4vw,24px)!important;font-weight:900!important}
.champion-footer{margin:0!important;padding:9px 8px 7px!important;background:#000!important;font-size:15px!important;line-height:1.2!important;letter-spacing:.6px!important}
@media(max-width:520px){
 .champion-export{width:100%!important;border-radius:18px!important}
 .champion-export .shield-name{font-size:clamp(25px,7vw,38px)!important}
 .champion-export .shield-member{font-size:clamp(14px,3.8vw,21px)!important}
 .champion-footer{padding:8px 6px 6px!important;font-size:13px!important}
}
/* Beta 9.13 — compact award export: remove empty black margins and keep footer under base */
.champion-export.carrom .shield-name{top:67.0%!important;height:11.6%!important}
.champion-export.carrom .shield-member{top:78.0%!important;height:7.9%!important}
.champion-export.luno .shield-name{top:63.9%!important;height:10.5%!important}
.champion-export.luno .shield-member{top:73.2%!important;height:7.2%!important}
.champion-footer{margin-top:0!important;padding:10px 8px 9px!important}

/* Beta 9.14 — Champions records redesign */
.records.records-vertical{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin-top:8px}
.record-card.record-wide{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:16px;width:100%;min-height:142px;padding:12px 14px;border:1.5px solid #277bc0;border-radius:24px;background:linear-gradient(135deg,#0b2442,#07172c);color:#fff;text-align:right;box-shadow:0 10px 28px #0005,0 0 18px #168cff18;overflow:hidden}
.record-card.record-wide.gold-record{border-color:#c9972f;background:linear-gradient(135deg,#2a210d,#0b1a2d);box-shadow:0 10px 28px #0005,0 0 18px #ffc24b18}
.record-visual{height:116px;border-radius:18px;overflow:hidden;background:#04101f;border:1px solid #244d75;display:flex;align-items:center;justify-content:center}
.record-visual img{width:100%;height:100%;object-fit:contain!important;aspect-ratio:auto!important;border-radius:0!important;display:block}
.record-visual.mix{display:grid;grid-template-columns:1fr 1fr;gap:2px}.record-visual.mix img{width:100%;height:100%;object-fit:cover!important}
.record-copy b{display:block;font-size:24px!important;padding:0!important;font-weight:900;color:#fff}.gold-record .record-copy b{color:#ffd064}.record-copy small{display:block;margin-top:7px;color:#9eb4ce;font-size:13px;line-height:1.5}
.record-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.record-form-grid .full{grid-column:1/-1}
.record-filters{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:8px;margin-bottom:12px}.record-filters .input{padding:12px;font-size:15px}
.record-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}.record-summary .stat{padding:10px 6px}.record-summary .stat b{font-size:22px}
.record-member{border:1px solid #214c73;border-radius:20px;background:#071a31;margin:10px 0;overflow:hidden}.record-member-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 14px;background:#0b2340}.record-member-head b{font-size:18px}.record-member-head .member-no{font-size:12px;color:#9fb2c9;margin-top:3px}.record-total{color:#ffc84e;font-weight:900;white-space:nowrap}
.win-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 14px;border-top:1px solid #173a5b}.win-meta{font-size:13px;color:#dce8f6;line-height:1.7}.win-meta strong{color:#73baff}.win-actions{display:flex;gap:6px}.win-actions button{border:0;border-radius:10px;padding:8px 9px;background:#123b63;color:#fff}.win-actions .del{background:#4a1424;color:#ff8da3}
@media(max-width:520px){.record-card.record-wide{grid-template-columns:104px 1fr;min-height:128px}.record-visual{height:102px}.record-copy b{font-size:21px!important}.record-form-grid{grid-template-columns:1fr}.record-form-grid .full{grid-column:auto}.record-filters{grid-template-columns:1fr 1fr}.record-filters #search{grid-column:1/-1}.record-summary{grid-template-columns:repeat(3,1fr)}}

/* Beta 9.15 — unified Sultan Team inner-page identity + compact Arabic date field */
body{font-family:"SultanTajawal",Tajawal,sans-serif;background:radial-gradient(circle at 50% 0,#0c315a 0,#061a32 28%,#020b18 72%) fixed}
.page-brand{position:relative}.page-brand:after{content:"";position:absolute;inset:8px 8% auto;height:150px;background:radial-gradient(circle,rgba(20,117,255,.10),transparent 68%);pointer-events:none;z-index:-1}
.title{color:#ffc64f;text-shadow:0 0 16px rgba(255,185,45,.28);font-weight:950}
.card{border:1.5px solid #1f70aa!important;background:radial-gradient(circle at 50% 0,rgba(21,112,205,.13),transparent 42%),linear-gradient(180deg,rgba(8,35,67,.97),rgba(3,16,32,.98))!important;box-shadow:0 12px 34px #0007,0 0 15px rgba(15,141,255,.10),inset 0 0 24px rgba(21,115,205,.05)!important}
.action.primary,.bigbtn{background:linear-gradient(105deg,#079bff,#6538ff)!important;box-shadow:0 0 17px rgba(21,145,255,.25)}
.action.gold,.bigbtn.gold{background:linear-gradient(105deg,#7d5708,#c89118)!important;box-shadow:0 0 15px rgba(255,190,55,.18)}
.input{min-height:58px;border:1.5px solid #2b689b!important;background:#06172c!important;border-radius:18px!important;font-family:inherit!important}
.record-date-field{grid-column:1/-1;width:100%;min-height:58px;border:1.5px solid #2b689b;background:#06172c;border-radius:18px;padding:7px 12px;display:flex;align-items:center;gap:10px;direction:rtl}
.record-date-field .date-caption{color:#aeb9ca;font-size:15px;font-weight:800;white-space:nowrap}
.record-date-field .date-parts{display:grid;grid-template-columns:.7fr .7fr 1fr;gap:6px;flex:1;direction:rtl}
.record-date-field .input{min-height:42px!important;height:42px!important;padding:5px 7px!important;font-size:15px!important;text-align:center;border-radius:12px!important;background:#0a203b!important}
.record-card.record-wide{border-width:1.5px!important;box-shadow:0 12px 30px #0006,0 0 16px rgba(20,145,255,.14)!important}
.record-card.record-wide.gold-record{box-shadow:0 12px 30px #0006,0 0 18px rgba(255,190,55,.14)!important}
@media(max-width:520px){.record-date-field{min-height:58px;padding:6px 9px;gap:7px}.record-date-field .date-caption{font-size:13px}.record-date-field .date-parts{gap:4px}.record-date-field .input{font-size:14px!important;padding:4px!important}}

/* Beta 9.16 — records final polish */
.page-brand{overflow:visible!important}
.page-brand img{display:block!important;object-fit:contain!important;filter:drop-shadow(0 0 12px rgba(25,126,255,.22))!important}
.page-brand .channel{width:max-content!important;max-width:88%!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important}
.record-date-field{align-items:flex-end!important}
.record-date-field .date-parts{position:relative;padding-top:17px!important}
.record-date-field .date-parts:before{content:'اليوم        الشهر          السنة';position:absolute;top:0;right:0;left:0;color:#7891ad;font-size:10px;font-weight:800;letter-spacing:.1px;text-align:center;word-spacing:12px;pointer-events:none}
.record-date-field .input{font-size:14px!important;font-weight:800!important}
.record-summary .stat{min-height:76px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important}
.record-summary .stat span{font-size:13px!important;color:#9eb4ce!important;font-weight:800!important}
.record-summary .stat b{font-size:23px!important;line-height:1!important;color:#fff!important}
.record-summary .stat.green b{color:#ffc84e!important}
@media(max-width:520px){
 .page-brand img{width:31vw!important;max-width:128px!important;height:auto!important}
 .page-brand .channel{font-size:14px!important;padding:6px 14px!important;max-width:92%!important}
 .record-date-field{align-items:flex-end!important}
 .record-date-field .date-caption{padding-bottom:10px!important}
 .record-date-field .date-parts{padding-top:16px!important}
 .record-date-field .date-parts:before{font-size:9px!important;word-spacing:7px!important}
 .record-date-field .input{font-size:13px!important}
 .record-summary .stat{min-height:70px!important;padding:8px 4px!important}
 .record-summary .stat span{font-size:12px!important}
 .record-summary .stat b{font-size:21px!important}
}

.backup-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.backup-summary span{padding:12px;border:1px solid #315273;border-radius:12px;font-size:14px}.backup-summary b{color:#ffc84e}.light .backup-summary b{color:#75510b}

.statistics-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.statistics-filters label{font-size:13px;font-weight:700;min-width:0}.statistics-filters .input{margin-top:6px;width:100%;min-width:0}.statistics-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.statistics-summary .stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px}.statistics-summary .stat span{font-size:14px}.statistics-summary .stat b{font-size:28px;color:#ffc84e}.statistics-leader{display:flex;align-items:center;gap:12px;border-bottom:1px solid #315273;padding:16px 0}.statistics-leader:last-child{border-bottom:0}.statistics-rank{width:40px;flex:0 0 40px;text-align:center;font-size:20px;font-weight:900;color:#9bb7d7}.statistics-rank small{display:block;font-size:12px}.statistics-rank.top{color:#ffc84e}.statistics-member{flex:1;min-width:0;overflow-wrap:anywhere}.statistics-member>b{font-size:18px}.statistics-member>small{display:block;margin-top:6px;color:#9bb7d7}.statistics-total{text-align:center;flex:0 0 52px}.statistics-total>b{display:block;color:#ffc84e;font-size:25px}.statistics-total>small{font-size:12px}.light .statistics-summary .stat b,.light .statistics-total>b,.light .statistics-rank.top{color:#75510b}.light .statistics-member>small{color:#355272}
@media(max-width:380px){.statistics-filters{gap:6px}.statistics-filters .input{padding:10px 4px;font-size:12px}.statistics-leader{gap:8px}.statistics-member>b{font-size:16px}}

/* Beta 9.19: give Arabic filter values room and replace native iOS arrows. */
.statistics-filters label{position:relative;display:block}
.statistics-filters select.input{-webkit-appearance:none;appearance:none;display:block;direction:rtl;text-align:right;font-size:16px;padding:12px 12px 12px 36px;line-height:1.5;min-height:58px;white-space:nowrap}
.statistics-filters label:after{content:'';position:absolute;left:16px;bottom:25px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);pointer-events:none;opacity:.8}
@media(max-width:520px){.statistics-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.statistics-filters label:first-child{grid-column:1/-1}.statistics-filters select.input{font-size:16px;padding:12px 12px 12px 36px}}
@media(max-width:380px){.statistics-filters{grid-template-columns:minmax(0,1fr)}.statistics-filters label:first-child{grid-column:auto}}

.statistics-export{position:absolute;left:-10000px;top:0;width:640px;max-width:none;padding:28px;background:#061426;color:#fff;font-family:"SultanTajawal",Tajawal,Arial,sans-serif;border:2px solid #315c87;border-radius:24px;box-sizing:border-box}.statistics-export-brand{text-align:center}.statistics-export-brand img{display:block;width:120px;height:120px;object-fit:contain;margin:auto}.statistics-export-brand>b{display:block;color:#ffc84e;font-size:18px;letter-spacing:3px;margin-top:8px}.statistics-export h1{text-align:center;color:#ffc84e;font-size:30px;margin:20px 0 12px}.statistics-export h2{font-size:22px;margin:24px 0 14px}.statistics-export-period{text-align:center;color:#b0c5dc;font-size:17px}.statistics-export-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.statistics-export-summary>div{border:1px solid #315273;border-radius:16px;background:#0b2038;text-align:center;padding:14px}.statistics-export-summary span{display:block;color:#a9bdd4;font-size:16px}.statistics-export-summary b{display:block;color:#ffc84e;font-size:30px;margin-top:6px}.statistics-export-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px}.statistics-export-table th{color:#a9bdd4;font-size:14px;padding:12px 4px;border-bottom:2px solid #315273}.statistics-export-table td{padding:14px 4px;border-bottom:1px solid #24486d;text-align:center;overflow-wrap:anywhere}.statistics-export-table th:nth-child(2){width:46%}.statistics-export-table td:nth-child(2){text-align:right;padding-inline:8px}.statistics-export-table td small{display:block;color:#a9bdd4;margin-top:6px;font-size:13px}.statistics-export-table strong,.statistics-export-table .first td:first-child{color:#ffc84e;font-size:20px}.statistics-export-note,.statistics-export-empty{color:#a9bdd4;text-align:center;font-size:14px;line-height:1.7}.statistics-export-footer{border-top:1px solid #315273;padding-top:18px;margin-top:22px;text-align:center;color:#a9bdd4;font-size:14px}.statistics-export-footer b{color:#ffc84e}.statistics-export-footer span{display:block;margin-top:8px}.statistics-image-dialog{width:calc(100% - 24px);max-width:560px;max-height:85vh;overflow:auto;border:1px solid #315273;border-radius:22px;background:#061426;color:#fff;padding:18px;text-align:center}.statistics-image-dialog::backdrop{background:#000b}.statistics-image-previews{max-height:48vh;overflow:auto;margin:14px 0}.statistics-image-previews img{display:block;width:100%;height:auto;margin-bottom:12px}.statistics-image-dialog button{display:block;width:100%;margin-top:10px}#saveStats:disabled{opacity:.6}

.win-edit-dialog{width:calc(100% - 24px);max-width:520px;max-height:85vh;overflow:auto;background:#061426;color:#fff;border:1px solid #315c87;border-radius:24px;padding:22px}.win-edit-dialog::backdrop{background:#000b}.win-edit-dialog h2{font-size:23px;text-align:center;color:#ffc84e}.win-edit-game{text-align:center;color:#a9bdd4;margin:8px 0 20px}.win-edit-dialog label{display:block;font-size:14px;font-weight:700;margin-top:14px}.win-edit-dialog .input{display:block;font-size:16px;margin-top:7px;min-width:0;line-height:1.5}.win-edit-dialog fieldset{border:1px solid #315273;border-radius:16px;margin:18px 0 0;padding:0 12px 14px;min-width:0}.win-edit-dialog legend{font-size:15px;padding:0 6px}.win-edit-date{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px}.win-edit-date .input{padding:12px 6px;text-align:center}.win-edit-error{color:#ff9aae;font-size:14px;line-height:1.5;min-height:21px;margin:14px 0}.win-edit-dialog .row{margin-top:12px}.win-edit-dialog .action{font-size:16px;min-height:50px}

.unified-record-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.record-rank{color:#ffc84e;margin-inline-end:6px}.light .record-rank{color:#75510b}

.knockout-export h1{font-size:27px}.ko-export-round{text-align:center;font-size:24px;color:#ffc84e;font-weight:800;border:1px solid #315c87;border-radius:16px;padding:12px;background:#0b2038;margin:20px 0}.ko-export-match{border:1px solid #315273;border-radius:18px;padding:14px;margin:14px 0;background:#0a1b31}.ko-export-number{color:#a9bdd4;font-size:14px;margin-bottom:12px;text-align:center}.ko-export-pair{display:flex;align-items:stretch;gap:10px}.ko-export-player{flex:1;min-width:0;padding:16px 10px;border:1px solid #2374ae;border-radius:14px;text-align:center;background:#082645;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:8px;overflow-wrap:anywhere}.ko-export-player b{font-size:20px}.ko-export-player small{font-size:13px;color:#a9bdd4}.ko-export-player.winner{background:#dba438;border:2px solid #ffdd86;color:#291b05}.ko-export-player.winner small{color:#392407;font-weight:800}.ko-export-vs{align-self:center;flex:0 0 34px;text-align:center;font-size:18px;font-weight:900;color:#a9bdd4}.ko-export-pair.bye{max-width:360px;margin:auto}#saveKnockoutRound:disabled{opacity:.6}

.unified-export-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:24px}.unified-export-table th,.unified-export-table td{padding:14px 10px;border-bottom:1px solid #315273;font-size:20px;text-align:right;overflow-wrap:anywhere}.unified-export-table th{font-size:16px;color:#a9bdd4}.unified-export-table th:first-child,.unified-export-table td:first-child{width:60px;text-align:center;color:#ffc84e}.unified-export-champion{text-align:center;padding:30px 0}.unified-export-champion>span{font-size:80px}.unified-export-champion h2{font-size:36px;color:#ffc84e;overflow-wrap:anywhere}.unified-export-result{border:1px solid #315273;border-radius:16px;padding:14px;margin:12px 0}.unified-export-result b{font-size:20px;overflow-wrap:anywhere}.unified-export-result small{display:block;font-size:14px;color:#a9bdd4;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}.unified-export-result p{font-size:16px;color:#fff;line-height:1.6;margin:8px 0 0;overflow-wrap:anywhere}

.bulk-player-btn{display:block;width:100%;margin-top:12px}.bulk-players-dialog textarea{resize:vertical;min-height:180px;line-height:1.8}.bulk-players-dialog .notice{line-height:1.7}

/* 9.43: one compact image for the complete normal challenge round. */
.quick-export-full .statistics-export-brand img{width:100px!important}
.quick-export-full h1{font-size:28px!important;margin:16px 0!important}
.quick-export-full .ko-export-match{padding:12px!important;margin:10px 0!important}
.quick-export-full .ko-export-number{font-size:18px!important;margin-bottom:8px!important}
.quick-export-full .ko-export-player{padding:12px 10px!important;min-height:70px!important}
.quick-export-full .ko-export-player b{font-size:23px!important}
.quick-export-full .ko-export-player small{font-size:13px!important;margin-top:5px!important}

/* 9.44: sixteen matches fit a compact two-column round image. */
.quick-export-full .quick-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.quick-export-full .quick-export-grid .ko-export-match{margin:0!important;padding:10px!important;min-width:0;border-radius:16px!important}
.quick-export-full .quick-export-grid .ko-export-number{font-size:15px!important;margin-bottom:7px!important}
.quick-export-full .quick-export-grid .ko-export-pair{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important;gap:5px!important}
.quick-export-full .quick-export-grid .ko-export-pair.bye{grid-template-columns:1fr!important}
.quick-export-full .quick-export-grid .ko-export-player{padding:10px 5px!important;min-height:66px!important;border-radius:12px!important;overflow-wrap:anywhere}
.quick-export-full .quick-export-grid .ko-export-player b{font-size:18px!important;line-height:1.4}
.quick-export-full .quick-export-grid .ko-export-player small{font-size:10px!important;line-height:1.4;margin-top:4px!important}
.quick-export-full .quick-export-grid .ko-export-vs{font-size:16px!important}

/* 9.45: preserve original logo proportions in the compact export. */
.quick-export-full .statistics-export-brand img{height:auto!important;object-fit:contain}

/* 9.46: shorter round-image header with the logo's natural proportions. */
.statistics-export.quick-round-image{padding:18px 28px!important}
.quick-export-full .statistics-export-brand img{width:90px!important;height:auto!important;object-fit:contain;margin:0 auto!important}
.quick-export-full .statistics-export-brand>b{font-size:16px;letter-spacing:2.5px;margin-top:4px}
.quick-export-full h1{font-size:26px!important;margin:12px 0!important}
.quick-export-full .ko-export-round{font-size:21px;margin:12px 0;padding:9px}

/* 9.51: approved navy trophy artwork and dynamic text panels. */
.champion-export,.shield-wrap,.champion-footer{background:#061426!important}
.champion-export.carrom .shield-name{top:68.5%!important;height:8.5%!important;left:27%!important;right:27%!important}
.champion-export.carrom .shield-member{top:77.5%!important;height:5.2%!important;left:26%!important;right:26%!important}
.champion-export.luno .shield-name{top:63.2%!important;height:7.2%!important;left:27%!important;right:27%!important}
.champion-export.luno .shield-member{top:70.9%!important;height:4.5%!important;left:27%!important;right:27%!important}

/* 9.73: clearer names in publishable participant and normal-match images. */
.participants-export-table td{font-size:25px;font-weight:800;padding:11px 10px;line-height:1.35}
.participants-export-table td:first-child{font-size:23px;font-weight:900}
.unified-image-export:has(.participants-export-table) .statistics-export-period{font-size:18px;font-weight:700}
.quick-export-full .quick-export-grid .ko-export-player{min-height:76px!important}
.quick-export-full .quick-export-grid .ko-export-player b{font-size:21px!important;font-weight:900;line-height:1.4}
.quick-export-full .quick-export-grid .ko-export-player small{font-size:12px!important;line-height:1.4}
.quick-export-full .quick-export-grid .ko-export-vs{font-size:19px!important;color:#ed63ff;text-shadow:0 0 8px #cc39f780}
.quick-export-full .ko-export-round{border-color:#4595d5;box-shadow:0 0 10px #1598ff26}
.quick-export-full .statistics-export-note{margin:12px 0 10px;line-height:1.5}
.quick-export-full .statistics-export-footer{margin-top:14px;padding-top:14px}

/* 9.81: one participant image with larger names and sequential columns. */
.statistics-export.participants-image{width:880px;padding:28px;background:#061426}
.participants-image .statistics-export-brand img{width:100px;height:100px}
.participants-image .statistics-export-brand>b{font-size:18px;margin-top:4px}
.participants-image h1{font-size:38px;line-height:1.3;margin:16px 0 12px}
.participants-image .statistics-export-period{font-size:23px;font-weight:700;margin:0 auto 22px;border:1px solid #315c87;border-radius:999px;padding:7px 22px;width:max-content}
.participants-list-export{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;direction:rtl}
.participants-list-export.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.participants-list-export.two-columns>table+table{border-right:2px solid #315c87}
.participants-list-export .participants-export-table{margin:0;width:100%;table-layout:fixed}
.participants-list-export .participants-export-table th{font-size:20px;padding:10px 8px;color:#bcd1e6}
.participants-list-export .participants-export-table td{font-size:32px;font-weight:800;line-height:1.35;padding:12px 10px;color:#fff;vertical-align:middle;overflow-wrap:anywhere}
.participants-list-export .participants-export-table td:first-child,.participants-list-export .participants-export-table th:first-child{width:60px;text-align:center;color:#ffc24b;font-weight:900;font-variant-numeric:tabular-nums}
.participants-list-export .participants-export-table tbody tr:nth-child(odd){background:#102b462e}
.participants-image .statistics-export-footer{font-size:18px;padding-top:16px;margin-top:24px}
/* 9.97 unified identity + quick late-player flow */
.match-panel .quick-player.winner{transform:none!important;font-size:19px!important;min-height:0!important;color:#ffd05d!important;border-color:#f3bd45!important;box-shadow:0 0 15px rgba(255,190,60,.28),inset 0 0 14px rgba(255,190,60,.06)!important}
.match-panel .quick-player.loser{opacity:.58;filter:saturate(.7)}
.match-panel .quick-player.winner::before{display:none!important}.winner-check{display:inline-grid;place-items:center;width:18px;height:18px;margin-inline-end:5px;border-radius:50%;background:#f2b93e;color:#07182e;font-size:12px;vertical-align:middle}
.quick-bye-match{border:1px solid rgba(35,156,255,.48);border-radius:18px;padding:8px;background:linear-gradient(180deg,rgba(11,40,75,.65),rgba(6,22,43,.65));box-shadow:0 0 16px rgba(21,152,255,.16)}
.quick-new-players{margin:14px 0;padding:14px;border:1px solid #2d8ddd;border-radius:18px;background:#081d36;box-shadow:0 0 18px rgba(21,152,255,.18)}.quick-new-players b,.quick-new-players small{display:block}.quick-new-players small{color:#a9bdd4;margin:6px 0 10px}.quick-new-players .action{width:100%}
.record-time-parts{grid-template-columns:1fr 1fr!important}
/* 9.98 — unified neon identity + compact, scalable quick draw */
:root{--st-blue:#1aa8ff;--st-cyan:#47d7ff;--st-violet:#8c55ff;--st-gold:#ffc84e;--st-panel:#071a31}
.quick-normal-page,.quick-normal-page button,.quick-normal-page input,.quick-normal-page textarea,.quick-normal-page select{font-family:"SultanTajawal",Tajawal,sans-serif!important}
.add-player-card,.participants,.match-panel{border-color:rgba(37,162,255,.72)!important;box-shadow:0 0 22px rgba(19,148,255,.22),inset 0 0 18px rgba(19,148,255,.05)!important}
.add-player-card .input{border-color:#269cff!important;box-shadow:0 0 15px rgba(26,168,255,.28)!important;font-weight:800!important}
.add-player-btn,.bulk-player-btn,.quick-tools .action,.quick-shuffle,.match-actions .action{border-width:1.5px!important;box-shadow:0 0 15px rgba(27,153,255,.24),inset 0 0 12px rgba(70,176,255,.06)!important;font-weight:900!important}
.quick-tools .primary,.quick-shuffle,.match-actions .primary{box-shadow:0 0 20px rgba(32,149,255,.36),0 0 13px rgba(129,71,255,.22)!important}
.participants .table td:nth-child(2){font-weight:900!important;color:#fff!important}.participants .num{font-weight:950!important;color:var(--st-gold)!important}
.match-panel .match{grid-template-columns:27px minmax(0,1fr) 32px minmax(0,1fr)!important;gap:5px!important;margin:5px 0!important}
.match-panel .matchno{min-height:52px!important;height:52px!important;border-radius:10px!important;font-size:17px!important;font-weight:950!important;color:var(--st-gold)!important;border:1px solid rgba(255,199,75,.78)!important;background:#07182d!important;box-shadow:0 0 12px rgba(255,192,56,.24),0 0 9px rgba(25,151,255,.18)!important}
.match-panel .player{min-height:52px!important;padding:6px 5px!important;border-color:#159dff!important;box-shadow:0 0 17px rgba(16,153,255,.46),inset 0 0 14px rgba(18,139,255,.08)!important;font-size:18px!important;font-weight:900!important;line-height:1.2!important}
.match-panel .vs{font-size:18px!important;font-weight:950!important;color:#ef65ff!important;text-shadow:0 0 11px rgba(231,44,255,.82)!important}
.match-panel .quick-player.winner{font-size:18px!important;color:var(--st-gold)!important;border-color:#f3bd45!important;box-shadow:0 0 17px rgba(255,190,60,.34),inset 0 0 12px rgba(255,190,60,.07)!important}
.match-panel .quick-player.loser{opacity:.58!important}.winner-check{width:16px!important;height:16px!important;font-size:11px!important}
.quick-bye-match{padding:5px!important;border-radius:14px!important;box-shadow:0 0 18px rgba(21,152,255,.22)!important}.quick-empty-slot{font-size:12px!important;color:#9bb1c9!important}
.quick-new-players{box-shadow:0 0 20px rgba(21,152,255,.26)!important}.quick-new-players .action{font-weight:900!important;box-shadow:0 0 15px rgba(21,152,255,.28)!important}
.quick-neon-stats .stat{min-height:66px!important;padding:8px!important}.quick-neon-stats .stat b{font-size:23px!important}
.admin-activity-btn{margin:0 0 14px;width:100%}.admin-activity-card{display:grid;gap:9px}.admin-log-row{padding:12px;border:1px solid rgba(38,132,205,.6);border-radius:14px;background:#081d35;box-shadow:0 0 12px rgba(20,137,229,.12)}.admin-log-row b,.admin-log-row span,.admin-log-row small{display:block}.admin-log-row b{color:#ffc84e;font-size:16px}.admin-log-row span{font-weight:800;margin-top:4px}.admin-log-row small{color:#a9bdd4;margin-top:5px}
.quick-normal-page.compact-16 .participants .table th,.quick-normal-page.compact-16 .participants .table td{padding-block:8px!important}.quick-normal-page.compact-24 .participants .table th,.quick-normal-page.compact-24 .participants .table td{padding-block:6px!important}.quick-normal-page.compact-32 .participants .table th,.quick-normal-page.compact-32 .participants .table td{padding-block:5px!important}.quick-normal-page.compact-24 .participants .table td:nth-child(2),.quick-normal-page.compact-32 .participants .table td:nth-child(2){font-size:16px!important}.quick-normal-page.compact-32 .participants .iconbtn{width:30px!important;height:30px!important;min-width:30px!important}
@media(max-width:520px){.match-panel .match{grid-template-columns:25px minmax(0,1fr) 29px minmax(0,1fr)!important}.match-panel .matchno{min-height:50px!important;height:50px!important;font-size:16px!important}.match-panel .player{min-height:50px!important;font-size:17px!important}.match-panel .vs{font-size:17px!important}.quick-tools .action{font-weight:900!important}.add-player-card .row{grid-template-columns:minmax(0,1fr) 105px!important}}
/* 9.99 — classic bye, automatic late-player pairing, single shuffle control */
.quick-main-shuffle{border:1.5px solid #28b8ff!important;background:linear-gradient(135deg,#0c9fff,#7142ff)!important;color:#fff!important;box-shadow:0 0 16px rgba(29,177,255,.68),0 0 30px rgba(109,67,255,.42),inset 0 0 13px rgba(255,255,255,.10)!important;font-weight:950!important}
.quick-tools .action{box-shadow:0 0 15px rgba(32,155,255,.34),inset 0 0 10px rgba(255,255,255,.05)!important}
.quick-tools .action.red{box-shadow:0 0 16px rgba(255,65,111,.34)!important}.quick-tools .action.gold{box-shadow:0 0 16px rgba(255,193,59,.36)!important}
.match-panel .match{grid-template-columns:21px minmax(0,1fr) 27px minmax(0,1fr)!important;gap:5px!important}
.match-panel .matchno{min-height:44px!important;height:44px!important;border-radius:9px!important;font-size:15px!important;box-shadow:0 0 14px rgba(255,192,56,.34),0 0 10px rgba(25,151,255,.24)!important}
.match-panel .player{border-width:1.5px!important;box-shadow:0 0 19px rgba(16,153,255,.52),0 0 28px rgba(16,153,255,.15),inset 0 0 14px rgba(18,139,255,.08)!important}
.quick-bye-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-color:#eab83e!important;box-shadow:0 0 16px rgba(255,193,62,.30)!important}.quick-bye-card small{display:block;color:#ffc84e;font-size:11px;font-weight:900;margin-top:3px}
.quick-bye-match{border-style:solid!important;border-color:rgba(255,196,70,.38)!important}.quick-new-players{padding:10px!important;margin:9px 0!important}.quick-new-players b{font-size:14px!important}.quick-new-players small{font-size:12px!important;margin-bottom:0!important}
@media(max-width:520px){.match-panel .match{grid-template-columns:19px minmax(0,1fr) 25px minmax(0,1fr)!important}.match-panel .matchno{min-height:42px!important;height:42px!important;font-size:14px!important}}

/* 10.02 — action hierarchy: participant capture with names, match capture with matches. */
#app #view .participants-save-neon{width:100%;margin-top:14px;min-height:52px;border:1.5px solid #35c9ff!important;background:linear-gradient(135deg,#073b68,#34227d)!important;color:#fff!important;font-weight:950!important;font-size:15px!important;box-shadow:0 0 12px rgba(44,203,255,.72),0 0 27px rgba(72,102,255,.34),inset 0 0 13px rgba(87,216,255,.10)!important}
#app #view .participants-save-neon span{margin-inline-start:5px}
#app #view .quick-tools-control{grid-template-columns:1.55fr 1fr 1fr!important;gap:11px!important;margin:16px 0 18px!important}
#app #view .quick-tools-control .action{min-height:58px!important;border-width:1.5px!important}
#app #view .quick-tools-control .quick-main-shuffle{box-shadow:0 0 18px rgba(29,177,255,.82),0 0 34px rgba(109,67,255,.52),inset 0 0 14px rgba(255,255,255,.11)!important}
#app #view .match-title-row{align-items:center!important}
#app #view .match-title-row>div{min-width:0;flex:1}
#app #view .matches-save-neon{flex:0 0 auto;min-height:46px;padding:10px 13px!important;border:1.5px solid #34c5ff!important;background:linear-gradient(135deg,#0a6dc2,#5532cf)!important;color:#fff!important;font-size:13px!important;font-weight:950!important;box-shadow:0 0 13px rgba(37,190,255,.72),0 0 25px rgba(110,65,255,.34)!important}
#app #view .matches-save-neon span{white-space:nowrap}
@media(max-width:520px){#app #view .quick-tools-control{grid-template-columns:1.45fr 1fr 1fr!important;gap:7px!important}#app #view .quick-tools-control .action{min-height:55px!important}#app #view .match-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;text-align:right!important}#app #view .match-title-row h2{text-align:right!important}#app #view .match-title-row small{margin:3px 0 0!important}#app #view .matches-save-neon{padding:9px 10px!important;font-size:11px!important}}