/* 9.62: shared compact spacing and restrained neon for the app interface. */
#app{--panel-neon:#328bd0;--panel-glow:#168fff22}
#app #view .league-page{--panel-neon:#4ba990;--panel-glow:#57e2b120}
#app #view .honor-page{--panel-neon:#8864cc;--panel-glow:#8957ff22}
#app #view .records-menu-page,#app #view .record-detail-page,#app #view .knockout-page{--panel-neon:#bf9449;--panel-glow:#ffc24b20}
#app #view .card,#app #view .record-member{padding:14px!important;margin-bottom:12px!important;border-radius:18px!important;border:1px solid var(--panel-neon)!important;box-shadow:0 0 12px var(--panel-glow),inset 0 1px 0 #c5e6ff0d!important}
#app #view .card h2{font-size:19px!important;line-height:1.45!important;margin:0 0 12px!important}
#app #view .card h3{font-size:17px!important}
#app #view .notice{font-size:12px!important;line-height:1.65!important;margin:10px 0!important}
#app #view .input{min-height:46px!important;padding:10px 12px!important;border-radius:13px!important;font-size:16px!important;min-width:0}
#app #view textarea.input{height:auto!important;min-height:110px!important;line-height:1.5}
#app #view .action{min-height:44px!important;padding:9px 12px!important;border-radius:13px!important;font-size:15px!important;line-height:1.4}
#app #view .iconbtn{min-width:36px;min-height:36px}
#app #view .row{gap:8px}
#app #view .quick-tools{gap:8px!important}
#app #view .stat{padding:10px!important;border-radius:15px!important;border:1px solid var(--panel-neon)!important;box-shadow:0 0 10px var(--panel-glow)!important}
#app #view .stat span{font-size:12px!important}
#app #view .stat b{font-size:24px!important}
#app #view .records-title-bar,#app #view .honor-title-bar,#app #view .challenge-head,#app #view .round-banner{padding:10px 12px!important;margin:10px 0 12px!important;border-radius:15px!important;min-height:44px!important;box-shadow:0 0 12px var(--panel-glow)!important}
#app #view .record-card.record-wide{min-height:92px!important;padding:10px!important;border-radius:18px!important;gap:10px!important;grid-template-columns:64px minmax(0,1fr)!important;box-shadow:0 0 14px #ffc24b20!important}
#app #view .record-card .record-visual{height:64px!important}
#app #view .record-card .record-copy b{font-size:19px!important}
#app #view .record-card .record-copy small{font-size:12px!important}
#app #view .record-date-field .input{min-height:44px!important;height:44px!important;padding:6px!important;font-size:14px!important}
#app #view .settings-page .bigbtn{min-height:46px!important;padding:9px 12px!important;font-size:17px!important;border-radius:13px!important}
#app #view .theme-chooser button,#app #view .honor-game-option{min-height:44px!important;font-size:14px!important;border-radius:13px!important}
#app #view .backup-summary{gap:8px!important;margin:10px 0!important}
#app #view .backup-summary span{padding:8px!important;font-size:12px!important}
#app #view .settings-sync{padding:11px!important;border-color:#328bd0!important;box-shadow:0 0 10px #168fff18!important}
/* All three challenge choices share a short, readable two-column layout. */
#app #view .challenge-modes{grid-template-columns:1fr!important;gap:11px!important;margin-top:12px!important}
#app #view .challenge-modes .mode-card{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:5px 12px!important;align-items:center!important;text-align:right!important;min-height:96px!important;padding:14px 16px!important;border-radius:19px!important;border-width:1.5px!important;box-shadow:0 0 13px #1598ff30,inset 0 1px 0 #c5e6ff0d!important}
#app #view .challenge-modes .mode-icon{grid-column:1;grid-row:1 / 3;font-size:31px!important;margin:0!important;text-align:center;align-self:center}
#app #view .challenge-modes .mode-card b{grid-column:2;grid-row:1;font-size:23px!important;line-height:1.35!important;text-shadow:none!important}
#app #view .challenge-modes .mode-card small{grid-column:2;grid-row:2;font-size:12px!important;line-height:1.6!important;margin:0!important}
#app #view .challenge-modes .mode-card.knockout{box-shadow:0 0 13px #ffc24b30,inset 0 1px 0 #fff2cc0d!important}
#app #view .challenge-modes .mode-card.league{box-shadow:0 0 13px #57e2b130,inset 0 1px 0 #c5ffe60d!important}
#app #view .challenge-modes .mode-card.league b{font-size:26px!important}
#app #view .challenge-modes .league-mode-badges{display:none!important}
/* Compact league title, system choices and participant panel. */
#app #view .league-title-bar{display:grid!important;grid-template-columns:34px auto!important;grid-template-rows:auto auto!important;justify-content:center!important;gap:3px 12px!important;padding:12px!important}
#app #view .league-title-icon{grid-column:1;grid-row:1 / 3;align-self:center;font-size:29px!important;margin:0!important}
#app #view .league-title-bar h1{grid-column:2;grid-row:1;font-size:26px!important}
#app #view .league-title-bar p{grid-column:2;grid-row:2;margin:0!important;font-size:11px!important}
#app #view .league-mode{gap:9px!important}
#app #view .league-mode button{min-height:62px!important;padding:9px 6px!important;font-size:18px!important;border-radius:14px!important}
#app #view .league-mode button small{font-size:11px!important;margin-top:3px!important}
#app #view .league-scoring{gap:6px!important;margin:11px 0 0!important}
#app #view .league-scoring>span{padding:5px 8px!important;font-size:11px!important}
#app #view .league-scoring b{font-size:14px!important}
#app #view .league-participants-card h2{display:flex;align-items:center;gap:8px}
#app #view .league-count{min-width:30px;height:28px;font-size:16px!important}
#app #view .league-bulk{margin-top:10px!important;padding-bottom:7px!important}
#app #view .league-bulk summary{padding:6px 0!important;min-height:44px;display:flex;align-items:center}
#app #view .league-empty{gap:7px!important;padding:14px 8px!important}
#app #view .league-empty>span{font-size:24px!important}
#app #view .league-empty>b{font-size:14px!important}
#app #view .league-empty>small{font-size:11px!important}
#app #view .league-wide{margin-top:9px!important}
#app #view .league-stage>summary{min-height:44px;display:flex;align-items:center}
#app #view .league-match{margin:8px 0!important;gap:5px!important}
#app #view .league-match .ko-player{min-height:56px!important;padding:9px 7px!important;font-size:15px!important}
#app #view .league-round{margin:14px 0 8px!important}
#app #view .champion-cup{padding:20px 14px!important;margin:14px 0!important;border-radius:22px!important}
#app #view .champion-cup .cup{font-size:56px!important}
#app #view .champion-cup h2{font-size:28px!important}
#app #view .league-tools{gap:8px!important;margin-top:12px!important}
/* Home retains distinct cyan, purple and gold accents. */
#app #view .menu{gap:12px!important;padding:0 3px!important}
#app #view .menu .menu-row{min-height:64px!important;padding:10px 16px!important;grid-template-columns:35px minmax(0,1fr) 16px!important;border-radius:20px!important;gap:8px!important}
#app #view .menu-label{font-size:23px!important}
#app #view .menu-icon{font-size:29px!important}
#app #view .home-simple .home-title.home-title-svg{margin-bottom:24px!important}
/* Strong daytime contrast with a quieter glow. */
body.light #app #view .card,body.light #app #view .stat,body.light #app #view .record-member{box-shadow:0 0 9px var(--panel-glow)!important}
body.light #app #view .challenge-modes .mode-card{box-shadow:0 0 9px #1598ff20!important}
body.light #app #view .challenge-modes .mode-card.knockout{box-shadow:0 0 9px #bf944925!important}
body.light #app #view .challenge-modes .mode-card.league{box-shadow:0 0 9px #4ba99025!important}
body.light #app #view .league-mode button:not(.selected){color:#173754!important;background:#eef5fc!important}
@media(max-width:360px){
 #app #view .challenge-modes .mode-card{padding:12px!important;gap:4px 9px!important;grid-template-columns:32px minmax(0,1fr)!important}
 #app #view .challenge-modes .mode-card b{font-size:20px!important}
 #app #view .challenge-modes .mode-card.league b{font-size:24px!important}
 #app #view .menu-label{font-size:21px!important}
 #app #view .league-mode button{font-size:16px!important}
}
#app #view .theme-chooser button:not(.selected),#app #view .honor-game-option:not(.selected){box-shadow:0 0 8px var(--panel-glow)!important;border-color:var(--panel-neon)!important}
#app #view .input:focus-visible{outline:2px solid #57c8ff;outline-offset:2px;box-shadow:0 0 12px #1598ff30}
#app #view button:focus-visible,#app #view summary:focus-visible{outline:2px solid #ffd46a;outline-offset:3px}

