:root{--navy:#06162f;--blue:#0b2f68;--cyan:#65d7ff;--paper:#f5f7fb;--ink:#14233c;--muted:#66738a;--line:#dce3ed;--good:#dff5e7;--warn:#fff0c9;--bad:#edf0f4;--white:#fff;--shadow:0 10px 30px rgba(8,25,55,.10)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0}.shell{min-height:100vh;display:flex;flex-direction:column}.site-header{background:linear-gradient(120deg,var(--navy),var(--blue));color:white;display:flex;align-items:center;padding:14px max(18px,calc((100vw - 1180px)/2));gap:30px;position:sticky;top:0;z-index:20;box-shadow:0 5px 20px #06162f33}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;line-height:1.05;font-weight:750;white-space:nowrap}.brand small{font-weight:500;color:#c9ddff}.brand-mark{width:42px;height:42px;border:1px solid #77dfff;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:.82rem;box-shadow:inset 0 0 0 4px #ffffff0d}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:4px}.site-header nav a{color:#dbe8ff;text-decoration:none;padding:9px 10px;border-radius:8px;font-size:.9rem}.site-header nav a:hover,.site-header nav a.active{background:#ffffff17;color:white}.nav-toggle{display:none;margin-left:auto;background:transparent;border:0;color:white;font-size:1.5rem}main{width:min(1180px,calc(100% - 32px));margin:28px auto;flex:1}h1{font-size:clamp(1.65rem,3vw,2.35rem);margin:0 0 8px;letter-spacing:-.025em}h2{letter-spacing:-.015em}.lead{color:var(--muted);margin:0 0 22px;max-width:760px;line-height:1.55}.panel,.match-card,.stat-card{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.panel{padding:20px;margin:16px 0}.toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.toolbar input,.toolbar select,input,select,textarea{width:100%;border:1px solid #cbd5e2;border-radius:9px;padding:10px 12px;background:white;color:var(--ink);font:inherit}.match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px}.match-card{padding:16px;border-top:4px solid #9db0c8}.match-card.favorite{border-top-color:#f2b938}.match-card.exact{background:var(--good)}.match-card.partial{background:var(--warn)}.match-card.wrong{background:var(--bad)}.match-head,.match-foot,.team-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.match-head{font-size:.78rem;color:var(--muted);margin-bottom:15px}.badge{padding:4px 8px;border-radius:99px;background:#e8eef7;color:#29486d;font-weight:700}.badge.live{background:#ffe0e0;color:#a51f2c}.team-line{margin:9px 0;font-weight:700}.team-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;padding:3px 0;cursor:pointer}.star{color:#d89a00}.tip-row{display:grid;grid-template-columns:1fr 48px 12px 48px 1fr;align-items:center;gap:6px;margin:15px 0}.tip-row input{text-align:center;padding:9px 3px;font-weight:800}.tip-row .away{text-align:right}.tip-form button,.button{border:0;border-radius:9px;background:var(--blue);color:white;padding:10px 14px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block}.tip-form button:disabled{opacity:.5}.form-note{min-height:1.2em;font-size:.82rem;margin:7px 0 0}.success{color:#08773e}.error{color:#b32231}.muted{color:var(--muted)}.empty{text-align:center;padding:42px 20px}.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--line);background:white}table{width:100%;border-collapse:collapse}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#edf2f8;font-size:.78rem;text-transform:uppercase;color:#4e6079}.rank-direct{border-left:4px solid #1d9b61}.rank-playoff{border-left:4px solid #e2a72b}.rank-out{border-left:4px solid #aab4c2}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat-card{padding:18px}.stat-card strong{display:block;font-size:1.8rem;color:var(--blue)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.full{grid-column:1/-1}.favorite-list{display:flex;flex-wrap:wrap;gap:8px}.favorite-list label{border:1px solid var(--line);padding:8px 10px;border-radius:9px;background:white}footer{width:min(1180px,calc(100% - 32px));margin:15px auto 24px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;font-size:.86rem}.link-button{border:0;background:none;color:var(--blue);padding:0;cursor:pointer}dialog{border:0;border-radius:16px;box-shadow:0 25px 80px #06162f66;max-width:min(520px,calc(100% - 30px));padding:26px}dialog::backdrop{background:#06162fa8}.dialog-close{float:right;border:0;background:#edf2f8;border-radius:50%;width:34px;height:34px;font-size:1.25rem}.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#dfe7f1}.avatar.large{width:110px;height:110px}.avatar-popup{position:relative}.avatar-popup .avatar-large-popup{display:none;position:absolute;z-index:10;width:160px;height:160px;object-fit:cover;border-radius:14px;box-shadow:var(--shadow);bottom:55px;left:0}.avatar-popup:hover .avatar-large-popup,.avatar-popup:focus-within .avatar-large-popup{display:block}.bracket{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:20px;overflow:auto;padding-bottom:12px}.bracket-col h3{font-size:.9rem}.tie{background:white;border:1px solid var(--line);border-radius:10px;padding:10px;margin:10px 0;font-size:.86rem}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-tabs a{padding:8px 10px;background:#e8eef7;border-radius:8px;text-decoration:none;color:var(--blue)}@media(max-width:850px){.nav-toggle{display:block}.site-header nav{display:none;position:absolute;top:70px;left:12px;right:12px;background:var(--navy);border-radius:12px;padding:10px;box-shadow:var(--shadow);flex-wrap:wrap}.site-header nav.open{display:flex}.toolbar,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.bracket{grid-template-columns:repeat(5,240px)}}@media(max-width:520px){main{width:min(100% - 20px,1180px);margin:20px auto}.site-header{padding:11px 12px}.brand-mark{width:38px;height:38px}.toolbar{gap:8px}.match-card{padding:13px}.tip-row{grid-template-columns:minmax(0,1fr) 42px 8px 42px minmax(0,1fr);font-size:.88rem}.tip-row input{padding:8px 2px}footer{flex-direction:column;width:calc(100% - 20px)}}