:root{color:#f4f8f7;-webkit-tap-highlight-color:transparent;background:#06151c;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#30b67840,#0000 40%),radial-gradient(circle at 20% 20%,#2682b140,#0000 35%),#06151c;min-height:100vh;margin:0;overflow-x:hidden}#root{min-height:100vh}h1,h2,p{margin:0}h1{font-size:clamp(1.4rem,2.8vw,2rem)}h2{font-size:clamp(1.08rem,2.4vw,1.4rem)}.subtitle{color:#b8c8cf}.auth-layout{place-items:center;min-height:100vh;padding:clamp(14px,4vw,24px);display:grid}.auth-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081b23db;border:1px solid #45879b73;border-radius:20px;gap:18px;width:100%;max-width:420px;padding:clamp(18px,5vw,28px);display:grid}.auth-form{gap:12px;display:grid}label{gap:8px;font-size:14px;display:grid}input,select,button{color:#ebf3f5;font:inherit;background:#09242ecc;border:1px solid #549db480;border-radius:10px;min-height:44px;padding:10px 12px}button{cursor:pointer;color:#05220f;background:linear-gradient(90deg,#2ac06a,#17a45d);border:none;font-weight:700}button:disabled{opacity:.65;cursor:wait}button:not(:disabled){cursor:pointer}a{color:#53d4ff}.helper-link{color:#a9bcc4;font-size:14px}.error-text{color:#ff8f8f;font-size:14px}.success-text{color:#7af8a4;font-size:14px}.warning-text{color:#ffd48a;font-size:13px}.dashboard-layout{max-width:1360px;padding:clamp(12px,3.6vw,26px);padding-bottom:calc(clamp(16px, 4vw, 26px) + env(safe-area-inset-bottom));gap:clamp(12px,2.4vw,20px);margin:0 auto;display:grid}.page-link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.page-link-active{border-color:#7fd2e9bf;box-shadow:0 0 0 2px #59afc633}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.secondary-button{color:#d9edf2;background:#0f3542cc;border:1px solid #70b4c966}.danger-button{color:#fff6f6;background:linear-gradient(90deg,#d05858,#b73737)}.grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);align-items:start;gap:clamp(10px,2vw,16px);display:grid}.grid>*{min-width:0}.full-width{grid-column:1/-1}.panel{background:#081b23db;border:1px solid #45879b73;border-radius:16px;align-content:start;gap:12px;min-width:0;padding:clamp(12px,2.2vw,18px);display:grid}.panel-hint{color:#9cb1b8;font-size:13px}.match-list,.result-list,.leaderboard{gap:12px;display:grid}.match-card{border:1px solid #70b4c933;border-radius:12px;gap:10px;padding:clamp(10px,2.5vw,12px);display:grid}.bomb-card{background:radial-gradient(circle at 100% 0,#ff905233,#0000 48%),#301c0f8c;border-color:#ffa15eb3;box-shadow:inset 0 1px #ffcb9f33,0 0 0 1px #ff985a26}.match-detail-trigger{color:#d9eef4;background:linear-gradient(#113a48e0,#08242ce0);border:1px solid #70b4c973;border-radius:10px;width:100%;min-height:38px;font-size:13px;font-weight:600}.match-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tag{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.bomb{color:#ffc39d;background:#ff9a5f33;border:1px solid #ff9a5f73}.warning{color:#ffe1a8;background:#ffd3752b;border:1px solid #ffd37573}.prediction-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prediction-row input{text-align:center;width:64px}.score-input{text-align:center;font-variant-numeric:tabular-nums}.prediction-row button{margin-left:auto}.checkbox-row{align-items:center;gap:8px;display:flex}.allin-row{display:flex}.allin-toggle{color:#dff5fb;background:linear-gradient(#0f3542eb,#082129eb);border:1px solid #5ca6ba73;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-weight:700;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:inline-flex}.allin-toggle:not(:disabled):hover{border-color:#77c2d7b3;box-shadow:0 0 0 2px #4292aa33}.allin-toggle:not(:disabled):active{transform:translateY(1px)}.allin-toggle.active{color:#eaffef;background:linear-gradient(#196248f2,#0e4935f2);border-color:#6fd68fe6;box-shadow:inset 0 1px #b9f6cd3d,0 0 0 2px #6fd68f33}.allin-icon{font-size:16px;line-height:1}.points-slot{color:#b8c8cf;border-top:1px solid #70b4c933;margin:0;padding-top:6px;font-size:13px}.points-positive{color:#7af8a4}.points-negative{color:#ff8f8f}.points-neutral{color:#d0d8dc}.leader-row,.result-row{background:#0c2a35b3;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:grid}.leader-row{grid-template-columns:auto minmax(160px,1fr) auto auto auto;align-items:center;gap:10px;display:grid}.leader-position{color:#9ad8e8;min-width:26px;font-weight:700}.leader-main{overflow-wrap:anywhere;min-width:0;font-weight:600}.leader-streak{color:#b8c8cf}.leader-detail-btn{justify-self:end}.leader-detail-icon{display:none}.leader-points{justify-self:end;margin-left:10px}.leader-fee{text-align:right;justify-self:end;min-width:76px}.result-row{grid-template-columns:1fr auto}.result-main{min-width:0}.result-meta{text-transform:uppercase;letter-spacing:.3px;color:#9cb1b8}.result-action{justify-self:end}.match-meta-line{color:#b8c8cf;white-space:nowrap;scrollbar-width:thin;align-items:center;gap:6px;padding-bottom:2px;font-size:13px;display:flex;overflow-x:auto}.meta-chip{letter-spacing:.15px;background:linear-gradient(#153743d9,#0a2129d9);border:1px solid #60a9c073;border-radius:999px;align-items:center;height:24px;padding:0 10px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ace5f424}.meta-number{color:#d6f6ff}.meta-time{color:#8be9a1;font-weight:700}.meta-dot{color:#5f8d9a;font-size:12px}.match-meta-line .tag{white-space:nowrap}.match-format-row{grid-template-columns:auto minmax(0,1fr) auto auto auto minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;display:grid}.admin-match-row{grid-template-columns:auto minmax(0,1fr) auto auto auto minmax(0,1fr) auto}.flag{justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.flag img{object-fit:cover;border:1px solid #70b4c959;border-radius:4px;width:40px;height:28px}.flag-fallback{background:#09242ecc;border:1px solid #70b4c959;border-radius:4px;width:40px;height:28px}.country-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.country-name.away{text-align:right}.score-box{text-align:center;background:#09242ecc;border:1px solid #549db480;border-radius:10px;min-width:44px;padding:10px 8px;font-weight:700}.admin-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-form .checkbox-row{grid-column:span 2}.users-list{gap:10px;display:grid}.history-list{gap:8px;display:grid}.history-row{background:#0c2a35b3;border-radius:10px;grid-template-columns:minmax(210px,1.1fr) minmax(120px,1fr) auto auto minmax(150px,1fr) auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#02090cc7;place-items:center;padding:clamp(12px,3vw,24px);animation:.18s ease-out modalBackdropIn;display:grid;position:fixed;inset:0}.modal-backdrop.is-closing{pointer-events:none;animation:.16s ease-in forwards modalBackdropOut}.modal-card{transform-origin:bottom;background:radial-gradient(circle at 100% 0,#2682b133,#0000 42%),#081b23f5;border:1px solid #45879b8c;border-radius:16px;gap:12px;width:min(1040px,100%);max-height:88vh;padding:clamp(12px,2.4vw,20px);animation:.22s cubic-bezier(.2,.8,.2,1) modalCardIn;display:grid;overflow:auto;box-shadow:0 16px 46px #00000073,inset 0 1px #aae4f21a}.modal-backdrop.is-closing .modal-card{animation:.17s cubic-bezier(.4,0,1,1) forwards modalCardOut}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalCardIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes modalCardOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.985)}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-card{animation:none}}.modal-header{z-index:1;background:linear-gradient(#081b23fa,#081b23d6);justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex;position:sticky;top:-1px}.modal-subtitle{color:#9fd7e6;font-weight:600}.history-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.history-summary-card{background:linear-gradient(#10313cd1,#09232bd1);border:1px solid #599fb352;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.history-summary-card small{color:#9cb1b8;font-size:12px}.history-summary-card strong{font-size:17px}.history-table-wrap{border:1px solid #599fb340;border-radius:12px;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;min-width:700px;overflow:hidden}.history-table th,.history-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #5a99ac40;padding:10px 12px}.history-table th{color:#cce8ef;text-transform:uppercase;letter-spacing:.4px;z-index:1;background:#0e2d38f2;font-size:13px;position:sticky;top:0}.history-table td{font-size:14px}.history-table th:nth-child(2),.history-table th:nth-child(3),.history-table th:nth-child(4),.history-table th:nth-child(5),.history-table td:nth-child(2),.history-table td:nth-child(3),.history-table td:nth-child(4),.history-table td:nth-child(5){text-align:center}.history-table tbody tr:nth-child(2n){background:#0d283173}.history-table tbody tr:hover{background:#1c576842}.history-date-chip{color:#a7c9d3;background:#081d24b3;border:1px solid #68a7ba4d;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;display:inline-flex}.history-bomb-chip{background:#ff944d42;border:1px solid #ff944d8c;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;margin-left:8px;display:inline-flex;box-shadow:inset 0 1px #ffd4a359}.history-allin-chip{background:#66b8ff3d;border:1px solid #66b8ff8c;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;margin-left:6px;display:inline-flex;box-shadow:inset 0 1px #cfecff5c}.history-running-total{color:#d6f6ff}.match-detail-modal{width:min(920px,100%)}.match-detail-scoreboard{background:#0c2d3899;border:1px solid #60a9c04d;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px 16px;display:grid}.match-detail-team{color:#cfe7ee;font-weight:600}.match-detail-team:last-child{text-align:right}.match-detail-score{letter-spacing:1px;color:#e9fbff;font-size:clamp(1.8rem,6vw,2.8rem)}.match-detail-table th:nth-child(2),.match-detail-table th:nth-child(3),.match-detail-table td:nth-child(2),.match-detail-table td:nth-child(3){text-align:center}.user-row{background:#0c2a35b3;border-radius:10px;grid-template-columns:1fr 1fr auto 120px auto auto auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.mobile-bottom-nav{display:none}@media (width<=1024px){.grid{grid-template-columns:minmax(0,1fr)}.leader-row{grid-template-columns:auto minmax(0,1fr) auto auto}}@media (width<=840px){.dashboard-layout{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.topbar{flex-direction:column;align-items:stretch}.topbar button{width:100%}.topbar-actions{display:none}.leader-row{grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px}.leader-main{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;overflow:hidden}.leader-detail-btn{border-radius:10px;justify-self:end;min-width:36px;min-height:36px;padding:8px}.leader-points,.leader-fee{justify-self:end}.leader-detail-text{display:none}.leader-detail-icon{justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.leader-streak{font-size:12px}.history-row{grid-template-columns:1fr;gap:6px}.history-total{border-top:1px solid #70b4c92e;padding-top:6px}.history-table{min-width:620px}.history-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-detail-scoreboard{text-align:center;grid-template-columns:1fr}.match-detail-team:last-child{text-align:center}.admin-form{grid-template-columns:1fr}.admin-form .checkbox-row{grid-column:auto}.user-row{grid-template-columns:1fr;gap:6px}.user-email{word-break:break-all}.result-row{grid-template-columns:1fr;gap:6px}.result-action{justify-self:stretch}.prediction-row{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.prediction-row button{grid-column:1/-1;margin-left:0}.prediction-row input,.allin-row{width:100%}.allin-toggle{justify-content:center;width:100%}.match-format-row,.admin-match-row{grid-template-columns:auto 1fr auto auto auto 1fr auto;gap:6px}.match-format-row button{grid-column:1/-1}.country-name{font-size:13px}.mobile-bottom-nav{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(460px,100% - 12px);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#07171eed;border-top:1px solid #589cb057;border-radius:14px 14px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 28px #0006}.mobile-nav-item{appearance:none;color:#d3e9ef;background:linear-gradient(#091e28f2,#05151df2);border:1px solid #589cb059;border-radius:12px;place-items:center;gap:3px;min-height:50px;padding:4px;font-size:10px;font-weight:600;text-decoration:none;display:grid;box-shadow:inset 0 1px #aae4f21a}.mobile-nav-item.active{color:#ecfbff;background:linear-gradient(#164454f2,#0b2934f2);border-color:#84d7efcc}.mobile-nav-item--primary{min-height:70px;font-size:11px}.mobile-nav-item--danger{color:#ff9f9f;border-color:#e04f4fb3}.mobile-nav-item--danger:hover,.mobile-nav-item--danger:active{background:linear-gradient(#421414f2,#280c0cf2)}.mobile-nav-icon{line-height:1;display:inline-flex}.mobile-nav-icon svg{stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.mobile-nav-item--primary .mobile-nav-icon svg{width:18px;height:18px}}