/* 9.63: refined title frame, compact panels and consistent navigation icons. */
#app #view .home-title.home-title-svg{height:82px!important;min-height:82px!important;margin-top:14px!important;margin-bottom:20px!important}
#app #view .home-title .title-frame{filter:drop-shadow(0 0 5px #ffd36b80) drop-shadow(0 0 14px #168fff30)!important}
#app #view .home-title .title-copy{font-size:clamp(26px,7.7vw,39px)!important;font-weight:900!important;letter-spacing:0;text-shadow:0 2px 0 #020914,0 0 12px #178fff30!important}
#app #view .home-title .goldword{color:#ffda77!important;text-shadow:0 2px 0 #735017,0 0 12px #ffbb4430!important}
#app #view .page-brand img,#app #view .home-simple .home-mark{width:128px!important;max-width:36vw!important;margin-bottom:8px!important}
#app #view .card,#app #view .record-member{padding:12px!important;margin-bottom:10px!important;border-radius:17px!important}
#app #view .card h2{font-size:18px!important;margin-bottom:10px!important}
#app #view .challenge-modes{gap:10px!important}
#app #view .challenge-modes .mode-card{min-height:86px!important;padding:12px 14px!important}
#app #view .league-title-bar{padding:9px 12px!important;gap:2px 10px!important}
#app #view .league-title-bar h1{font-size:24px!important}
#app #view .league-title-icon{font-size:26px!important}
#app #view .league-mode button{min-height:56px!important;padding:8px 6px!important;font-size:17px!important}
#app #view .league-scoring{margin-top:9px!important}
#app #view .league-empty{padding:11px 8px!important;gap:5px!important}
#app #view .league-empty>span{font-size:21px!important}
#app #view .league-table-wrap{margin:9px 0!important}
#app #view .league-table td,#app #view .league-table th{padding:9px 4px!important}
#app #view .records-title-bar,#app #view .honor-title-bar{margin-bottom:10px!important}
#app #view .menu .menu-row{min-height:60px!important;padding:9px 14px!important}
#app #view .menu-label{font-size:22px!important}
/* Labeled and icon-only controls use the same crisp neon treatment. */
#app #view .back,#app #view .settings-btn{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
 width:44px!important;height:44px!important;padding:0!important;border-radius:14px!important;
 color:#dcecff!important;border:1.5px solid #48adf4!important;
 background:linear-gradient(145deg,#0b2d4c,#05152b)!important;
 box-shadow:0 0 8px #1598ff50,0 0 18px #1598ff1c,inset 0 1px 0 #b3e4ff25!important;
}
#app #view .back.back-system{width:auto!important;min-width:88px!important;height:44px!important;padding:0 11px!important;font-size:13px!important;font-weight:800}
#app #view .navigation-icon{display:block;width:21px;height:21px;flex:0 0 21px;filter:drop-shadow(0 0 4px #168fff40)}
#app #view .settings-btn{border-color:#9c82ff!important;box-shadow:0 0 8px #8957ff55,0 0 18px #8957ff20,inset 0 1px 0 #d5c7ff25!important}
#app #view .settings-btn .navigation-icon{color:#e4dcff;filter:drop-shadow(0 0 4px #8957ff60)}
#app #view .back:active,#app #view .settings-btn:active{transform:translateY(1px)}
body.light #app #view .back,body.light #app #view .settings-btn{background:linear-gradient(#f8fbff,#e3effc)!important;color:#173754!important}
body.light #app #view .settings-btn .navigation-icon{color:#644296}
@media(max-width:360px){#app #view .home-title.home-title-svg{height:74px!important;min-height:74px!important}#app #view .menu-label{font-size:20px!important}}

/* 9.64: lower signature, finish compact secondary panels and unify neon edges. */
#app>.footer{margin:50px 0 4px!important;padding:0 8px;line-height:1.65!important}
#app{--panel-neon:#42a5e8;--panel-glow:#168fff32}
#app #view .league-page{--panel-neon:#59c9aa;--panel-glow:#57e2b130}
#app #view .honor-page{--panel-neon:#a17ce8;--panel-glow:#8957ff32}
#app #view .records-menu-page,#app #view .record-detail-page,#app #view .knockout-page{--panel-neon:#d2aa58;--panel-glow:#ffc24b2c}
#app #view .card,#app #view .record-member{box-shadow:0 0 14px var(--panel-glow),inset 0 1px 0 #d3edff12!important}
#app #view .input:not(:focus){box-shadow:0 0 7px #1598ff15!important}
#app #view .iconbtn{display:inline-grid;place-items:center;border:1px solid #369fe070!important;background:#09213c!important;box-shadow:0 0 7px #1598ff18!important;border-radius:10px!important;padding:6px!important}
#app #view .iconbtn.danger{border-color:#dc527b70!important;box-shadow:0 0 7px #ff355d14!important}
#app #view .record-card.record-wide{border-color:#4ca8e3!important;box-shadow:0 0 13px #1598ff2c!important;min-height:88px!important}
#app #view .record-card.record-wide.gold-record{border-color:#d2aa58!important;box-shadow:0 0 13px #ffc24b2c!important}
#app #view .backup-summary span{border-color:#388bc0!important;box-shadow:0 0 7px #1598ff14!important}
#app #view .league-scoring>span{border-color:#47957f!important;box-shadow:0 0 7px #57e2b114!important}
#app #view .honor-secondary-actions,#app #view .ko-actions{gap:8px!important;margin-top:10px!important}
#app #view .bulk-player-btn{min-height:44px!important;margin-top:9px!important;font-size:13px!important;padding:9px!important;box-shadow:0 0 9px #1598ff22!important}
#app #view .game-grid{gap:10px!important}
#app #view .game-grid .game{padding:10px!important;border-radius:17px!important;border:1px solid #448fbe!important;box-shadow:0 0 12px #1598ff24!important;color:#f8fbff}
#app #view .game-grid .game img{width:100%;max-width:112px;margin:0 auto;border-radius:13px!important}
#app #view .game-grid .game b{padding:8px 0 0!important;font-size:17px!important}
#app #view .game-grid .game.selected{border-color:#e9b447!important;box-shadow:0 0 13px #ffc24b35!important}
#app #view .quick-normal-page .participants{max-height:300px!important}
#app #view .table th,#app #view .table td{overflow-wrap:anywhere}
body.light #app #view .game-grid .game{background:#eef5fc!important;color:#173754!important}
body.light #app #view .iconbtn{background:#e4effa!important;color:#173754!important}
body.light #app #view .iconbtn.danger{color:#a92549!important}
body.light #app #view .backup-summary span,body.light #app #view .league-scoring>span{border-color:#8bb4ce!important}
@media(max-width:360px){#app #view .game-grid .game img{max-width:96px}}

/* 9.65: elevated shared branding, compact panels and readable theme palettes. */
#app #view .page-brand,#app #view .home-showcase.home-simple{padding-top:12px!important;margin-bottom:10px!important}
#app>.footer{margin:110px 0 8px!important;color:#b7c8dc!important}
#app{--panel-neon:#58b9ff;--panel-glow:#199eff48}
#app #view .league-page{--panel-neon:#64e0ba;--panel-glow:#57e2b144}
#app #view .honor-page{--panel-neon:#b091ff;--panel-glow:#8957ff48}
#app #view .records-menu-page,#app #view .record-detail-page,#app #view .knockout-page{--panel-neon:#e9bd65;--panel-glow:#ffc24b40}
#app #view .card,#app #view .record-member{padding:10px 12px!important;margin:10px 0!important;box-shadow:0 0 9px var(--panel-glow),0 0 22px var(--panel-glow),inset 0 1px 0 #d3edff18!important}
#app #view .card h2{margin-bottom:8px!important}
#app #view .menu .menu-row{min-height:56px!important;padding:7px 14px!important;border-radius:18px!important}
#app #view .menu{gap:10px!important}
#app #view .challenge-modes .mode-card{min-height:78px!important;padding:10px 12px!important;border-radius:17px!important;box-shadow:0 0 9px #1598ff55,0 0 20px #1598ff28!important}
#app #view .challenge-modes .mode-card.knockout{box-shadow:0 0 9px #ffc24b50,0 0 20px #ffc24b25!important}
#app #view .challenge-modes .mode-card.league{box-shadow:0 0 9px #57e2b155,0 0 20px #57e2b125!important}
#app #view .record-card.record-wide{min-height:78px!important;padding:8px 10px!important;grid-template-columns:56px minmax(0,1fr)!important}
#app #view .record-card .record-visual{height:56px!important}
#app #view .league-mode button{min-height:52px!important;padding:6px!important}
#app #view .league-match .ko-player{min-height:52px!important;padding:7px!important}
#app #view .ko-player,#app #view .quick-player{box-shadow:0 0 9px #1598ff38!important}
#app #view .ko-player.winner,#app #view .quick-player.winner{box-shadow:0 0 12px #ffc24b50!important}
#app #view .ko-player:not(.winner)::after{color:#bed0e3!important;opacity:1}
#app #view .approve-btn{min-height:46px!important;padding:9px 12px!important;font-size:17px!important;border-radius:13px!important}
#app #view .input::placeholder{color:#b5c8dc!important;opacity:1}
#app #view .notice,#app #view .field-label,#app #view .match-title-row small,#app #view .settings-version,#app #view .settings-sync,#app #view .mode-card small,#app #view .record-copy small{color:#bed0e3!important}
#app #view .league-title-bar p,#app #view .league-mode button:not(.selected) small,#app #view .league-empty,#app #view .ko-player:not(.winner):not(.selected) small{color:#bed0e3!important}
#app #view .card h2,#app #view .card h3{color:#f4f8ff!important}
body.light #app{--panel-neon:#278bcd;--panel-glow:#168fff24}
body.light #app #view .league-page{--panel-neon:#22846c;--panel-glow:#19a87c24}
body.light #app #view .honor-page{--panel-neon:#8255c3;--panel-glow:#8957ff24}
body.light #app #view .records-menu-page,body.light #app #view .record-detail-page,body.light #app #view .knockout-page{--panel-neon:#ab7b24;--panel-glow:#ba8c2524}
body.light #app #view .card h2,body.light #app #view .card h3{color:#173754!important}
body.light #app #view .input::placeholder{color:#50657a!important}
body.light #app #view .notice,body.light #app #view .field-label,body.light #app #view .match-title-row small,body.light #app #view .settings-version,body.light #app #view .settings-sync,body.light #app #view .mode-card small,body.light #app #view .record-copy small,body.light #app #view .league-title-bar p,body.light #app #view .league-mode button:not(.selected) small,body.light #app #view .league-empty,body.light #app #view .ko-player:not(.winner):not(.selected) small{color:#425b72!important}
body.light #app>.footer{color:#425b72!important}
body.light #app>.footer b{color:#875900!important}
body.light #app #view .ko-player:not(.winner),body.light #app #view .quick-player:not(.winner){background:linear-gradient(#f5f9ff,#e5effa)!important;color:#173754!important}
body.light #app #view .ko-player:not(.winner)::after,body.light #app #view .quick-player:not(.winner):not(.auto) small{color:#425b72!important;opacity:1}

/* 9.66: minimal top gap on every page and a pearl daytime home. */
#app{padding-top:max(4px,env(safe-area-inset-top,0px))!important}
#app #view .page-brand,#app #view .home-showcase.home-simple{padding-top:0!important}
#app>.footer{margin-top:190px!important}
body.light{background:linear-gradient(180deg,#f6f8fc,#edf2f8 70%,#f7f9fc)!important;color:#173754}
body.light #app #view .menu .menu-row{
 background:linear-gradient(145deg,#fff,#eaf2fb) padding-box,linear-gradient(105deg,#09b8dc,#2787eb) border-box!important;
 color:#173754!important;box-shadow:0 0 9px #1598ff30,0 0 20px #1598ff18!important;
}
body.light #app #view .menu .menu-row.menu-honor{
 background:linear-gradient(145deg,#fff,#f0ecfa) padding-box,linear-gradient(105deg,#637feb,#ae57e7) border-box!important;
 color:#38275d!important;box-shadow:0 0 9px #8957ff30,0 0 20px #8957ff18!important;
}
body.light #app #view .menu .menu-row.menu-gold{
 background:linear-gradient(145deg,#fffdf7,#f6eedc) padding-box,linear-gradient(105deg,#b98528,#ebc46a,#b98528) border-box!important;
 color:#79520c!important;box-shadow:0 0 9px #bd913330,0 0 20px #bd913318!important;
}
body.light #app #view .menu-label{color:inherit!important;text-shadow:none!important}
body.light #app #view .card,body.light #app #view .record-member,body.light #app #view .stat,body.light #app #view .mode-card{background:linear-gradient(145deg,#fff,#eef3f9)!important}

/* 9.67: spacious home hierarchy with the approved header and footer positions. */
#app #view .home-simple .home-title.home-title-svg{margin-top:44px!important}
#app #view .home-simple+.menu{gap:24px!important}
#app:has(.home-simple)>.footer{margin-top:132px!important}

/* 9.68: centered home title and a stronger neon frame. */
#app #view .home-simple .home-title.home-title-svg{margin-top:70px!important;margin-bottom:44px!important}
#app #view .home-simple .home-title .title-frame{filter:drop-shadow(0 0 7px #ffd36bcc) drop-shadow(0 0 18px #ffc24b80) drop-shadow(0 0 28px #168fff50)!important}
#app #view .home-simple .home-title .title-copy{font-size:clamp(25px,7.3vw,37px)!important}
#app #view .home-simple+.menu .menu-row{box-shadow:0 0 10px #13baffb0,0 0 24px #168fff65,0 0 40px #168fff30,inset 0 0 14px #125df025!important}
#app #view .home-simple+.menu .menu-row.menu-honor{box-shadow:0 0 10px #a566ffb0,0 0 24px #8957ff65,0 0 40px #8957ff30,inset 0 0 14px #8957ff20!important}
#app #view .home-simple+.menu .menu-row.menu-gold{box-shadow:0 0 10px #ffc24ba0,0 0 24px #ffc24b60,0 0 40px #ffc24b28,inset 0 0 14px #ffc24b15!important}
#app:has(.home-simple)>.footer{margin-top:86px!important}
body.light #app #view .home-simple .home-title .title-frame{filter:drop-shadow(0 0 7px #ba8c2580) drop-shadow(0 0 18px #ffc24b50)!important}
body.light #app #view .home-simple+.menu .menu-row{box-shadow:0 0 10px #1598ff65,0 0 24px #1598ff30!important}
body.light #app #view .home-simple+.menu .menu-row.menu-honor{box-shadow:0 0 10px #8957ff65,0 0 24px #8957ff30!important}
body.light #app #view .home-simple+.menu .menu-row.menu-gold{box-shadow:0 0 10px #bd913365,0 0 24px #bd913330!important}

/* 9.69: challenge selection shares the home frame and neon hierarchy. */
#app #view .challenge-selection-title.home-title.home-title-svg{height:82px!important;min-height:82px!important;margin:70px 0 44px!important;width:100%!important}
#app #view .challenge-selection-title .title-copy{font-size:clamp(25px,7.3vw,37px)!important;color:#ffda77!important;text-shadow:0 2px 0 #735017!important}
#app #view .challenge-selection-title .title-frame{filter:drop-shadow(0 0 7px #ffd36bcc) drop-shadow(0 0 18px #ffc24b80) drop-shadow(0 0 28px #168fff50)!important}
#app #view .challenge-selection-title+.challenge-modes{gap:24px!important;margin-top:0!important}
#app #view .challenge-selection-title+.challenge-modes .mode-card{box-shadow:0 0 10px #13baffb0,0 0 24px #168fff65,0 0 40px #168fff30!important}
#app #view .challenge-selection-title+.challenge-modes .mode-card.knockout{box-shadow:0 0 10px #ffc24ba0,0 0 24px #ffc24b60,0 0 40px #ffc24b28!important}
#app #view .challenge-selection-title+.challenge-modes .mode-card.league{box-shadow:0 0 10px #57e2b1a0,0 0 24px #57e2b160,0 0 40px #57e2b128!important}
#app:has(.challenge-selection-title)>.footer{margin-top:48px!important}
body.light #app #view .challenge-selection-title .title-frame{filter:drop-shadow(0 0 7px #ba8c2580) drop-shadow(0 0 18px #ffc24b50)!important}
body.light #app #view .challenge-selection-title+.challenge-modes .mode-card{box-shadow:0 0 10px #1598ff65,0 0 24px #1598ff30!important}
body.light #app #view .challenge-selection-title+.challenge-modes .mode-card.knockout{box-shadow:0 0 10px #bd913365,0 0 24px #bd913330!important}
body.light #app #view .challenge-selection-title+.challenge-modes .mode-card.league{box-shadow:0 0 10px #19a87c65,0 0 24px #19a87c30!important}

/* 9.70: premium framed headings for each tournament mode. */
#app #view .mode-page-title.home-title.home-title-svg{--title-accent:#5ad8ff;--title-glow:#18baff99;height:76px!important;min-height:76px!important;margin:16px 0 22px!important;width:100%!important}
#app #view .mode-page-title.knockout{--title-accent:#ffda77;--title-glow:#ffc24b99}
#app #view .mode-page-title.league{--title-accent:#70f2ca;--title-glow:#57e2b199}
#app #view .mode-page-title .title-frame{filter:drop-shadow(0 0 6px var(--title-accent)) drop-shadow(0 0 18px var(--title-glow)) drop-shadow(0 0 28px var(--title-glow))!important}
#app #view .mode-page-title .title-frame>path:first-of-type{stroke:var(--title-accent);stroke-width:4}
#app #view .mode-page-title .title-frame>path:nth-of-type(2){stroke:var(--title-accent);stroke-opacity:.65}
#app #view .mode-page-title .title-copy{display:flex;align-items:center;justify-content:center;gap:8px;max-width:83%;font-family:"SultanTajawal",Tajawal,sans-serif;font-size:clamp(23px,6.5vw,30px)!important;font-weight:900!important;color:var(--title-accent)!important;line-height:1.35!important;text-shadow:0 2px 0 #020914!important}
#app #view .mode-page-title.knockout .title-copy{font-size:clamp(17px,5.5vw,25px)!important}
#app #view .mode-title-icon{font-size:.85em;line-height:1;flex-shrink:0}
#app #view .quick-normal-page .card,#app #view .league-page .card{box-shadow:0 0 10px var(--panel-glow),0 0 26px var(--panel-glow),inset 0 1px 0 #d3edff18!important}
body.light #app #view .mode-page-title .title-frame{filter:drop-shadow(0 0 5px var(--title-glow)) drop-shadow(0 0 14px var(--title-glow))!important}
body.light #app #view .quick-normal-page .card,body.light #app #view .league-page .card{box-shadow:0 0 9px var(--panel-glow),0 0 18px var(--panel-glow)!important}

/* 9.71: matching neon frames for honor, records and settings. */
#app #view .mode-page-title.honor{--title-accent:#c4a4ff;--title-glow:#9867ff99}
#app #view .mode-page-title.records,#app #view .mode-page-title.record-detail{--title-accent:#ffda77;--title-glow:#ffc24b99}
#app #view .mode-page-title.settings{--title-accent:#5ad8ff;--title-glow:#18baff99}
#app #view .mode-page-title.record-detail .title-copy{font-size:clamp(16px,5.1vw,24px)!important}
#app #view .mode-page-title.settings .navigation-icon{width:25px;height:25px}
#app #view .honor-page .card{box-shadow:0 0 10px #9867ff70,0 0 26px #8957ff40,inset 0 1px 0 #d3edff18!important}
#app #view .records-menu-page .record-card.record-wide{box-shadow:0 0 10px #1598ff80,0 0 24px #1598ff45!important}
#app #view .records-menu-page .record-card.record-wide.gold-record{box-shadow:0 0 10px #ffc24b80,0 0 24px #ffc24b45!important}
#app #view .settings-page .card,#app #view .record-detail-page .card,#app #view .record-detail-page .record-member{box-shadow:0 0 10px var(--panel-glow),0 0 26px var(--panel-glow),inset 0 1px 0 #d3edff18!important}
body.light #app #view .honor-page .card{box-shadow:0 0 10px #8957ff35,0 0 20px #8957ff20!important}
body.light #app #view .records-menu-page .record-card.record-wide{box-shadow:0 0 10px #1598ff45,0 0 20px #1598ff25!important}
body.light #app #view .records-menu-page .record-card.record-wide.gold-record{box-shadow:0 0 10px #bd913345,0 0 20px #bd913325!important}
body.light #app #view .settings-page .card,body.light #app #view .record-detail-page .card,body.light #app #view .record-detail-page .record-member{box-shadow:0 0 9px var(--panel-glow),0 0 18px var(--panel-glow)!important}

/* 9.72: readable participant and record tables on pearl panels. */
body.light #app #view .table,body.light #app #view .table th,body.light #app #view .table td,body.light #app #view .league-table th,body.light #app #view .league-table td{color:#173754!important;border-color:#9db5cc!important}
body.light #app #view .table th,body.light #app #view .league-table th{font-weight:800!important}
body.light #app #view .league-table .league-points{color:#79520c!important}
body.light #app #view .participants h2 small{background:#e4effa!important;color:#79520c!important;border-color:#7ca5c9!important}
body.light #app #view .stat span{color:#425b72!important}
body.light #app #view .record-member-head{background:#e5eef8!important;color:#173754!important;border-color:#9db5cc!important}
body.light #app #view .record-member-head .member-no{color:#425b72!important}
body.light #app #view .record-total{color:#79520c!important}
body.light #app #view .win-meta{color:#425b72!important}
body.light #app #view .win-meta strong{color:#175c94!important}
body.light #app #view .win-row{border-color:#afc4d8!important}

/* 9.73: compact counters and optional redraw for the normal challenge. */
#app #view .quick-shuffle{display:block;width:100%;min-height:44px;margin:10px 0 14px;border:1px solid #47baff;border-radius:15px;font-size:16px;box-shadow:0 0 12px #1598ff45}
#app #view .quick-neon-stats{display:flex;justify-content:center;gap:12px;margin-top:14px}
#app #view .quick-neon-stats .stat{display:flex;align-items:center;justify-content:center;gap:10px;flex:0 1 190px;min-height:46px!important;padding:8px 14px!important;border-radius:999px!important;border-color:#ddb34d!important;box-shadow:0 0 12px #ffc24b25,inset 0 0 10px #ffc24b0d!important}
#app #view .quick-neon-stats .stat.green{border-color:#53d8b6!important;box-shadow:0 0 12px #57e2b12b,inset 0 0 10px #57e2b110!important}
#app #view .quick-neon-stats .stat span{font-size:13px!important;color:#ead4a0}
#app #view .quick-neon-stats .stat.green span{color:#ace9d7}
#app #view .quick-neon-stats .stat b{font-size:24px!important;line-height:1}

/* Dedicated win registration */
.record-register-launch{width:100%;min-height:58px;margin:0 0 18px;font-size:20px;font-weight:800;border-radius:18px}
.win-registration-card{border:1px solid #e9c56a!important;box-shadow:0 0 22px #e6bf5133,0 0 20px #158ae822;border-radius:22px;padding:22px}
.win-registration-card h2{color:#f4d180;text-align:center;font-size:24px;margin:0 0 10px}
.win-registration-card label{display:block;margin:18px 0 8px;font-weight:700;color:#cbd9eb}
.win-registration-card .input{width:100%;box-sizing:border-box;min-height:54px;border-radius:16px;font-size:18px}
.win-registration-card .record-date-field{margin-top:22px}
.win-registration-card .date-parts{gap:8px}
.win-registration-card .date-parts .input{min-width:0}
.win-registration-card button[type=submit]{margin-top:18px;min-height:58px;font-size:20px;background:linear-gradient(110deg,#08a6f4,#6837ff);color:white;border:1px solid #51bcff;border-radius:18px}
.registration-cancel{margin-top:12px;min-height:48px}
.win-save-success{padding:14px;border-radius:14px;background:#123429;color:#a9f5cf;border:1px solid #3dbe86;text-align:center}
.light .win-registration-card label{color:#20354e}

/* Inline registration: Sultan navy, gold and blue identity. */
.inline-win-card{margin:0 0 20px;padding:20px 18px;background:linear-gradient(155deg,#0b2442,#061629);border:1.5px solid #e5bd62!important;border-radius:22px;box-shadow:0 0 18px #f1c75b30,inset 0 1px 0 #ffffff0b}
.inline-win-card h2{font-family:inherit;font-size:21px;font-weight:800;line-height:1.6;letter-spacing:0;color:#ffe1a0;text-align:right;margin:0 0 16px}
.inline-win-card label,.inline-win-card .date-caption{font-size:16px;font-weight:700;line-height:1.5;color:#eaf2ff;margin:14px 0 7px}
.inline-win-card .input{height:54px;min-height:54px;padding:12px 15px;font-family:inherit;font-size:18px;font-weight:600;line-height:1.4;color:#fff;background:#041424;border:1.5px solid #5293c5;border-radius:14px;box-shadow:inset 0 1px 5px #0004}
.inline-win-card .input::placeholder{color:#b6c7dd;opacity:1;font-weight:500;font-size:16px}
.inline-win-card .input:focus{outline:2px solid #55c7ff;outline-offset:2px;border-color:#8bdaff;box-shadow:0 0 12px #28aaff40}
.inline-win-card .record-date-field{margin-top:18px;border:1px solid #5293c5;border-radius:16px;padding:14px 12px;background:#081b30}
.inline-win-card .date-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.inline-win-card .date-parts select{padding:9px 5px;text-align:center;font-size:18px;font-weight:800}
.inline-win-card button[type=submit]{font-family:inherit;font-weight:800;min-height:56px;font-size:19px;margin-top:14px;border-radius:15px;box-shadow:0 0 14px #289cff35}
.inline-win-card .member-lookup-note{font-size:13px;line-height:1.6;color:#bbd0e8;margin:5px 0 0;min-height:0}
.inline-win-card .win-edit-error:empty,.inline-save-success:empty{display:none}
.inline-save-success{margin:12px 0 0;padding:10px 12px;border:1px solid #53c592;border-radius:12px;background:#103329;color:#bdf4d8;font-weight:700;text-align:center}
.inline-win-card button:disabled{opacity:.65}
.light .inline-win-card{background:#f2f7fd}
.light .inline-win-card label,.light .inline-win-card .date-caption{color:#173551}
.light .inline-win-card h2{color:#77500c}
.light .inline-win-card .input{background:#fff;color:#102d45}
.light .inline-win-card .input::placeholder{color:#526780}
.light .inline-win-card .record-date-field{background:#e7f0fb}
.light .inline-win-card .member-lookup-note{color:#455c76}

/* 9.80: guide players to every unresolved match in large rounds. */
#app #view .quick-round-progress{text-align:center;color:#c7e6ff;font-size:15px;font-weight:700;line-height:1.6;margin:12px 0}
#app #view .quick-match-pending{outline:2px solid #ffc24b;outline-offset:4px;border-radius:16px;background:#ffc24b12;scroll-margin-block:90px}
#app #view #matches{max-height:none;overflow:visible}

/* 9.91: slightly lower top navigation controls and editable quick-challenge bye slot. */
#app #view .settings-btn{top:max(22px,calc(env(safe-area-inset-top) + 8px))!important}
#app #view .back{top:max(22px,calc(env(safe-area-inset-top) + 8px))!important}
#app #view .editable-bye{cursor:pointer!important;border-style:dashed!important}
#app #view .editable-bye small{color:#b9d8ff!important}
\n/* 9.96 — unified Sultan identity + stable winner cards + post-draw additions. */\n#app #view,#app #view button,#app #view input,#app #view select,#app #view textarea{font-family:"SultanTajawal",Tajawal,sans-serif!important}\n#app #view .card,#app #view .match-panel,#app #view .participants{border-color:#2d91d8!important;box-shadow:0 0 12px #1598ff66,0 0 30px #1598ff30,inset 0 1px 0 #d8efff18!important}\n#app #view .action.primary,#app #view .mode-card{box-shadow:0 0 12px #1598ff75,0 0 26px #7439ff35!important}\n#app #view .quick-player{position:relative;min-height:54px;transition:border-color .18s,box-shadow .18s,color .18s,opacity .18s!important}\n#app #view .quick-player.winner{color:#ffd35e!important;border-color:#ffd35e!important;background:#071c36!important;box-shadow:0 0 10px #ffc24b66,0 0 20px #ffc24b28!important;transform:none!important;font-size:inherit!important}\n#app #view .quick-player.loser{opacity:.62!important;filter:saturate(.72)}\n#app #view .winner-check{display:inline-block;margin-inline-end:6px;color:#ffd35e;font-weight:900;font-size:.9em}\n#app #view .editable-bye{border-style:solid!important;border-color:#35baff!important;background:#071c36!important;box-shadow:0 0 10px #1598ff55!important;color:#fff!important}\n#app #view .editable-bye small{color:#ffd35e!important;font-size:11px!important}\n#app #view .quick-empty-slot{opacity:.55;border-style:dashed!important;color:#a9bdd4!important;font-size:14px!important}\n#app #view .quick-add-match{width:100%;margin:16px 0 4px;min-height:54px}\n#app #view .quick-add-match small{display:block;font-size:11px;margin-top:3px;color:#d6edff}\n
/* 10.04 — unified neon identity and interaction polish */
#app #view .card{border-color:#35aef5!important;box-shadow:0 0 12px #20aaff75,0 0 30px #5a39ff28,inset 0 1px 0 #e9f7ff1c!important}
#app #view .action,#app #view .bigbtn,#app #view .iconbtn,#app #view .mode-card{transition:transform .12s ease,filter .18s ease,box-shadow .18s ease}
#app #view .action:active,#app #view .bigbtn:active,#app #view .iconbtn:active,#app #view .mode-card:active{transform:scale(.975);filter:brightness(1.12)}
#app #view .action:disabled{opacity:.42;filter:saturate(.35);box-shadow:none!important;cursor:not-allowed}
#app #view .quick-main-shuffle{box-shadow:0 0 12px #25baffcc,0 0 28px #5e48ff88,0 0 44px #1aaeff40!important;border:1px solid #69d5ff!important}
#app #view .participants-save-neon,#app #view .matches-save-neon{box-shadow:0 0 10px #1cc7ffb0,0 0 25px #6648ff60!important;border:1px solid #61d6ff!important}
#app #view .quick-tools-control{gap:12px!important;margin-top:20px!important}
#app #view .quick-tools-control .action{min-height:54px!important}
#app #view .matchno,#app #view .ko-no,#app #view .league-match-number{font-size:17px!important;min-width:26px!important;width:26px!important;padding:4px 2px!important;border-radius:9px!important;color:#ffd35e!important;text-shadow:0 0 8px #ffc24baa;box-shadow:0 0 8px #ffc24b55!important}
#app #view .player,#app #view .ko-player{border-color:#2caeff!important;box-shadow:0 0 9px #1598ff55,inset 0 0 12px #1598ff12!important}
#app #view .settings-page .settings-appearance-card{margin-bottom:24px!important;box-shadow:0 0 14px #1abaff8c,0 0 32px #7439ff38!important}
#app #view .settings-page .card+ .card{margin-top:24px!important}
#app #view .theme-chooser button.selected{box-shadow:0 0 12px #3ac6ff9c,0 0 25px #6d45ff55!important}
#app #view .unified-mode-page .participants,#app #view .league-participants-card{margin-bottom:18px!important}
#app #view .league-start-tools{margin:18px 0 8px!important}
#app #view .league-bulk{margin-top:12px!important}
#app #view .league-bulk:not([open]) textarea,#app #view .league-bulk:not([open]) button{display:none}
.sultan-toast{position:fixed;z-index:10000;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));transform:translate(-50%,18px);opacity:0;background:#09283d;border:1px solid #55d7ff;color:#dff8ff;padding:12px 18px;border-radius:999px;font-weight:800;box-shadow:0 0 18px #25baff88;pointer-events:none;transition:.22s ease;white-space:nowrap}.sultan-toast.show{opacity:1;transform:translate(-50%,0)}
#splash{transition:opacity .36s ease,transform .36s ease}#splash::after{content:'';position:absolute;width:68%;height:2px;background:linear-gradient(90deg,transparent,#5bdcff,#8d64ff,transparent);box-shadow:0 0 18px #52d8ff;animation:sultanSweep 1.45s ease both}#splash img{animation:sultanSplashLogo 1.35s cubic-bezier(.2,.8,.2,1) both}#splash .brand{animation:sultanSplashText 1.25s .16s ease both}.splash-out{opacity:0!important;transform:scale(1.018)}
@keyframes sultanSweep{0%{transform:translateY(95px) scaleX(.15);opacity:0}35%{opacity:1}100%{transform:translateY(-95px) scaleX(1);opacity:.15}}@keyframes sultanSplashLogo{0%{opacity:0;transform:scale(.86);filter:drop-shadow(0 0 0 transparent)}55%{opacity:1;transform:scale(1.025);filter:drop-shadow(0 0 28px #38c8ff80)}100%{transform:scale(1);filter:drop-shadow(0 0 18px #713eff55)}}@keyframes sultanSplashText{0%{opacity:0;letter-spacing:14px}100%{opacity:1;letter-spacing:7px}}
@media(max-width:520px){#app #view .quick-tools-control{gap:9px!important}#app #view .quick-tools-control .action{font-size:14px!important;padding-inline:6px!important}}

/* 10.05 layout corrections */
#app #view .back.back-system{top:max(18px,calc(env(safe-area-inset-top) + 10px))!important;right:16px!important;z-index:60!important}
#app #view .quick-normal-page,#app #view .knockout-page,#app #view .league-page{padding-top:4px}
#app #view .ko-actions-top,#app #view .league-tools-top{margin:14px 0 18px!important}
#app>.footer .footer-version{margin-top:3px;font-size:12px;letter-spacing:.4px;color:#71869f}
body.light #app>.footer .footer-version{color:#60778b}

/* 10.06 — exact cross-mode layout + compact system navigation */
#app #view .back.back-system{
  width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;
  display:grid!important;place-items:center!important;border-radius:14px!important;
  right:18px!important;top:max(112px,calc(env(safe-area-inset-top) + 94px))!important;
  color:#dff7ff!important;background:linear-gradient(145deg,#092746,#07172d)!important;
  border:1.5px solid #49cfff!important;box-shadow:0 0 12px #2fc9ffb0,0 0 25px #6c48ff55!important;
}
#app #view .back.back-system span{display:none!important}
#app #view .back.back-system svg{width:24px!important;height:24px!important;filter:drop-shadow(0 0 7px #4bd8ff)}
#app #view .unified-control-strip,#app #view .league-start-tools{
  margin:24px auto!important;padding:0 2px!important;display:grid!important;
  grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,.82fr))!important;gap:9px!important;align-items:stretch!important;
}
#app #view .unified-control-strip .action,#app #view .league-start-tools .action{min-width:0!important;min-height:56px!important;padding:8px 6px!important;font-size:13px!important;line-height:1.25!important}
#app #view .unified-control-strip .action span,#app #view .league-start-tools .action span{display:block;margin-top:2px}
#app #view .shuffle-secondary{background:linear-gradient(135deg,#063d72,#342082)!important;color:#fff!important;border:1px solid #55d6ff!important;box-shadow:0 0 11px #2cc9ff9c,0 0 23px #6c48ff66!important}
#app #view .knockout-page .participants,#app #view .league-participants-card{margin-bottom:0!important}
#app #view .knockout-page .quick-tools-control,#app #view .league-start-tools{margin-top:24px!important;margin-bottom:24px!important}

/* Settings: clear separation and stronger admin neon */
#app #view .settings-page .settings-appearance-card{margin-bottom:30px!important}
#app #view .settings-page .settings-sync{margin-top:30px!important;padding:18px 16px!important;border:1.5px solid #49cfff!important;border-radius:18px!important;background:linear-gradient(145deg,#08233e,#101839)!important;color:#e9f8ff!important;font-weight:900!important;text-align:center!important;box-shadow:0 0 14px #2cc9ff9c,0 0 32px #7045ff66,inset 0 0 18px #1aaeff14!important;text-shadow:0 0 9px #4ed7ff88;cursor:pointer}
#app #view .settings-page .settings-sync:active{transform:scale(.98)}

/* Admin gate: same Sultan card language as the rest of the app */
#app #view .account-card{max-width:560px!important;margin:26px auto!important;padding:24px 20px!important;border-radius:22px!important;background:linear-gradient(155deg,#092540,#07162b 58%,#0b1635)!important;border:1.5px solid #4ad1ff!important;box-shadow:0 0 16px #29c9ffad,0 0 38px #7045ff66,inset 0 0 24px #1aaeff18!important}
#app #view .account-card .account-status{margin:0 0 18px!important;padding:13px 14px!important;border-radius:14px!important;text-align:center!important;font-size:18px!important;font-weight:900!important;color:#ffe09a!important;background:#071a30!important;border:1px solid #c99a42!important;box-shadow:0 0 12px #ffc24b38,0 0 18px #2acbff2e!important}
#app #view .account-card label{font-weight:800!important;color:#e8f5ff!important}
#app #view .account-card .input{min-height:54px!important;border-radius:15px!important;background:#06182c!important;border:1.5px solid #399fd9!important;box-shadow:inset 0 0 12px #1598ff20,0 0 8px #1598ff22!important}
#app #view .account-card .input:focus{outline:none!important;border-color:#75e4ff!important;box-shadow:0 0 12px #31d0ffbb,0 0 28px #7045ff66,inset 0 0 12px #1598ff24!important}
#app #view .account-card .action.primary{min-height:56px!important;font-size:18px!important;font-weight:900!important;border-radius:16px!important;background:linear-gradient(110deg,#078ddf,#5939e9)!important;border:1px solid #72e1ff!important;box-shadow:0 0 14px #29ccffbf,0 0 30px #7045ff88!important}
#app #view .account-card .account-link{margin-top:18px!important;padding:8px!important;color:#7bdcff!important;text-shadow:0 0 10px #39c9ffbb!important}
body.light #app #view .account-card{background:linear-gradient(155deg,#eef8ff,#e7efff)!important}
body.light #app #view .account-card label{color:#16344e!important}
body.light #app #view .account-card .input{background:#fff!important;color:#102d45!important}

@media(max-width:520px){
 #app #view .back.back-system{top:max(104px,calc(env(safe-area-inset-top) + 88px))!important;right:14px!important;width:42px!important;height:42px!important;min-width:42px!important}
 #app #view .unified-control-strip,#app #view .league-start-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #app #view .unified-control-strip .action,#app #view .league-start-tools .action{font-size:14px!important;min-height:54px!important}
}
/* 10.08 — controls live above participants in all three competition modes */
#app #view .controls-above-participants{margin:20px 0 14px!important}
#app #view .controls-above-participants + .participants{margin-top:0!important}

/* 10.08 — approved three-point correction */
/* System arrow uses the exact same position/size as the rest of inner pages. */
#app #view .back.back-system{
  top:max(22px,calc(env(safe-area-inset-top) + 8px))!important;
  right:0!important;width:42px!important;height:42px!important;min-width:42px!important;
  padding:0!important;border-radius:14px!important;
}
@media(max-width:520px){#app #view .back.back-system{top:max(22px,calc(env(safe-area-inset-top) + 8px))!important;right:0!important;width:42px!important;height:42px!important;min-width:42px!important}}

/* 10.20 Clean Beta — final visual review */
#splash{padding:max(24px,env(safe-area-inset-top)) 20px max(72px,calc(env(safe-area-inset-bottom) + 54px));}
#splash img{width:clamp(232px,34vw,252px)!important;max-width:58vw!important;height:auto!important;border-radius:0!important;object-fit:contain;filter:drop-shadow(0 0 18px rgba(80,105,255,.25))}
#splash .brand{margin-top:18px!important;font-size:clamp(27px,5vw,31px)!important;letter-spacing:7px!important}
#splash footer{bottom:max(62px,calc(env(safe-area-inset-bottom) + 42px))!important;font-size:14px!important;letter-spacing:.35px!important;color:#b9c6d8!important}
#splash footer b{color:#ffc84e!important}
#splash::after{display:none!important}

#app #view .page-brand img,#app #view .home-simple .home-mark{width:clamp(142px,36vw,158px)!important;max-width:40vw!important;height:auto!important;image-rendering:auto;filter:drop-shadow(0 0 14px rgba(46,139,255,.28))!important}
#app #view .page-brand .channel,#app #view .home-channel{font-size:clamp(16px,4.1vw,19px)!important;font-weight:900!important;border-width:1.7px!important;box-shadow:0 0 13px rgba(32,190,255,.48),0 0 20px rgba(229,42,255,.16)!important;text-shadow:0 0 8px rgba(255,255,255,.08)}
#app #view .back,#app #view .settings-btn{border-width:1.7px!important;box-shadow:0 0 12px rgba(47,201,255,.65),0 0 24px rgba(108,72,255,.28)!important}

#app #view .quick-tools .action,#app #view .unified-control-strip .action,#app #view .league-start-tools .action{font-size:15px!important;font-weight:950!important;letter-spacing:0!important;box-shadow:0 0 13px rgba(38,168,255,.38),inset 0 0 12px rgba(255,255,255,.05)!important}
#app #view .quick-tools .action span,#app #view .unified-control-strip .action span,#app #view .league-start-tools .action span{font-size:12px!important;font-weight:900!important}
#app #view .quick-tools .action.red,#app #view .unified-control-strip .action.red{box-shadow:0 0 14px rgba(255,70,112,.40)!important}
#app #view .quick-tools .action.gold,#app #view .unified-control-strip .action.gold{box-shadow:0 0 14px rgba(255,196,63,.42)!important}

#app #view .participants h2,#app #view .league-participants-card h2{font-size:24px!important;font-weight:950!important;align-items:center!important}
#app #view .participants h2 small,#app #view .league-count{display:inline-grid!important;place-items:center!important;min-width:42px!important;height:34px!important;padding:0 10px!important;border:1.5px solid #2caeff!important;border-radius:14px!important;color:#ffc84e!important;background:#071a31!important;box-shadow:0 0 10px rgba(30,162,255,.35)!important;font-size:16px!important;font-weight:950!important}

#app #view .record-filters{gap:11px!important;margin-bottom:16px!important}
#app #view .record-filters .input{min-height:54px!important;border:1.5px solid #3b91ce!important;font-size:17px!important;font-weight:700!important;box-shadow:inset 0 0 12px rgba(28,145,235,.10)!important}
#app #view .record-filters #search{font-size:18px!important}
#app #view .unified-record-summary{gap:12px!important;margin:14px 0 18px!important}
#app #view .unified-record-summary .stat{min-height:92px!important;border:1.5px solid #d4a84b!important;box-shadow:0 0 10px rgba(255,195,65,.14)!important}
#app #view .unified-record-summary .stat span{font-size:15px!important;color:#b9c9dc!important}
#app #view .unified-record-summary .stat b{font-size:27px!important;color:#ffc84e!important}
#app #view .record-detail-page .notice{font-size:15px!important;color:#bdcadb!important}
#app #view .record-detail-page>.card>.action{min-height:58px!important;font-size:19px!important;font-weight:950!important;border-width:1.5px!important}
#app #view .record-detail-page>.card>.action.primary{border:1.5px solid #54d2ff!important;box-shadow:0 0 14px rgba(39,197,255,.62),0 0 28px rgba(102,70,255,.28)!important}
#app #view .record-detail-page>.card>.action.gold{border:1.5px solid #f1bd45!important;box-shadow:0 0 14px rgba(255,194,61,.38)!important}
#app #view .win-audit{display:block;margin-top:6px;color:#8fa8c1;font-size:11px;line-height:1.6}

#app #view .record-time-field .record-time-parts{grid-template-columns:1fr 1fr .72fr!important}
#app #view .record-time-field .record-time-parts:before{content:'الساعة       الدقيقة       ص / م'!important;word-spacing:8px!important}

#app #view .honor-actions-card{margin-top:18px!important;padding:20px!important;box-shadow:0 0 14px rgba(108,72,255,.34),0 0 24px rgba(42,190,255,.18)!important}
#app #view .honor-actions-card .action{min-height:56px!important;font-size:18px!important;font-weight:950!important}

#app>.footer{margin-top:clamp(150px,20vh,220px)!important;margin-bottom:max(12px,env(safe-area-inset-bottom))!important;font-size:13px!important;letter-spacing:.7px!important;color:#bdc9da!important}
#app>.footer .footer-version{font-size:12px!important;margin-top:4px!important;color:#7f91a8!important}
#app>.footer b{color:#ffc84e!important}

#app #view .account-card .action{font-size:18px!important;font-weight:950!important;min-height:56px!important}
#app #view .account-card .notice{font-size:15px!important}
#app #view .account-status{font-size:20px!important;font-weight:950!important}

@media(max-width:390px){
 #splash img{width:220px!important;max-width:62vw!important}#splash .brand{font-size:24px!important;letter-spacing:5px!important}
 #app #view .page-brand img,#app #view .home-simple .home-mark{width:138px!important}
 #app #view .quick-tools .action,#app #view .unified-control-strip .action,#app #view .league-start-tools .action{font-size:14px!important}
 #app #view .record-time-field .record-time-parts{gap:4px!important}
 #app>.footer{font-size:12px!important}
}
.win-edit-dialog .edit-time-parts{display:grid!important;grid-template-columns:1fr 1fr .75fr!important;gap:8px!important}.win-edit-dialog .edit-time-parts label{min-width:0}
/* Clean Beta footer baseline: same sizing and bottom rhythm on every screen. */
#app{display:flex!important;flex-direction:column!important;min-height:100svh!important}
#app #view{flex:1 0 auto!important}
#app>.footer{margin-top:auto!important;padding-top:clamp(120px,16vh,180px)!important}
/* 10.20 review corrections — unified competition controls/participants, records and home */
#app #view .unified-control-strip .action,#app #view .league-start-tools .action{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:15px!important;font-weight:950!important;line-height:1.2!important}
#app #view .unified-control-strip .action span,#app #view .league-start-tools .action span{font-size:15px!important;font-weight:950!important}
#app #view .unified-control-strip .action:disabled,#app #view .league-start-tools .action:disabled{opacity:.58!important;filter:saturate(.72)!important;color:#d7e3f1!important}
#app #view .participants,#app #view .league-participants-card{border-color:#2baeff!important;box-shadow:0 0 12px rgba(34,181,255,.35),0 0 26px rgba(75,75,255,.14)!important}
#app #view .league-participants-card{margin-top:0!important}
#app #view .league-add-card{padding-bottom:18px!important}
#app #view .league-add-card .league-bulk{display:none!important}
#app #view .records-menu-page .record-copy small{color:#aebfd3!important;line-height:1.55!important}
#app #view .record-mini-count{display:inline-grid;place-items:center;min-width:30px;height:25px;margin-inline-start:7px;padding:0 7px;border:1px solid #35baff;border-radius:10px;color:#67d7ff;background:#071b31;font-size:13px;vertical-align:middle;box-shadow:0 0 8px rgba(45,190,255,.32)}
#app #view .record-mini-count.gold{border-color:#d6aa49;color:#ffc84e;box-shadow:0 0 8px rgba(255,194,75,.25)}
#app #view .records-logout-btn{display:block!important;width:min(260px,100%)!important;margin:18px auto 0!important;min-height:50px!important;border:1px solid #d64a68!important;box-shadow:0 0 12px rgba(255,67,105,.28)!important}
#app #view .home-showcase.home-simple{margin-bottom:6px!important}
#app #view .home-showcase.home-simple + .menu{margin-top:-4px!important}
#app #view .settings-btn{width:46px!important;height:46px!important;border-radius:15px!important;color:#e8f8ff!important;border:1.8px solid #43cfff!important;box-shadow:0 0 14px rgba(43,204,255,.72),0 0 24px rgba(120,68,255,.38)!important}
#app #view .settings-btn svg{width:25px!important;height:25px!important;filter:drop-shadow(0 0 7px rgba(136,104,255,.8))}
@media(max-width:390px){#app #view .unified-control-strip .action span,#app #view .league-start-tools .action span{font-size:14px!important}}

/* Records menu refinement — approved review fix */
#app #view .records-menu-page .records-vertical{margin-top:2px!important;gap:14px!important}
#app #view .records-menu-page .record-card.record-wide{min-height:92px!important;padding:10px 12px!important;grid-template-columns:62px minmax(0,1fr)!important;gap:12px!important}
#app #view .records-menu-page .record-card .record-visual{height:62px!important}
#app #view .records-menu-page .record-copy b{font-size:clamp(21px,5.5vw,25px)!important;font-weight:900!important;line-height:1.35!important;letter-spacing:.1px!important}
#app #view .records-menu-page .record-copy small{font-size:14px!important;font-weight:600!important;line-height:1.65!important;color:#c1d0e1!important;margin-top:5px!important}
#app #view .records-menu-page .record-mini-count{min-width:32px!important;height:27px!important;font-size:14px!important;font-weight:900!important}
#app #view .records-menu-page .records-logout-btn{font-size:17px!important;font-weight:900!important}
@media(max-width:360px){#app #view .records-menu-page .record-copy b{font-size:20px!important}#app #view .records-menu-page .record-copy small{font-size:13px!important}}

/* 10.21 — approved Splash refinement */
#splash{
  min-height:100svh!important;
  padding:max(24px,env(safe-area-inset-top)) 20px max(84px,calc(env(safe-area-inset-bottom) + 64px))!important;
}
#splash img{
  width:clamp(258px,38vw,286px)!important;
  max-width:min(66vw,286px)!important;
  height:auto!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 0 20px rgba(80,105,255,.28))!important;
}
#splash .brand{
  margin-top:12px!important;
  font-size:clamp(27px,5vw,31px)!important;
  letter-spacing:7px!important;
}
#splash footer{
  bottom:max(72px,calc(env(safe-area-inset-bottom) + 52px))!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.35px!important;
  color:#c7d2e1!important;
}
#splash footer b{font-weight:900!important;color:#ffc84e!important}
@media(max-width:390px){
  #splash img{width:242px!important;max-width:68vw!important}
  #splash .brand{margin-top:10px!important;font-size:24px!important;letter-spacing:5px!important}
  #splash footer{bottom:max(64px,calc(env(safe-area-inset-bottom) + 46px))!important;font-size:13px!important}
}
@media(max-height:700px){
  #splash img{width:228px!important;max-width:58vw!important}
  #splash .brand{margin-top:8px!important}
  #splash footer{bottom:max(46px,calc(env(safe-area-inset-bottom) + 34px))!important}
}