/* Presentation-only layer. No API, storage or scoring changes. */
#auth-screen .auth-bg::before{display:none}
#auth-screen .auth-bg{align-items:center;text-align:center}
#auth-screen .auth-title{text-align:center;font-family:'Hanken Grotesk',system-ui,sans-serif;line-height:1.2}
#auth-screen .auth-card{width:calc(100% - 32px);min-width:0;max-width:440px;min-height:0}
@media(min-width:900px){#auth-screen .auth-bg{min-height:560px;padding:48px 24px}#auth-screen .auth-card{padding:32px;border-radius:24px;box-shadow:var(--s3)}}
:root {
 --primary:#137568;--primary2:#18594f;--primary-dark:#105b51;
 --primary-light:#e4f2ed;--primary-glow:rgba(19,117,104,.18);
 --volt:#137568;--volt-deep:#18594f;--volt-tint:#e4f2ed;
 --bg:#f1f4f2;--surface:#fff;--surface2:#f6f8f6;--surface3:#eaf0ed;
 --text:#142d2a;--text2:#526963;--text3:#657970;
 --border:#e1e9e4;--border2:#cbd9d0;--gold:#b47918;--gold2:#eac178;
 --radius:20px;--radius-sm:14px;--s1:0 2px 8px #173c2808;
 --s2:0 6px 20px #173c280b;--s3:0 16px 48px #173c2814;
}
[data-theme=dark]{--bg:#0d1918;--surface:#152724;--surface2:#1a302c;--surface3:#233d36;--text:#edf5f0;--text2:#bacdc2;--text3:#9bb4a5;--border:#2a4239;--border2:#415b50;--primary:#38b49a;--primary2:#168773;--primary-light:#203f35;--volt-tint:#203f35}
html{scroll-behavior:smooth}body{font-family:'Hanken Grotesk',system-ui,sans-serif;line-height:1.5}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}
:focus-visible{outline:3px solid #d79728!important;outline-offset:3px}
input,select,textarea{font-size:16px!important;max-width:100%;accent-color:var(--primary)}
.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#auth-screen{background:var(--bg);padding:0 0 32px}
.auth-bg{background:radial-gradient(ellipse at 80% 10%,#41735966,transparent 65%),#102d2b;padding:56px 24px 62px;border-radius:0 0 36px 36px}
.auth-bg::after{content:'';width:230px;height:230px;border:1px solid #ffffff16;border-radius:50%;right:-60px;bottom:-110px}
.auth-trophy{animation:none;width:64px;height:64px;border:1px solid #eac17866;border-radius:20px;margin:0 auto 24px;color:#eac178;display:grid;place-items:center}
.auth-trophy .ui-icon{width:34px;height:34px}.auth-title{font-size:36px;letter-spacing:-1.5px}.auth-title span{display:block;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-top:12px;color:#eac178}
.auth-sub{font-size:14px;letter-spacing:.4px;text-transform:none;color:#d0ded5}
.auth-card{max-width:440px;margin:-28px auto 0;min-height:0;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:var(--s3)}
.auth-tabs{box-shadow:none;background:var(--surface3);padding:5px;gap:4px}.auth-tab{min-height:44px}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--s1)}
.field label{letter-spacing:.3px;text-transform:none;font-size:13px;color:var(--text2)}.field input{min-height:50px;background:var(--surface2);border:1px solid var(--border2);border-radius:12px}
.btn-primary{background:var(--primary);box-shadow:none;border-radius:13px;min-height:48px;color:white}.btn-primary:hover{filter:brightness(1.08);transform:none}
.spid-shell{background:var(--bg)!important;box-shadow:var(--s3)}
.topbar{background:var(--surface)!important;color:var(--text)!important;border-bottom:1px solid var(--border);padding:16px 20px!important;min-height:76px}
.brand-title{color:var(--text)!important;font-size:23px!important;letter-spacing:-.7px}.trophy-icon{color:var(--primary);display:grid;place-items:center}
.topbar-coin-chip{background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--border);min-height:42px;border-radius:30px!important}
.pages{background:var(--bg)!important;padding:20px 16px 110px!important;scroll-padding-top:20px}
.bottom-nav{background:var(--surface)!important;border-top:1px solid var(--border)!important;box-shadow:0 -6px 24px #102d2b08!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important}
.bottom-nav .nav-btn{color:var(--text2)!important;min-height:54px;gap:5px;border-radius:14px;font-size:11px!important;background:transparent}
.bottom-nav .nav-btn.active{background:var(--primary-light)!important;color:var(--primary)!important;box-shadow:none!important}.nav-btn.active::before,.nav-btn.active::after{display:none!important}
.nav-icon{line-height:1}.filter-tabs{gap:8px!important;scrollbar-width:none;scroll-snap-type:x proximity;padding:8px 0 18px!important;justify-content:flex-start!important}
.filter-tabs button,.spill,.sf-btn{min-height:42px;border:1px solid var(--border)!important;border-radius:24px!important;padding:9px 16px!important;white-space:nowrap;scroll-snap-align:start;color:var(--text2);box-shadow:none!important}
.filter-tabs button.active,.spill.active,.sf-btn.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}
.predict-card,.match-card,.fmc,.fh-item,.tp-card,.lb-item,.tlb-item,.group-card{border:1px solid var(--border)!important;box-shadow:var(--s1)!important;border-radius:18px!important;background:var(--surface)!important;overflow:hidden}
.predict-card:hover,.match-card:hover{transform:none!important;box-shadow:var(--s2)!important}
.tournament-predictions{border-radius:20px!important;background:var(--surface2)!important;border:1px solid var(--border);padding:16px!important;margin-bottom:20px!important}
.tp-header{color:var(--text)!important}.tp-card{box-shadow:none!important}.tp-card input,.tp-card select{min-height:44px;border-radius:10px!important}.tp-deadline{color:var(--text2)!important}
.wallet-card-inner{background:linear-gradient(125deg,#102d2b,#225547)!important;border:1px solid #527d6740;border-radius:22px!important;color:#fff!important;padding:24px!important;box-shadow:none!important}
.wallet-balance{color:#f4e8c9!important}.wallet-subtitle,.wallet-stat small{color:#c2d6c9!important}.wallet-recent-label{font-size:15px!important;color:var(--text);margin:24px 0 14px}
.live-banner{background:#e6f5ed!important;color:#176440!important;border:1px solid #cae4d2;border-radius:12px;margin:12px 16px 0}.live-dot{background:#208557!important}
.modal-overlay{background:rgba(6,23,20,.65)!important;backdrop-filter:blur(7px);overscroll-behavior:contain;padding:12px}
.modal-card{background:var(--surface)!important;color:var(--text);border:1px solid var(--border);border-radius:24px!important;box-shadow:0 24px 80px #0004!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto;overscroll-behavior:contain;padding:28px 20px!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
.modal-close{width:44px!important;height:44px!important;min-width:44px;background:var(--surface3)!important;border-radius:50%;color:var(--text)!important;z-index:5}
.modal-drag-handle{background:var(--border2)!important;width:36px!important}.score-controls button{min-width:44px!important;min-height:44px!important;background:var(--surface3)!important;color:var(--text)!important;border-radius:12px!important}
.score-controls input{min-width:0!important;background:var(--surface2)!important;color:var(--text)!important}.score-team{min-width:0}.score-name{overflow-wrap:anywhere}
.empty-state,.facts-loading{padding:36px 20px!important;color:var(--text2)!important;line-height:1.7}.toast{bottom:calc(92px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 32px);border-radius:14px!important}
.auth-error,.modal-error{line-height:1.5;font-size:13px}.auth-error:empty,.modal-error:empty{display:none}
.connection-notice{position:fixed;top:0;left:0;right:0;z-index:10000;background:#854b0c;color:white;padding:10px 16px;text-align:center;font-size:13px}
/* Admin: preserve every action while making dense controls usable on phones. */
body:has(.admin-app){background:#101d1a;color:#e2eee6}.sidebar{background:#102722;border-color:#2b4036}.sidebar-logo strong,.login-logo h1{color:#9fd1b3}.nav-item.active{background:#237e65}.main-content{min-width:0}.table-wrap,.table-container{overflow-x:auto;max-width:100%;border-radius:14px}.login-screen{background:radial-gradient(ellipse at top,#204838,#101d1a)}.login-box{background:#172c24;border-color:#355242;border-radius:24px}.admin-app input,.admin-app select{min-height:44px}.admin-app button{min-height:40px}.admin-app .btn-primary{background:#23836b}
@media(max-width:599px){.auth-card{margin:-28px 16px 0;padding:24px}.auth-bg{padding-top:40px}.tp-grid{grid-template-columns:1fr!important}.score-input-row{gap:8px!important}.score-controls{gap:4px!important}.modal-overlay{padding:8px;align-items:flex-end}.wallet-card-inner{flex-wrap:wrap;gap:24px}.wallet-right{width:100%;justify-content:space-between}.spill-tabs{overflow-x:auto;flex-wrap:nowrap}.spill{flex-shrink:0}.pages{padding-left:12px!important;padding-right:12px!important}.admin-app{display:block}.sidebar{position:relative;width:100%;height:auto;overflow:visible}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:8px;gap:6px}.sidebar-nav .nav-item{width:auto;white-space:nowrap;flex-shrink:0}.sidebar-logo{padding:16px}.sidebar-footer{padding:8px 16px}.main-content{padding:16px}.login-box{margin:16px;padding:24px}table{min-width:580px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:900px){#app-screen{background:var(--bg)!important;padding:24px}.spid-shell{max-width:1240px;border:1px solid var(--border)}.pages{padding:24px 32px 110px!important}.desktop-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px}.bottom-nav .nav-btn{max-width:160px}#auth-screen.active{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:64px;min-height:100dvh}.auth-bg{border-radius:32px;min-height:560px;display:flex;flex-direction:column;justify-content:center}.auth-card{width:100%;margin:0;justify-self:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}