:root{--toll-white: #FFFFFF;--toll-black: #000000;--toll-grey-50: #F5F5F5;--toll-grey-100: #D6D6D7;--toll-grey-200: #98999C;--toll-grey-300: #6A6B6E;--toll-grey-400: #4D4E52;--toll-grey-500: #202227;--toll-grey-600: #1D1F23;--toll-grey-700: #17181C;--toll-grey-800: #121315;--toll-grey-900: #0D0E10;--toll-yellow-50: #FCFFEE;--toll-yellow-100: #F7FFC9;--toll-yellow-200: #F3FFAF;--toll-yellow-300: #EEFF8A;--toll-yellow-400: #EAFF74;--toll-yellow-500: #E5FF51;--toll-yellow-600: #D0E84A;--toll-yellow-700: #A3B53A;--toll-yellow-800: #7E8C2D;--toll-yellow-900: #1D1D1D;--toll-red-50: #FFEEEE;--toll-red-100: #FFC9CA;--toll-red-200: #FFAFB0;--toll-red-300: #FF8A8C;--toll-red-400: #FF7476;--toll-red-500: #FF5154;--toll-red-600: #E84A4C;--toll-red-700: #B53A3C;--toll-red-800: #8C2D2E;--toll-red-900: #6B2223;--toll-green-50: #F2FFEE;--toll-green-100: #D6FFC9;--toll-green-200: #C2FFAF;--toll-green-300: #A6FF8A;--toll-green-400: #95FF74;--toll-green-500: #7AFF51;--toll-green-600: #6FE84A;--toll-green-700: #57B53A;--toll-green-800: #438C2D;--toll-green-900: #336B22;--toll-orange-50: #FFF7EE;--toll-orange-100: #FFE6C9;--toll-orange-200: #FFDAAF;--toll-orange-300: #FFC98A;--toll-orange-400: #FFBE74;--toll-orange-500: #FFAE51;--toll-orange-600: #E89E4A;--toll-orange-700: #B57C3A;--toll-orange-800: #8C602D;--toll-orange-900: #6B4922;--bg: var(--toll-grey-800);--bg-raised: var(--toll-grey-700);--surface: var(--toll-grey-600);--surface-2: var(--toll-grey-500);--border: rgba(245, 245, 245, .08);--border-strong:rgba(245, 245, 245, .16);--text: var(--toll-grey-50);--text-muted: var(--toll-grey-200);--accent: var(--toll-yellow-500);--accent-soft: rgba(229, 255, 81, .1);--accent-ink: var(--toll-grey-900);--positive: var(--toll-green-500);--positive-soft:rgba(122, 255, 81, .12);--negative: var(--toll-red-500);--negative-soft:rgba(255, 81, 84, .12);--warning: var(--toll-orange-500);--warning-soft: rgba(255, 174, 81, .12);--radius: 14px;--radius-sm: 10px;--radius-xs: 7px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 28px -18px rgba(0, 0, 0, .6);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--mono: ui-monospace, "Cascadia Code", Consolas, monospace;--topbar-h: 58px;--bottomnav-h: 60px;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}code,.mono{font-family:var(--mono);font-size:.9em}.icon{flex:none;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:14px;padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));background:#17181ceb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand__logo{height:26px;width:auto;display:block}.brand__app{font-size:12px;font-weight:600;color:var(--text-muted);padding-left:10px;border-left:1px solid var(--border-strong);white-space:nowrap}.topbar__right{display:flex;align-items:center;gap:10px;margin-left:auto}.user-chip{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;min-width:0}.user-chip__name{font-weight:600;font-size:13px;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip__role{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.container{width:100%;max-width:960px;margin:0 auto;flex:1;padding:16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + 24px)}.nav--top{display:none}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:#17181cf5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 8px;font-size:10.5px;font-weight:600;letter-spacing:.2px;color:var(--text-muted);text-decoration:none;-webkit-tap-highlight-color:transparent}.bottomnav a .icon{width:21px;height:21px}.bottomnav a.active{color:var(--accent)}@media (min-width: 768px){.container{padding:28px 20px 56px}.bottomnav{display:none}.brand__logo{height:30px}.nav--top{display:flex;align-items:center;gap:2px}.nav--top a{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:14px;padding:8px 13px;border-radius:var(--radius-sm);transition:background .12s ease,color .12s ease}.nav--top a:hover{color:var(--text);background:var(--surface)}.nav--top a.active{color:var(--accent-ink);background:var(--accent)}.user-chip__name{max-width:200px;font-size:14px}}.loading-screen{min-height:50vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card)}.card--lead{border-top:3px solid var(--accent)}.stack{display:flex;flex-direction:column;gap:14px}.h1{font-size:19px;line-height:1.25;margin:0 0 6px;letter-spacing:-.01em}.muted{color:var(--text-muted);margin:0 0 16px;font-size:13.5px}.footnote{color:var(--text-muted);font-size:12.5px;margin-top:16px}@media (min-width: 768px){.card{padding:20px}.h1{font-size:21px}.muted{font-size:14px}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 18px;background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;font-weight:600;font-size:14.5px;transition:filter .12s ease,transform .05s ease;-webkit-tap-highlight-color:transparent}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn--primary:hover{filter:brightness(.96)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn--ghost:hover{color:var(--text);background:var(--surface-2);filter:none}.btn--sm{min-height:38px;padding:7px 13px;font-size:13.5px;border-radius:var(--radius-xs)}.btn--block{width:100%}.btn--icon{padding:7px 10px}.btn .icon{width:16px;height:16px}.input,.select{width:100%;min-height:44px;padding:10px 12px;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:16px}.input::placeholder{color:var(--toll-grey-300)}.input:focus,.select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.field .hint{font-size:12px;color:var(--text-muted);margin-top:5px}.tabs{display:flex;gap:4px;background:var(--bg-raised);padding:4px;border-radius:var(--radius-sm);margin-bottom:18px}.tab{flex:1;text-align:center;min-height:38px;padding:7px;border-radius:var(--radius-xs);cursor:pointer;font:inherit;font-weight:600;font-size:14px;color:var(--text-muted);background:transparent;border:none;-webkit-tap-highlight-color:transparent}.tab.active{background:var(--surface-2);color:var(--text)}.alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13.5px;margin-bottom:14px;border:1px solid transparent}.alert--error{background:var(--negative-soft);border-color:var(--negative);color:var(--toll-red-200)}.alert--ok{background:var(--positive-soft);border-color:var(--positive);color:var(--toll-green-200)}.alert--info{background:var(--warning-soft);border-color:var(--warning);color:var(--toll-orange-200)}.status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.2px;padding:4px 10px;border-radius:999px;white-space:nowrap}.status .icon{width:11px;height:11px}.status--open{background:var(--accent);color:var(--accent-ink)}.status--locked{background:var(--toll-grey-400);color:var(--text)}.status--tbd{background:var(--surface);color:var(--text-muted);border:1px solid var(--border-strong)}.status--finished{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.points-badge{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;padding:4px 11px;border-radius:999px;margin-left:auto;white-space:nowrap}.points-badge .icon{width:12px;height:12px}.points-badge--win{background:var(--positive-soft);color:var(--positive);border:1px solid var(--positive)}.points-badge--zero{background:var(--negative-soft);color:var(--negative);border:1px solid var(--negative)}.points-badge--pending{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-strong)}.stats-bar{display:flex;flex-wrap:wrap;gap:6px 16px;padding:12px 0;margin:14px 0 12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{font-size:12.5px;color:var(--text-muted)}.stat b{color:var(--text);font-size:15px;font-variant-numeric:tabular-nums}.filters{display:flex;gap:8px}.filters .select,.filters .input{min-width:0;flex:1}.date-header{position:sticky;top:var(--topbar-h);z-index:5;font-size:11.5px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.7px;padding:10px 2px 8px;margin:4px 0 2px;background:#121315f0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.match-list{display:grid;gap:10px}.match{background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);padding:13px 14px;box-shadow:var(--shadow-card)}.match--open{border-left-color:var(--accent)}.match--locked,.match--tbd{border-left-color:var(--toll-grey-400)}.match--finished{border-left-color:var(--toll-grey-300)}.match--win{border-left-color:var(--positive)}.match--lose{border-left-color:var(--negative)}.match--out{opacity:.72;border-left-color:var(--toll-grey-500)}.status--out{background:var(--bg-raised);color:var(--toll-grey-300);border:1px dashed var(--border-strong)}.decision{margin-top:12px}.decision__label{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:7px}.decision-seg{display:flex;gap:6px}.decision-seg .seg{flex:1;min-height:40px;padding:8px 10px;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.decision-seg .seg.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.decision-seg--sm .seg{flex:none;min-height:34px;padding:6px 12px;font-size:12.5px}.match__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.match__stage{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.match__right{display:flex;align-items:center;gap:8px}.countdown{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.countdown .icon{width:11px;height:11px}.match__time{font-size:12px;color:var(--text-muted);margin-bottom:12px}.match__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.team{font-weight:600;font-size:14px;line-height:1.3}.team--home{text-align:right}.team--away{text-align:left}.vs{color:var(--toll-grey-300);font-weight:600;padding:0 2px}.vs--plain{font-size:15px}.score-final{font-size:21px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.5px}.pred-inputs{display:flex;align-items:center;gap:7px;justify-content:center}.score-input{width:56px;min-height:48px;text-align:center;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);-moz-appearance:textfield}.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.pred-row{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.pred-row .btn--primary,.pred-row>.btn:first-child{flex:1}.pred-msg{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600}.pred-msg .icon{width:13px;height:13px}.pred-msg--ok{color:var(--positive)}.pred-msg--err{color:var(--negative)}.your-pred{font-size:13.5px;color:var(--text-muted)}.your-pred b{color:var(--text);font-variant-numeric:tabular-nums}.your-pred--none{font-style:italic}@media (min-width: 768px){.match{padding:15px 18px}.team{font-size:15px}.pred-row .btn--primary,.pred-row>.btn:first-child{flex:none}}.rank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rank-table{width:100%;border-collapse:collapse;table-layout:fixed}.rank-table th,.rank-table td{padding:11px 8px;text-align:left;border-bottom:1px solid var(--border)}.rank-table th{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700}.rank-table th:nth-child(1){width:44px}.rank-table th:nth-child(3),.rank-table th:nth-child(4){width:64px}.rank-table th.num,.rank-table td.num{text-align:right;font-variant-numeric:tabular-nums}.rank-table td.num b{font-size:16px}.rank-table tbody tr:last-child td{border-bottom:none}.rank-table tr.is-me{background:var(--accent-soft)}.rank-table tr.is-me td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.rank-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-tag{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-ink);background:var(--accent);padding:1px 6px;border-radius:999px;margin-left:7px;vertical-align:1px}.pos{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 6px;border-radius:999px;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;background:var(--surface-2);color:var(--text-muted)}.pos--1{background:var(--accent);color:var(--accent-ink)}.pos--2{background:var(--toll-grey-100);color:var(--toll-grey-900)}.pos--3{background:var(--warning);color:var(--toll-grey-900)}@media (min-width: 768px){.rank-table th,.rank-table td{padding:12px 10px}.rank-table th:nth-child(3),.rank-table th:nth-child(4){width:90px}}.mp-list{display:flex;flex-direction:column}.mp-row{display:flex;flex-direction:column;gap:10px;padding:13px 0;border-bottom:1px solid var(--border)}.mp-row:last-child{border-bottom:none}.mp-row__teams{font-weight:600;font-size:14.5px;margin:3px 0 1px}.mp-row__meta{font-size:12px;color:var(--text-muted)}.mp-row__nums{display:flex;align-items:center;gap:16px}.mp-cell{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:15px;font-variant-numeric:tabular-nums}.mp-cell__lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700}.mp-row--out{opacity:.62}.muted-dash{color:var(--toll-grey-300)}@media (min-width: 768px){.mp-row{flex-direction:row;align-items:center;justify-content:space-between;gap:14px}.mp-row__main{min-width:220px}}.cfg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:4px 0 10px}.cfg-grid--mult{margin-top:0}.cfg-toggle{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14px;margin:8px 0 14px;cursor:pointer;min-height:32px}.cfg-toggle input{width:17px;height:17px;accent-color:var(--accent)}.input:disabled,.select:disabled{opacity:.55;cursor:not-allowed}.cfg-toggle input:disabled{cursor:not-allowed}.cfg-toggle:has(input:disabled){opacity:.65;cursor:not-allowed}.cfg-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.cfg-head .h1{margin:0}.btn--warn{background:var(--warning);color:var(--toll-grey-900);border-color:transparent}.btn--warn:hover{filter:brightness(.96)}.lock-confirm{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:12px;background:var(--warning-soft);border:1px solid var(--warning);border-radius:var(--radius-sm);font-size:13.5px;color:var(--toll-orange-200)}.lock-confirm>.icon{color:var(--warning)}.lock-confirm__actions{display:flex;gap:8px;margin-left:auto}.adm-list{display:flex;flex-direction:column;gap:12px}.adm-row{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 13px;background:var(--surface-2)}.adm-row__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.adm-row__teams{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:14.5px;margin-bottom:11px}.adm-row__time{font-size:11.5px;color:var(--text-muted);font-weight:400}.adm-row__result{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.adm-row__result .score-input{width:50px;min-height:42px;font-size:17px}.adm-row__edit{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-strong)}.adm-row__edit .input{width:auto;flex:1;min-width:130px}@media (min-width: 768px){.cfg-grid{grid-template-columns:repeat(4,1fr)}}.auth-wrap{max-width:420px;margin:0 auto;padding:40px 18px 48px;padding-top:max(40px,9vh)}.auth-head{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px}.auth-logo{height:40px;width:auto}.auth-app{font-size:12.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-muted)}.auth-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);padding:22px 18px;box-shadow:var(--shadow-card)}.auth-title{font-size:21px;margin:0 0 4px;letter-spacing:-.01em}.auth-sub{color:var(--text-muted);margin:0 0 18px;font-size:13.5px}.auth-foot{text-align:center}@media (min-width: 768px){.auth-card{padding:26px 24px}.auth-logo{height:46px}}@keyframes shimmer{0%{background-position:-360px 0}to{background-position:360px 0}}.skeleton{border-radius:var(--radius);background:var(--surface);background-image:linear-gradient(90deg,var(--surface) 0px,var(--surface-2) 120px,var(--surface) 240px);background-size:720px 100%;animation:shimmer 1.3s linear infinite;border:1px solid var(--border)}.sk-card{height:118px}.sk-row{height:52px;border-radius:var(--radius-sm)}.sk-stack{display:grid;gap:10px}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;text-align:center}.empty .icon{width:34px;height:34px;color:var(--toll-grey-300)}.empty__title{font-weight:700;font-size:15px}.empty__hint{color:var(--text-muted);font-size:13px;max-width:320px}.sg-section{margin-bottom:26px}.sg-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin:0 0 10px}.sg-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sg-swatch{width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border-strong)}