:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f7f9fc;background:#071a2b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#123b65 0,transparent 34%),#071a2b}.shell{max-width:500px;margin:auto;min-height:100vh;padding:env(safe-area-inset-top) 18px 105px}.topline{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.brand{display:flex;align-items:center;gap:11px;padding:8px 0 18px}.crest{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#1f8fff,#34cbff);box-shadow:0 0 24px #1f8fff44;font-size:20px}.brand h1{font-size:16px;letter-spacing:.02em;margin:0}.brand small{font-size:10px;text-transform:uppercase;letter-spacing:.16em}.muted{color:#9babbe}.eyebrow{color:#34cbff;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:850}.hero,.fixture,.profile-card{border:1px solid #1c4667;border-radius:18px;background:linear-gradient(155deg,#0c2a47,#091f35);box-shadow:0 14px 42px #0004}.hero{padding:22px;background:linear-gradient(180deg,#123b63cc,#0b2946)}.hero h2{font-size:30px;margin:7px 0}.hero p{line-height:1.5}.deadline{display:inline-flex;padding:9px 12px;background:#061624;border:1px solid #173c5b;border-radius:10px;color:#c7d3e0;font-size:12px}.fixture{margin-top:11px;padding:15px}.teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;font-weight:750}.team{display:flex;align-items:center;gap:8px}.team:last-child{justify-content:flex-end;text-align:right}.team img{width:29px;height:29px;object-fit:contain}.kickoff{margin-top:9px;text-align:center;font-size:11px;color:#9babbe}.score{display:grid;grid-template-columns:38px 44px auto 44px 38px;justify-content:center;align-items:center;gap:7px;margin-top:15px}.score button{height:36px;border-radius:9px;border:1px solid #245173;background:#0f3558;color:#f7f9fc;font-size:19px}.score strong{display:grid;place-items:center;height:40px;border-radius:9px;background:#071a2b;border:1px solid #2b5878;font-size:20px}.score .dash{color:#708aa1}.primary{width:100%;border:0;border-radius:12px;background:linear-gradient(90deg,#1f8fff,#34cbff);box-shadow:0 9px 24px #1f8fff33;color:#031421;font-weight:900;font-size:15px;padding:15px;margin-top:17px;cursor:pointer}.primary:disabled{opacity:.45}.status{padding:11px;border-radius:10px;background:#0c3654;color:#81dfff;margin-top:12px;text-align:center;font-size:12px}.nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(500px,100%);display:flex;justify-content:space-around;padding:9px 7px calc(9px + env(safe-area-inset-bottom));background:#071a2bf2;border-top:1px solid #1c4667;backdrop-filter:blur(18px)}.nav button{border:0;background:none;color:#758da4;font-size:10px;padding:7px 4px;line-height:1.6}.nav button.active{color:#34cbff}.login{padding-top:10vh}.login .crest{width:62px;height:62px;font-size:31px}.login h1{font-size:34px;margin:20px 0 5px}.field{display:block;margin-top:15px;color:#a9b7c6;font-size:12px}.field input{width:100%;margin-top:7px;padding:14px;border-radius:11px;border:1px solid #214965;background:#0b263f;color:white;font-size:16px;outline:none}.field input:focus{border-color:#34cbff;box-shadow:0 0 0 3px #34cbff20}.table{margin-top:13px;border:1px solid #1c4667;border-radius:15px;overflow:hidden;background:#0b2741}.row{display:grid;grid-template-columns:35px 1fr auto;gap:9px;padding:13px 11px;border-bottom:1px solid #173d5d;align-items:center}.row:last-child{border-bottom:0}.row.me{background:#103d63}.pos{color:#34cbff;font-weight:850}.points{font-weight:900}.message{padding:13px;margin:14px 0;border-radius:11px;background:#572638;color:#ffdce5}.link{border:0;background:none;color:#34cbff;padding:10px 0;cursor:pointer}.result-grid{font-size:12px;margin-top:10px}.result-grid div{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:8px 0;color:#b9c7d6}.profile-card{padding:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.stat{padding:13px 8px;text-align:center;background:#071a2b;border-radius:11px}.stat strong{display:block;font-size:21px;color:#fff}.stat span{font-size:10px;color:#91a4b6}h3{margin:26px 0 10px;font-size:16px}.admin-link{display:block;text-align:center;margin:8px 0 0;color:#34cbff;font-size:12px;text-decoration:none}@media(min-width:700px){.shell{border-left:1px solid #123953;border-right:1px solid #123953}}
