@font-face{font-family:Poppins;src:url(/assets/fonts/poppins.ttf) format("truetype");font-weight:300 900}:root{--green-qualifier: #28a745;--yellow-qualifier: #ffc107}body{margin:0;padding:0;font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--text);transition:background .1s,color .1s;--bg: #121212;--card: #1e1e1e;--text: #ffffff;--border: #333}body.light{--bg: #f6f7f9;--card: white;--text: #222;--border: #ddd}.container{max-width:1600px;margin:auto;padding:30px 20px}.header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:10px}.logo{font-size:32px;font-weight:800;background:linear-gradient(90deg,#ff0180,#00b7ff);-webkit-background-clip:text;color:transparent}.modeToggle{cursor:pointer;font-size:16px;padding:10px 18px;border-radius:8px;background:var(--card);border:1px solid var(--border);color:var(--text);transition:.25s}.modeToggle:hover{opacity:.85}.potsWrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin-top:25px}.potCard{background:var(--card);border:1px solid var(--border);padding:20px;border-radius:14px;box-shadow:0 3px 8px #00000026}.potCard h3{margin-bottom:12px}.team{display:flex;align-items:center;padding:6px 0;font-size:16px;transition:background .3s,color .3s}.team.qualifier-1-2{background-color:var(--green-qualifier)!important;color:#fff;font-weight:600;padding:6px 0;border-radius:8px}.team.qualifier-3{background-color:var(--yellow-qualifier)!important;color:#272525;font-weight:600;padding:6px 0;border-radius:8px}.team .points{margin-left:auto;font-size:.9em;font-weight:inherit;padding-left:10px}.flag{width:34px;height:24px;object-fit:cover;border-radius:8px;margin-right:10px}.buttonRow,.btnRow{margin:35px 0;display:flex;justify-content:center;gap:18px}.btn{padding:12px 20px;border-radius:8px;background:var(--card);border:1px solid var(--border);cursor:pointer;font-size:16px;color:var(--text);transition:.25s;box-shadow:0 2px 6px #00000040}.btn:hover{opacity:.85}.groupsGrid{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px}.groupCard{background:var(--card);border-radius:14px;border:1px solid var(--border);padding:20px;box-shadow:0 3px 8px #00000026}.groupCard h2{text-align:center;margin-bottom:14px;font-size:20px}.error{color:#ff4d4d;text-align:center;margin-top:10px;font-weight:700}.round-of-32-wrapper{margin-top:40px;width:100%}.round-of-32-wrapper h2{text-align:center}.r32-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:15px;margin-top:20px;align-items:start}.r32-match-card{background:var(--card);border:1px solid var(--border);padding:12px;border-radius:10px;box-shadow:0 2px 5px #0000001a}.r32-match-card .match-title{font-size:.8em;color:var(--text);opacity:.6;margin-bottom:8px;font-weight:500;border-bottom:1px dashed var(--border);padding-bottom:5px;text-align:center}.r32-match-card .match-team{display:flex;align-items:center;font-size:.95em;font-weight:600;padding:4px 0}.r32-match-card .match-team:first-of-type{border-bottom:1px solid var(--border);margin-bottom:5px;padding-bottom:5px}.r32-match-card .flag{width:20px;height:14px;margin-right:5px}.qualifier-label{font-size:.75em;font-weight:400;margin-left:auto;opacity:.8}@media(max-width:600px){.logo{font-size:28px}.team{font-size:14px}.btn{font-size:15px;padding:10px 16px}.r32-match-card{padding:10px}.r32-match-card .match-team{font-size:.9em}}