:root{color:#1b1f23;background:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #0f6b4f;--green-dark: #0a3d31;--red: #c83d35;--blue: #174f8a;--ink: #20252b;--muted: #5f6872;--line: #dfe4dc;--surface: #ffffff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{border:0;font:inherit}button,.language-trigger,.language-option,.mobile-nav-trigger,.mobile-nav-menu a,.account-trigger,.signout-option,.account-danger-option{color:inherit}button{background:transparent}img{display:block}.language-trigger,.language-option,.mobile-nav-trigger,.mobile-nav-menu a,.account-trigger,.signout-option,.account-danger-option{font:inherit}.page-shell{min-height:100vh;padding:24px}.topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8f4f0;border:1px solid rgba(223,228,220,.88);border-radius:8px;box-shadow:0 12px 30px #182a220f;display:grid;gap:18px;grid-template-columns:1fr auto auto;margin:0 auto;max-width:1120px;padding:12px;position:sticky;top:12px;z-index:10}.brand,.nav-links,.topbar-actions,.hero-actions,.team-row,.match-preview-header,.score-breakdown,.match-meta,.carousel-controls,.carousel-dots{align-items:center;display:flex}.brand{color:var(--green-dark);font-size:1rem;font-weight:800;gap:10px}.brand-mark{align-items:center;aspect-ratio:1;background:var(--green);border-radius:50%;color:#fff;display:inline-flex;font-size:.78rem;justify-content:center;width:38px}.nav-links{color:var(--muted);font-size:.92rem;gap:22px}.topbar-actions{gap:10px}.language-control,.account-control{position:relative}.language-trigger,.language-option,.mobile-nav-trigger,.mobile-nav-menu a,.account-trigger,.signout-option,.account-danger-option{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:flex;font-size:.9rem;font-weight:750;gap:8px;min-height:40px;padding:9px 12px}.language-trigger{min-width:82px}.mobile-nav-trigger{min-width:96px}.account-trigger{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-trigger:hover,.language-trigger:focus-visible,.language-option:hover,.language-option:focus-visible,.mobile-nav-trigger:hover,.mobile-nav-trigger:focus-visible,.mobile-nav-menu a:hover,.mobile-nav-menu a:focus-visible,.account-trigger:hover,.account-trigger:focus-visible,.signout-option:hover,.signout-option:focus-visible,.account-danger-option:hover,.account-danger-option:focus-visible,.signin-link:hover,.signin-link:focus-visible{border-color:#c7d1c5;box-shadow:0 0 0 3px #0f6b4f1f;outline:none}.language-trigger img,.language-option img{border-radius:3px;box-shadow:0 0 0 1px #20252b1a;height:16px;object-fit:cover;width:24px}.mobile-nav-control{display:none;position:relative}.mobile-nav-trigger svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:18px}.language-menu,.mobile-nav-menu,.account-menu{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 32px #182a221f;display:grid;gap:6px;min-width:100%;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:20}.language-menu[hidden],.mobile-nav-menu[hidden],.account-menu[hidden]{display:none}.language-option,.mobile-nav-menu a,.signout-option,.account-danger-option{box-shadow:none;justify-content:flex-start;width:100%}.mobile-nav-menu{left:0;min-width:190px;right:auto}.mobile-nav-menu a{color:var(--ink);text-decoration:none}.language-option[aria-current=true]{background:#e9efe8;color:var(--green-dark)}.signout-option{min-width:170px}.account-danger-option{color:var(--red);min-width:170px}.account-danger-option:hover,.account-danger-option:focus-visible{border-color:#efc1bd;box-shadow:0 0 0 3px #c83d351f}.signout-option svg,.account-danger-option svg{fill:none;height:clamp(46px,5vh,58px);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:18px}.signin-link,.primary-action,.secondary-action{border-radius:8px;font-weight:750}.signin-link{border:1px solid var(--line);color:var(--ink);padding:10px 14px}.hero{display:grid;gap:42px;grid-template-columns:minmax(0,1fr) 380px;margin:92px auto 0;max-width:1120px}.hero-copy{max-width:680px}.eyebrow{color:var(--red);font-size:.82rem;font-weight:850;margin:0 0 14px;text-transform:uppercase}h1{color:var(--green-dark);font-size:clamp(3rem,7vw,5.4rem);letter-spacing:0;line-height:1.08;margin:0}.hero-summary{color:var(--muted);font-size:1.2rem;line-height:1.6;margin:28px 0 0;max-width:620px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.primary-action,.secondary-action{cursor:pointer;padding:13px 18px}.primary-action{background:var(--green);color:#fff}.secondary-action{background:#e9efe8;color:var(--green-dark)}.match-preview,.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a2214}.match-preview{align-self:start;padding:22px}.match-preview-header,.score-breakdown,.match-meta,.carousel-controls{justify-content:space-between}.match-preview-header{border-bottom:1px solid var(--line);color:var(--muted);font-size:.82rem;gap:18px;padding-bottom:16px}.match-preview-header strong{color:var(--blue);font-size:.78rem}.match-meta{color:var(--muted);font-size:.82rem;gap:16px;padding-top:14px}.match-meta strong{color:var(--ink);font-size:.82rem;text-align:right}.teams{display:grid;gap:12px;padding:22px 0}.team-row{background:#f6f8f3;border-radius:8px;gap:12px;min-height:58px;padding:12px}.flag{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--green-dark);font-size:.75rem;font-weight:850;padding:8px}.match-team-flag,.match-team-code{border-radius:4px;box-shadow:0 0 0 1px #20252b1a;flex:0 0 34px;height:22px;width:34px}.match-team-flag{object-fit:cover}.match-team-code{align-items:center;background:#fff;color:var(--green-dark);display:inline-flex;font-size:.68rem;font-weight:850;justify-content:center}.team-row span:nth-child(2){flex:1;font-weight:750}.team-row strong{color:var(--red);font-size:1.5rem}.score-breakdown{background:var(--green-dark);border-radius:8px;color:#fff;padding:14px}.carousel-controls{border-top:1px solid var(--line);gap:14px;padding-top:16px}.carousel-button{align-items:center;aspect-ratio:1;background:#e9efe8;border:1px solid var(--line);border-radius:50%;color:var(--green-dark);cursor:pointer;display:inline-flex;font-size:1.25rem;font-weight:850;justify-content:center;line-height:1;width:36px}.carousel-button:hover,.carousel-button:focus-visible{border-color:#c7d1c5;box-shadow:0 0 0 3px #0f6b4f1f;outline:none}.carousel-dots{gap:6px;justify-content:center}.carousel-dot{background:#cfd8cc;border-radius:999px;height:7px;width:7px}.carousel-dot.is-active{background:var(--green);width:18px}.match-empty-state{color:var(--muted);font-weight:750;line-height:1.5;min-height:180px;padding:28px 0}.feature-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:72px auto 0;max-width:1120px}.feature-card{padding:22px}.feature-card h2{color:var(--green-dark);font-size:1.05rem;margin:0 0 10px}.feature-card p{color:var(--muted);line-height:1.55;margin:0}.groups-section{margin:72px auto 0;max-width:1120px}body[data-page=groups] .groups-section,body[data-page=matches] .matches-section,body[data-page=predictions] .predictions-section,body[data-page=bracket] .bracket-section,body[data-page=lobby] .lobby-section,body[data-page=my-lobbies] .my-lobbies-section{margin-top:58px}.section-heading{margin-bottom:22px}.section-heading h2{color:var(--green-dark);font-size:clamp(2rem,4vw,3rem);letter-spacing:0;line-height:1.08;margin:0}.groups-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.group-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a2214;overflow:hidden}.group-card h3{background:#f6f8f3;border-bottom:1px solid var(--line);color:var(--green-dark);font-size:1rem;margin:0;padding:14px 16px}.standings-table-wrap{overflow-x:auto}.standings-table{border-collapse:collapse;font-size:.86rem;min-width:100%;width:100%}.standings-table th,.standings-table td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:right;white-space:nowrap}.standings-table tr:last-child th,.standings-table tr:last-child td{border-bottom:0}.standings-table thead th{color:var(--muted);font-size:.72rem;font-weight:650;text-transform:uppercase}.standings-table th:first-child{color:var(--ink);font-weight:650;max-width:170px;overflow:hidden;text-align:left;text-overflow:ellipsis}.team-name{align-items:center;display:flex;gap:8px;min-width:0}.team-name span:last-child{overflow:hidden;text-overflow:ellipsis}.team-flag{border-radius:3px;box-shadow:0 0 0 1px #20252b1a;flex:0 0 24px;height:16px;object-fit:cover;width:24px}.standings-table td{color:var(--muted);font-weight:500}.standings-table .points-column{color:var(--green-dark);font-weight:850}.matches-section,.predictions-section{margin:72px auto 0;max-width:1120px}.bracket-section{margin:72px auto 0;max-width:1280px}.lobby-section{margin:72px auto 0;max-width:1120px}.my-lobbies-section{margin:72px auto 0;max-width:820px}.point-system-section,.custom-settings-section{margin:72px auto 0;max-width:1180px}.section-heading p:not(.eyebrow){color:var(--muted);line-height:1.55;margin:10px 0 0;max-width:720px}.matches-state{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a2214;color:var(--muted);font-weight:750;padding:28px}.matches-list{display:grid;gap:24px}.match-day{display:grid;gap:12px}.match-day h3{color:var(--green-dark);font-size:1rem;margin:0;text-transform:capitalize}.match-day-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.predictions-section{display:grid;gap:24px}.prediction-controls{align-items:end;display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}.prediction-dropdown{color:var(--green-dark);display:grid;font-weight:800;gap:8px;min-width:min(100%,240px);position:relative}.prediction-controls span{color:var(--muted);font-size:.78rem;text-transform:uppercase}.prediction-dropdown-trigger{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--green-dark);cursor:pointer;font:inherit;font-weight:800;min-height:42px;padding:0 12px;text-align:left}.prediction-dropdown-menu{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a221f;display:grid;left:0;max-height:280px;min-width:100%;overflow:auto;padding:6px;position:absolute;right:auto;top:calc(100% + 6px);z-index:20}.prediction-dropdown-menu[hidden]{display:none}.prediction-dropdown-menu button{background:transparent;border:0;border-radius:8px;color:var(--green-dark);cursor:pointer;font:inherit;font-weight:800;padding:10px 12px;text-align:left;white-space:nowrap}.prediction-dropdown-menu button:hover,.prediction-dropdown-menu button:focus-visible,.prediction-dropdown-menu button[aria-current=true]{background:#f1f5ee;outline:none}.prediction-copy-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.prediction-copy-actions .secondary-action{min-height:42px;padding:0 14px}.prediction-match-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.prediction-match-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a2214;display:grid;gap:14px;padding:16px}.prediction-teams{display:grid;gap:10px}.prediction-team-row{align-items:center;display:grid;gap:10px;grid-template-columns:32px minmax(0,1fr) 64px}.prediction-team-row span{color:var(--ink);font-weight:800}.prediction-team-row input{border:1px solid var(--line);border-radius:8px;color:var(--green-dark);font:inherit;font-weight:900;height:42px;text-align:center;width:64px}.prediction-team-row input:focus,.prediction-dropdown-trigger:focus-visible{border-color:#98b0a1;box-shadow:0 0 0 3px #0f6b4f1f;outline:none}.prediction-save-state{color:var(--muted);font-size:.82rem;font-weight:800;margin:0}.prediction-save-state.is-saved{color:var(--green)}.prediction-save-state.is-saving{color:var(--blue)}.prediction-save-state.is-error{color:var(--red)}.match-list-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a2214;display:grid;gap:14px;padding:16px}.match-list-meta,.match-list-footer{align-items:center;display:flex;justify-content:space-between}.match-list-meta{color:var(--muted);font-size:.78rem}.match-list-meta strong{color:var(--blue)}.match-list-teams{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr)}.match-list-team{align-items:center;display:flex;gap:8px;min-width:0}.match-list-team span{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-list-team-away{justify-content:flex-end;text-align:right}.match-score{align-items:center;background:#f6f8f3;border-radius:8px;color:var(--green-dark);display:grid;font-size:1.2rem;gap:5px;grid-template-columns:1fr auto 1fr;justify-items:center;min-height:44px;padding:8px}.match-score span{color:var(--muted);font-size:.9rem}.match-list-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;padding-top:12px}.bracket-board{--bracket-card-height: 180px;display:grid;gap:16px;grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;overflow-x:auto;padding-bottom:12px}.bracket-round{display:grid;gap:12px;min-width:0}.bracket-round h3{color:var(--green-dark);font-size:.95rem;margin:0}.bracket-round-matches{display:grid;gap:12px;grid-template-rows:repeat(16,var(--bracket-card-height))}.bracket-match-card{align-self:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a2214;display:grid;gap:10px;grid-row:var(--bracket-row-start) / span var(--bracket-row-span);grid-template-rows:auto minmax(0,1fr) auto;height:var(--bracket-card-height);padding:14px}.bracket-match-meta,.bracket-match-footer,.bracket-team,.bracket-team-name{align-items:center;display:flex}.bracket-match-meta,.bracket-match-footer{color:var(--muted);font-size:.76rem;gap:8px;justify-content:space-between;min-width:0}.bracket-match-meta span,.bracket-match-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-match-meta strong{color:var(--blue);flex:0 0 auto}.bracket-teams{align-content:center;display:grid;gap:6px;min-height:0}.bracket-team{background:#f6f8f3;border:1px solid transparent;border-radius:8px;gap:10px;justify-content:space-between;min-height:40px;padding:8px}.bracket-team.is-winner{background:#e9efe8;border-color:#0f6b4f3d}.bracket-team-name{gap:8px;min-width:0}.bracket-team-name span:last-child{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-team strong{color:var(--green-dark);flex:0 0 auto}.lobby-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a2214;overflow:hidden}.lobby-content-layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,720px) 190px;justify-content:space-between}.lobby-main-column{min-width:0}.lobby-card-header,.lobby-member{align-items:center;display:flex;justify-content:space-between}.lobby-card-actions{align-items:center;display:flex;gap:10px}.lobby-card-header{background:#f6f8f3;border-bottom:1px solid var(--line);color:var(--green-dark);font-weight:800;padding:14px 16px}.lobby-code{align-items:center;display:flex;gap:8px}.lobby-code span{color:var(--muted);font-size:.78rem}.lobby-code strong{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--green-dark);letter-spacing:.08em;padding:6px 9px}.lobby-action-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a221f;display:grid;gap:10px;padding:12px;width:190px}.lobby-action-panel .secondary-action,.lobby-action-panel .leave-lobby-button,.lobby-action-panel .danger-action,.lobby-global-dropdown{justify-content:center;min-height:40px;text-align:center;width:100%}.lobby-global-dropdown{position:relative}.lobby-global-dropdown summary{list-style:none}.lobby-global-dropdown summary::-webkit-details-marker{display:none}.lobby-global-dropdown-menu{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a221f;display:grid;gap:8px;margin-top:8px;padding:8px}.lobby-global-dropdown-menu .secondary-action{min-height:38px}.global-prediction-option{align-items:center;display:flex;gap:8px;justify-content:space-between}.global-prediction-option .match-team-flag{flex:0 0 auto;height:16px;width:24px}.lobby-member-list{display:grid;list-style:none;margin:0;padding:0}.lobby-member{border-bottom:1px solid var(--line);gap:12px;padding:14px 16px}.lobby-member:last-child{border-bottom:0}.lobby-member span{color:var(--ink);font-weight:750}.lobby-member strong{color:var(--blue);font-size:.78rem;text-transform:uppercase}.lobby-member-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px}.lobby-empty{color:var(--muted);font-weight:750;padding:20px 16px}.scoreboard-section{display:grid;gap:14px}.scoreboard-grid{display:grid;gap:12px;padding:0 14px 14px}.scoreboard-card{border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;overflow:hidden}.scoreboard-card h3{color:var(--green-dark);font-size:.95rem;margin:0;padding:12px 12px 0}.scoreboard-table{border-collapse:collapse;width:100%}.scoreboard-table th,.scoreboard-table td{border-top:1px solid var(--line);color:var(--ink);font-size:.86rem;padding:10px 12px;text-align:left;white-space:nowrap}.scoreboard-table th{color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.scoreboard-table th:first-child,.scoreboard-table td:first-child{width:1%}.scoreboard-table th:last-child,.scoreboard-table td:last-child{text-align:right}.daily-points{border-radius:999px;display:inline-flex;font-weight:850;justify-content:center;min-width:42px;padding:4px 8px}.daily-points.is-zero{background:#ecefed;color:var(--muted)}.daily-points.is-positive{background:#0f6b4f24;color:var(--green)}.compact-secondary-action{min-height:auto;padding:8px 12px}.lobby-rules-panel{display:grid;gap:16px}.lobby-rules-heading{align-items:center;display:flex;gap:10px;justify-content:space-between}.lobby-rules-heading span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.lobby-rules-heading strong{color:var(--green-dark);font-size:1.05rem}.lobby-rules-panel h3,.lobby-rules-panel h4,.lobby-rules-panel p{margin:0}.lobby-rules-panel p,.lobby-rules-panel aside{color:var(--muted);line-height:1.55}.lobby-rules-panel aside{border-top:1px solid var(--line);font-size:.9rem;padding-top:14px}.lobby-rules-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-rules-section{border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:14px}.lobby-rules-section-wide{border-style:dashed}.lobby-rules-section h4{color:var(--green-dark);font-size:.95rem}.lobby-rules-section ul,.lobby-feature-rules{display:grid;gap:8px;list-style:none;margin:0;padding:0}.lobby-rules-section li{color:var(--ink);font-weight:700;line-height:1.45}.lobby-rules-section li span{color:var(--ink);font-weight:800}.lobby-rules-section li strong{color:var(--blue);font-size:.9rem}.lobby-feature-rules li{display:grid;gap:6px}.lobby-rules-mini-grid{display:grid;gap:6px 12px;grid-template-columns:minmax(0,1fr) auto}.point-system-grid{align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.point-system-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a2214;display:grid;gap:18px;grid-template-rows:auto 1fr auto;padding:20px}.point-system-card.is-selected{border-color:#0f6b4f7a;box-shadow:0 0 0 3px #0f6b4f1f,0 20px 50px #182a2214}.point-system-card-heading{display:grid;gap:8px}.point-system-card-heading h3{color:var(--green-dark);font-size:1.35rem;margin:0}.point-system-card-heading p,.point-system-disclaimer p{color:var(--muted);line-height:1.5;margin:0}.point-system-rules{display:grid;gap:16px}.point-system-rule-section{display:grid;gap:8px}.point-system-rule-section strong,.point-system-disclaimer strong{color:var(--green-dark);font-size:.86rem;text-transform:uppercase}.point-system-rule-section ul{color:var(--ink);display:grid;gap:8px;line-height:1.4;margin:0;padding-left:18px}.point-system-rule-section li{padding-left:2px}.point-system-select{justify-content:center;width:100%}.point-system-disclaimer{background:#f6f8f3;border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;margin-top:18px;padding:16px}.point-system-footer{background:#fafbf7eb;border:1px solid var(--line);border-radius:8px;bottom:18px;box-shadow:0 18px 48px #182a221f;display:flex;justify-content:flex-end;margin-top:18px;padding:14px;position:sticky}.custom-settings-layout{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.custom-settings-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a2214;display:grid;gap:14px;padding:18px}.custom-settings-wide{grid-column:1 / -1}.custom-settings-card h3{color:var(--green-dark);font-size:1rem;margin:0}.custom-settings-list,.custom-feature-list{display:grid;gap:10px}.compact-custom-list{margin-top:10px}.custom-setting-row,.custom-feature-header{align-items:center;background:#f6f8f3;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) 92px;min-height:48px;padding:8px 10px}.custom-feature-header{grid-template-columns:auto minmax(0,1fr) auto}.custom-setting-toggle input{accent-color:var(--green);height:18px;width:18px}.custom-setting-label,.custom-feature-header>span:nth-child(2),.tracked-team-control>span,.custom-bracket-settings>strong{color:var(--ink);font-weight:750}.custom-setting-input{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--green-dark);font:inherit;font-weight:800;min-height:34px;padding:6px 8px;text-align:right;width:100%}.custom-setting-input:disabled{color:var(--muted);opacity:.55}.custom-feature-block{display:grid;gap:10px}.info-tooltip{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:50%;color:var(--green-dark);cursor:help;display:inline-flex;font-size:.78rem;font-weight:900;height:24px;justify-content:center;position:relative;width:24px}.info-tooltip span{background:#1f2933;border-radius:8px;bottom:calc(100% + 10px);color:#fff;font-size:.8rem;font-weight:650;line-height:1.45;max-width:320px;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;right:0;text-transform:none;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;width:max-content;z-index:20}.info-tooltip:hover span,.info-tooltip:focus-visible span{opacity:1;transform:translateY(0)}.tracked-team-control{display:grid;gap:8px;position:relative}.tracked-team-trigger,.tracked-team-menu button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--green-dark);cursor:pointer;display:flex;font:inherit;font-weight:800;gap:8px;min-height:42px;padding:8px 10px;text-align:left}.tracked-team-trigger img,.tracked-team-menu img{border-radius:3px;box-shadow:0 0 0 1px #20252b1a;height:16px;object-fit:cover;width:24px}.tracked-team-menu{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 42px #182a2229;display:grid;gap:4px;left:0;max-height:260px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:18}.tracked-team-menu[hidden]{display:none}.phase-choice-menu{max-height:320px;position:static}.tracked-team-menu button{border-color:transparent;border-radius:6px;width:100%}.tracked-team-menu button[aria-current=true]{background:var(--green);color:var(--surface)}.tracked-team-menu button[hidden]{display:none}.player-option-number,.player-prediction-choice{color:var(--green);font-weight:900}.player-prediction-choice{font-size:.86rem;line-height:1.2}.choose-team-description{margin-bottom:14px}.global-placement-search{border:1px solid var(--line);border-radius:8px;color:var(--green-dark);font:inherit;font-weight:800;margin-bottom:4px;min-height:40px;padding:8px 10px;width:100%}.tracked-team-menu button:hover,.tracked-team-menu button:focus-visible,.tracked-team-trigger:focus-visible,.global-placement-search:focus-visible,.custom-setting-input:focus-visible{border-color:#c7d1c5;box-shadow:0 0 0 3px #0f6b4f1f;outline:none}.custom-bracket-settings{display:grid;gap:10px}.modal-backdrop{align-items:center;background:#1b1f2357;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:40}.join-lobby-modal{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 70px #182a222e;max-width:440px;padding:18px;width:min(100%,440px)}.lobby-rules-modal{max-height:min(86vh,820px);max-width:820px;overflow:auto;width:min(100%,820px)}.global-placement-modal{overflow:visible}.bracket-heavy-backdrop{padding:4px}.bracket-heavy-modal{max-height:min(99vh,1120px);max-width:min(96vw,1500px);overflow:hidden;width:min(96vw,1500px)}.bracket-heavy-board{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(190px,240px) minmax(0,1fr);height:calc(min(99vh,1120px) - 70px);min-height:0}.bracket-heavy-side{display:grid;gap:8px;min-width:0}.bracket-heavy-side-left,.bracket-heavy-side-right{grid-template-columns:1.25fr 1fr .82fr .7fr}.bracket-heavy-round{display:grid;gap:1px;grid-template-rows:auto 1fr;min-height:0}.bracket-heavy-round h3{color:var(--green-dark);font-size:clamp(.72rem,.86vw,.95rem);line-height:1.1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-heavy-round-matches{display:grid;grid-template-rows:repeat(16,minmax(0,1fr));min-height:0}.bracket-heavy-round-last-32 .bracket-heavy-match:nth-child(1){grid-row:1 / span 2}.bracket-heavy-round-last-32 .bracket-heavy-match:nth-child(2){grid-row:3 / span 2}.bracket-heavy-round-last-32 .bracket-heavy-match:nth-child(3){grid-row:5 / span 2}.bracket-heavy-round-last-32 .bracket-heavy-match:nth-child(4){grid-row:7 / span 2}.bracket-heavy-round-last-32 .bracket-heavy-match:nth-child(5){grid-row:9 / span 2}.bracket-heavy-round-last-32 .bracket-heavy-match:nth-child(6){grid-row:11 / span 2}.bracket-heavy-round-last-32 .bracket-heavy-match:nth-child(7){grid-row:13 / span 2}.bracket-heavy-round-last-32 .bracket-heavy-match:nth-child(8){grid-row:15 / span 2}.bracket-heavy-round-last-16 .bracket-heavy-match:nth-child(1){grid-row:2 / span 2}.bracket-heavy-round-last-16 .bracket-heavy-match:nth-child(2){grid-row:6 / span 2}.bracket-heavy-round-last-16 .bracket-heavy-match:nth-child(3){grid-row:10 / span 2}.bracket-heavy-round-last-16 .bracket-heavy-match:nth-child(4){grid-row:14 / span 2}.bracket-heavy-round-quarter-finals .bracket-heavy-match:nth-child(1){grid-row:4 / span 2}.bracket-heavy-round-quarter-finals .bracket-heavy-match:nth-child(2){grid-row:12 / span 2}.bracket-heavy-round-semi-finals .bracket-heavy-match:nth-child(1){grid-row:8 / span 2}.bracket-heavy-match{align-self:center;background:#f6f8f3;border:1px solid var(--line);border-radius:4px;display:grid;gap:0;grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(38px,4.9vh,48px);min-height:0;padding:2px}.bracket-heavy-team{align-items:center;background:transparent;border:1px solid transparent;border-radius:3px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:2px;max-width:100%;min-width:0;min-height:0;padding:0;text-align:left;width:100%}.bracket-heavy-team:hover,.bracket-heavy-team:focus-visible{background:#e9efe8;border-color:#0f6b4f3d;outline:none}.bracket-heavy-team.is-selected{background:var(--green);border-color:var(--green)}.bracket-heavy-team:disabled{cursor:default;opacity:.5}.bracket-heavy-team:disabled:hover,.bracket-heavy-team:disabled:focus-visible{background:transparent;border-color:transparent}.bracket-heavy-team.is-selected span:last-child{color:var(--surface)}.bracket-heavy-team .match-team-flag{flex:0 0 auto;height:12px;width:18px}.bracket-heavy-team .match-team-code{flex:0 0 auto;font-size:.5rem;height:12px;width:18px}.bracket-heavy-team span:last-child{color:var(--green-dark);font-size:clamp(.5rem,.66vw,.7rem);font-weight:800;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-heavy-center{align-content:center;display:grid;gap:22px;grid-auto-rows:auto;min-width:0}.bracket-heavy-final-round,.bracket-heavy-third-round{align-self:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 36px #182a2214;grid-template-rows:auto auto;padding:8px}.bracket-heavy-final-round .bracket-heavy-round-matches,.bracket-heavy-third-round .bracket-heavy-round-matches{grid-template-rows:auto}.global-placement-country-control{margin-top:22px;margin-bottom:18px}.modal-header,.modal-actions{align-items:center;display:flex;justify-content:space-between}.modal-header{gap:16px;margin-bottom:18px}.modal-header h2{color:var(--green-dark);font-size:1.2rem;margin:0}.modal-close{align-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:1.2rem;height:38px;justify-content:center;width:38px}.join-code-field{display:grid;gap:8px}.join-code-field span{color:var(--muted);font-size:.82rem;font-weight:800}.join-code-field input{background:#f6f8f3;border:1px solid var(--line);border-radius:8px;color:var(--green-dark);font:inherit;font-size:1.4rem;font-weight:850;letter-spacing:.12em;min-height:52px;padding:10px 12px;text-transform:uppercase}#create-lobby-name,#create-lobby-password,#join-lobby-password,#delete-lobby-confirmation{font-size:1rem;font-weight:700;letter-spacing:0;text-transform:none}.lobby-password-toggle{align-items:center;color:var(--ink);cursor:pointer;display:flex;font-weight:750;gap:10px;margin-top:14px}.lobby-password-toggle input{accent-color:var(--green);height:18px;width:18px}.field-help{color:var(--muted);font-size:.8rem;line-height:1.45;margin:8px 0 0}.join-code-field input:focus-visible,.modal-close:focus-visible{border-color:#c7d1c5;box-shadow:0 0 0 3px #0f6b4f1f;outline:none}.join-lobby-message{color:var(--red);font-size:.88rem;font-weight:750;margin:12px 0 0}.leave-lobby-body{color:var(--muted);line-height:1.55;margin:0}.modal-actions{gap:10px;justify-content:flex-end;margin-top:20px}.primary-action:disabled,.danger-action:disabled{cursor:not-allowed;opacity:.7}.my-lobbies-list{display:grid;gap:12px}.my-lobby-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px #182a2214;display:flex;gap:16px;justify-content:space-between;padding:16px}.my-lobby-card:hover,.my-lobby-card:focus-within{border-color:#c7d1c5;box-shadow:0 0 0 3px #0f6b4f1f;outline:none}.my-lobby-link{align-items:center;display:flex;flex:1;gap:16px;justify-content:space-between;min-width:0}.my-lobby-link>span,.my-lobby-meta{display:grid;gap:5px}.my-lobby-link strong{color:var(--green-dark)}.my-lobby-link small,.my-lobby-meta span{color:var(--muted);font-size:.82rem;font-weight:650}.my-lobby-meta{justify-items:end;text-align:right}.leave-lobby-button,.danger-action{border:1px solid rgba(200,61,53,.32);border-radius:8px;color:var(--red);cursor:pointer;font-weight:800}.leave-lobby-button{background:#fff6f5;flex:0 0 auto;opacity:0;padding:9px 11px;pointer-events:none}.leave-lobby-button.is-visible,.my-lobby-card:hover .leave-lobby-button,.my-lobby-card:focus-within .leave-lobby-button{opacity:1;pointer-events:auto}.danger-action{background:#fff6f5;padding:13px 18px}.compact-danger-action{flex:0 0 auto;padding:9px 11px}.leave-lobby-button:hover,.leave-lobby-button:focus-visible,.danger-action:hover,.danger-action:focus-visible{border-color:#c83d3580;box-shadow:0 0 0 3px #c83d351f;outline:none}@media (max-width: 840px){.page-shell{padding:18px}.topbar{grid-template-columns:1fr auto;top:8px}.nav-links{display:none}.mobile-nav-control{display:block}.hero{grid-template-columns:1fr;margin-top:58px}.match-preview{max-width:460px}.feature-grid{grid-template-columns:1fr;margin-top:40px}.groups-grid,.match-day-grid{grid-template-columns:1fr}.prediction-controls,.prediction-dropdown,.prediction-copy-actions,.prediction-copy-actions .secondary-action{width:100%}.prediction-match-grid{grid-template-columns:1fr}.my-lobby-card,.my-lobby-link,.lobby-card-actions{align-items:stretch;flex-direction:column}.lobby-content-layout{grid-template-columns:1fr}.lobby-action-panel{width:auto}.lobby-rules-grid,.point-system-grid,.custom-settings-layout{grid-template-columns:1fr}.custom-setting-row{grid-template-columns:auto minmax(0,1fr) 76px}.info-tooltip span{max-width:260px;right:-12px}.point-system-footer{bottom:10px}.point-system-footer .primary-action{justify-content:center;width:100%}.my-lobby-meta{justify-items:start;text-align:left}.leave-lobby-button{opacity:1;pointer-events:auto}.bracket-board{grid-auto-flow:row;grid-template-columns:1fr;overflow-x:visible}.bracket-round-matches{grid-template-rows:none}.bracket-match-card{grid-row:auto}.bracket-heavy-modal{overflow:auto}.bracket-heavy-board{grid-template-columns:minmax(720px,1fr) 220px minmax(720px,1fr);min-width:1680px}}@media (max-width: 520px){.topbar{align-items:stretch;grid-template-columns:1fr}.topbar-actions{justify-content:space-between}.language-control{align-self:stretch}h1{font-size:2.85rem;line-height:1.1}.hero-summary{font-size:1rem}.signin-link{padding:9px 11px}.hero-actions button{text-align:center;width:100%}.match-list-teams{grid-template-columns:1fr}.match-score{margin:0 auto;width:92px}.match-list-team-away{flex-direction:row-reverse;justify-content:flex-start;text-align:left}}