:root{color-scheme:light;font-family:Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#14213d;background:radial-gradient(circle at top left,rgba(64,145,108,.18),transparent 28%),linear-gradient(180deg,#f9fbfd,#eef3f8)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:#0f766e}button,input{font:inherit}#root{min-height:100vh}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.page-shell{min-height:calc(100vh - 72px);display:flex;align-items:flex-start;justify-content:center;padding:1.25rem 2rem 2rem}.auth-card,.panel{background:#ffffffe6;border:1px solid rgba(20,33,61,.08);border-radius:24px;box-shadow:0 18px 60px #14213d14}.auth-card{width:min(100%,520px);padding:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:#2d6a4f;margin:0 0 .5rem}.primary-button{background:linear-gradient(135deg,#2d6a4f,#40916c);color:#fff;border:none;border-radius:999px;padding:.9rem 1.2rem;cursor:pointer}.helper-text{color:#52607a;margin-bottom:0}.app-shell{min-height:100vh}.topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(20,33,61,.08);background:#ffffffd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand-link{display:inline-flex;align-items:center;gap:.65rem;color:#2d6a4f;text-decoration:none;justify-self:start}.brand-logo{width:34px;height:34px;object-fit:contain}.brand-name{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.topbar-center{justify-self:center;width:min(100%,340px);min-width:240px}.pool-switcher{width:100%}.pool-switcher .MuiInputBase-root{min-height:44px;border-radius:999px;background:#ffffffd1}.pool-switcher .MuiOutlinedInput-notchedOutline{border-color:#2d6a4f2e}.pool-switcher .MuiSelect-select{padding:.58rem 2.35rem!important;font-size:.95rem;font-weight:700;color:#1f3b5b;text-align:center}.topbar-actions{display:flex;align-items:center;gap:.75rem;justify-self:end}.language-toggle{min-width:42px;height:34px;padding:0 .75rem;border:1px solid rgba(45,106,79,.24);border-radius:999px;background:#ffffffc7;color:#2d6a4f;cursor:pointer;font-size:.74rem;font-weight:800;letter-spacing:.08em}.language-toggle:hover{background:#2d6a4f14}.profile-trigger{border-radius:999px}.profile-trigger-avatar{width:40px!important;height:40px!important;background:#f3e8ee!important;color:#9f1239!important;border:2px solid #ffffff;font-size:.85rem!important;font-weight:800!important}.profile-menu-paper{width:min(320px,calc(100vw - 32px));margin-top:.65rem;border-radius:8px!important;box-shadow:0 18px 50px #14213d2e!important;border:1px solid rgba(20,33,61,.08)}.profile-menu-header{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:center;padding:1.1rem 1rem 1rem}.profile-menu-avatar{width:44px!important;height:44px!important;background:#f3e8ee!important;color:#9f1239!important;font-size:1rem!important;font-weight:800!important}.profile-menu-copy{min-width:0}.profile-menu-name{color:#111827;font-size:.98rem!important;font-weight:800!important;line-height:1.2!important}.profile-menu-email,.profile-menu-role{color:#4b5563;font-size:.85rem!important;line-height:1.45!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-role{color:#6b7280}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;width:min(1120px,100%);align-items:start}.panel{padding:1.5rem}.home-panel{width:min(784px,100%);justify-self:center}.stack{display:grid;gap:.75rem;margin-top:1rem}input{width:100%;border-radius:14px;border:1px solid rgba(20,33,61,.15);padding:.85rem 1rem;background:#fff}.task-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.75rem}.task-list li{display:grid;gap:.85rem;padding:.9rem 1rem;border-radius:16px;background:#f5f8fb}.pool-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.pool-link{color:#0b1f44;font-weight:800;text-decoration:none}.pool-link:hover{color:#2d6a4f}.pool-card-actions{display:inline-flex;align-items:center;gap:.6rem}.pool-invite-section{display:grid;gap:.75rem}.secondary-button,.icon-button{border:1px solid rgba(20,33,61,.12);background:#fff;color:#1f3b5b;border-radius:12px;cursor:pointer}.secondary-button{width:fit-content;padding:.55rem .85rem;font-weight:700}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.invite-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}.invite-list{display:grid;gap:.5rem}.invite-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.6rem;align-items:center;padding:.65rem .75rem;border-radius:12px;background:#ffffffbf}.invite-panel{width:min(520px,100%)}.legal-inline-links{display:flex;gap:1rem;justify-content:center;margin-top:1.25rem;font-size:.85rem}.legal-inline-links a{color:#007f5f;font-weight:700}.legal-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:2rem;background:radial-gradient(circle at top left,rgba(45,106,79,.16),transparent 28%),linear-gradient(180deg,#f7fbf8,#eef4ff)}.legal-panel{width:min(860px,100%);padding:clamp(1.25rem,3vw,2.4rem);border-radius:24px;border:1px solid rgba(20,33,61,.08)}.legal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.legal-logo{width:64px;height:64px;object-fit:contain}.legal-title{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05;font-weight:900;color:#001b44}.legal-updated,.legal-intro,.legal-section p{color:#40516d}.legal-sections{display:grid;gap:1.25rem;margin-top:1.5rem}.legal-section h2,.privacy-data-list h2{font-size:1.05rem;color:#001b44;margin:0 0 .35rem}.legal-section p{margin:0;line-height:1.7}.legal-actions,.privacy-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.5rem}.privacy-settings-screen{width:min(820px,100%)}.privacy-settings-panel{padding:clamp(1.25rem,3vw,2rem)}.privacy-settings-title{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;font-weight:900;color:#001b44;margin-bottom:.8rem}.privacy-settings-copy{color:#40516d;max-width:620px}.privacy-data-list{margin-top:1.5rem;padding:1rem;border-radius:16px;background:#f4f8fae6}.privacy-data-list ul{margin:.75rem 0 0;padding-left:1.2rem;color:#40516d;line-height:1.8}.pool-details-panel{display:grid;gap:1rem}.pool-details-screen{display:grid;grid-template-columns:1fr;width:min(1120px,100%);margin-top:0;justify-items:center;align-self:flex-start}.pool-tabs-shell{display:grid;gap:1rem}.pool-tabs-shell-outer{width:min(1120px,100%);justify-content:center;margin-top:0;margin-bottom:5px}.pool-tabs-bar{display:grid;grid-template-columns:1fr;align-items:center;gap:.75rem}.pool-details-screen .pool-details-panel{width:min(1120px,100%)}.pool-tabs{min-height:auto!important;justify-self:center}.pool-tabs .MuiTabs-flexContainer{gap:.4rem}.pool-tabs .MuiTab-root{min-height:auto;padding:.6rem 1rem;border-radius:999px;text-transform:none;font-weight:700;color:#52607a;min-width:0;gap:.35rem}.pool-tabs .Mui-selected{background:#2d6a4f1a;color:#2d6a4f!important}.pool-tabs .MuiTabs-indicator{display:none}.pool-tab-panel{display:grid;gap:1rem}.pool-section{display:grid;gap:.75rem}.pool-tab-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}.pool-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.pool-rule-card{padding:1rem 1.05rem;border-radius:18px;border:1px solid rgba(20,33,61,.06);background:linear-gradient(135deg,rgba(45,106,79,.05),transparent 55%),#ffffffe0}.pool-rule-card h3{margin:0 0 .7rem;color:#0b1f44;font-size:1rem}.pool-rule-list{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.pool-rule-list li{color:#334155;line-height:1.45}.pool-member-list,.pool-prediction-list,.pool-invite-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.pool-member-item,.pool-prediction-item,.pool-invite-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.9rem 1rem;border-radius:16px;background:#f5f8fb}.pool-member-item div,.pool-prediction-item div,.pool-invite-item div{display:grid;gap:.15rem}.pool-leaderboard-item{align-items:center;padding:1rem 1.05rem;border:1px solid rgba(20,33,61,.06);background:linear-gradient(135deg,rgba(45,106,79,.05),transparent 55%),#ffffffdb}.pool-leaderboard-position{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#2d6a4f1a;color:#2d6a4f;font-weight:800;margin-bottom:0;flex-shrink:0}.pool-leaderboard-stats{display:grid;justify-items:end;gap:.35rem}.pool-leaderboard-member{display:flex!important;align-items:center;gap:.8rem;min-width:0}.pool-leaderboard-avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;flex-shrink:0}.pool-leaderboard-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#2d6a4f1f;color:#2d6a4f;font-size:.82rem;font-weight:800}.pool-leaderboard-copy{display:grid!important;gap:.15rem;min-width:0}.pool-leaderboard-copy strong,.pool-leaderboard-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-leaderboard-copy strong{color:#0b1f44;font-size:1rem}.pool-leaderboard-copy small{color:#52607a}.pool-leaderboard-total{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:.38rem .72rem;border-radius:999px;background:#2d6a4f1a;color:#2d6a4f}.pool-leaderboard-exact{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .62rem;border-radius:999px;background:#14213d0f;color:#52607a;white-space:nowrap}.pool-leaderboard-item-top-1 .pool-leaderboard-position{background:#f59e0b29;color:#b45309}.pool-leaderboard-item-top-2 .pool-leaderboard-position{background:#64748b29;color:#475569}.pool-leaderboard-item-top-3 .pool-leaderboard-position{background:#b4530924;color:#9a3412}.pool-member-item small,.pool-prediction-item small,.pool-invite-item small{color:#52607a}.pool-member-role,.pool-prediction-score{color:#0b1f44;font-weight:800;white-space:nowrap}.prediction-editor-list{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}.prediction-editor-card{display:grid;gap:0;padding:1rem 1.1rem;border-radius:18px;background:linear-gradient(135deg,rgba(45,106,79,.08),transparent 55%),#f7faf8;border:1px solid rgba(45,106,79,.12)}.prediction-editor-card-expandable{cursor:pointer}.prediction-editor-main{display:grid;grid-template-columns:180px minmax(0,1fr) 92px;gap:.9rem;align-items:center}.prediction-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;min-width:92px}.prediction-autosave-state{color:#52607a;font-size:.76rem;font-weight:700;white-space:nowrap}.prediction-points-chip{background:#e8f3ee;color:#2d6a4f}.prediction-points-chip-exact{background:#eef2ff;color:#3730a3}.prediction-score-pending{color:#52607a;font-size:.74rem;font-weight:700;white-space:nowrap}.prediction-editor-kickoff{display:grid;gap:.08rem}.prediction-editor-kickoff-line{display:flex;align-items:center;gap:.45rem;min-width:0}.prediction-editor-kickoff-line .match-status{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.22rem .55rem;border-radius:999px;font-size:.68rem;line-height:1}.match-live-minute{color:#b91c1c;font-size:.76rem;font-weight:800;white-space:nowrap}.prediction-editor-time{color:#0b1f44;font-weight:800;white-space:nowrap}.prediction-editor-kickoff small{color:#58706a;font-size:.76rem;white-space:nowrap}.prediction-editor-teams{display:grid;grid-template-columns:minmax(140px,1fr) 44px auto 44px minmax(140px,1fr);gap:.2rem;align-items:center;min-width:0}.prediction-team-label{min-width:0;color:#14213d;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.prediction-team-label-away{text-align:left}.prediction-score-input{width:44px;min-width:44px;text-align:center;padding:.42rem .2rem;font-weight:800;border-radius:10px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.prediction-score-input:disabled{color:#0b1f44;background:#ffffffd6}.prediction-score-input::-webkit-outer-spin-button,.prediction-score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.prediction-score-separator{color:#52607a;font-weight:800;text-align:center}.prediction-score-separator-live{display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:40px;white-space:nowrap}.prediction-score-separator-live strong{color:#0b1f44;font-size:.8rem}.prediction-winner-row{display:flex;align-items:center;gap:.75rem}.prediction-winner-row label{color:#14213d;font-weight:700}.prediction-winner-row select{min-width:220px;border-radius:14px;border:1px solid rgba(20,33,61,.15);padding:.75rem .95rem;background:#fff;font:inherit}.prediction-row-error{margin:0;color:#b91c1c;font-size:.84rem;font-weight:600}.prediction-reveal-panel{display:grid;gap:.65rem;margin-top:.75rem;padding-top:.8rem;border-top:1px solid rgba(20,33,61,.08)}.prediction-reveal-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.prediction-reveal-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.8rem .9rem;border-radius:16px;background:#ffffffd1;border:1px solid rgba(20,33,61,.06)}.prediction-reveal-user{display:flex;align-items:center;gap:.7rem;min-width:0}.prediction-reveal-result{display:grid;justify-items:end;gap:.4rem}.prediction-reveal-avatar{width:34px;height:34px;border-radius:999px;object-fit:cover;flex-shrink:0}.prediction-reveal-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#2d6a4f1f;color:#2d6a4f;font-size:.78rem;font-weight:800}.prediction-reveal-copy{display:grid;gap:.12rem;min-width:0}.prediction-reveal-copy strong,.prediction-reveal-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prediction-reveal-copy small{color:#52607a}.prediction-reveal-score{color:#0b1f44;font-weight:800;white-space:nowrap}.prediction-reveal-score-empty{color:#7b879c;font-weight:700}.match-list{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:.85rem}.match-date-nav{display:flex;justify-content:center;align-items:center;gap:.1rem;width:fit-content;margin:0 auto .85rem;padding:.18rem;border:1px solid rgba(20,33,61,.08);border-radius:999px;background:#ffffffbd;box-shadow:0 8px 26px #14213d0f}.date-arrow-button,.date-display-button{border:none;background:transparent;color:#14213d;cursor:pointer}.date-arrow-button{width:32px;height:32px;border-radius:999px;font-size:1rem;line-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0 0 2px;color:#52607a}.date-display-button{min-width:132px;border-radius:999px;padding:.42rem .7rem;font-weight:800;font-size:.86rem;text-transform:capitalize}.date-arrow-button:hover,.date-display-button:hover{background:#14213d0d}.date-picker-wrapper{position:relative}.native-date-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.match-card{display:grid;grid-template-columns:minmax(70px,.45fr) minmax(0,1fr) 2rem auto;gap:.85rem;align-items:center;padding:1rem;border-radius:18px;background:linear-gradient(135deg,rgba(45,106,79,.08),transparent 55%),#f7faf8;border:1px solid rgba(45,106,79,.12)}.match-time{display:grid;gap:.2rem}.match-time span{color:#0b1f44;font-weight:800}.match-time small{color:#58706a;font-size:.76rem}.match-teams{display:grid;gap:.35rem;min-width:0}.match-team-row{display:block;color:#14213d}.match-team-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-flag{display:inline-block;width:18px;height:13px;margin-right:.5rem;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #14213d14;vertical-align:-.12em}.match-score{display:grid;gap:.35rem;justify-items:end;color:#001f54}.match-score strong{min-width:1.4rem;text-align:right}.match-status{padding:.35rem .65rem;border-radius:999px;background:#e8f3ee;color:#2d6a4f;font-size:.72rem;font-weight:800;white-space:nowrap}.match-status-completed{background:#eef2ff;color:#3730a3}.match-status-live{background:#fee2e2;color:#b91c1c}@media(max-width:640px){.auth-page,.page-shell{padding:8px}.content-grid{gap:.7rem}.topbar{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "switcher switcher";align-items:center;gap:.75rem;padding:.85rem 1rem}.brand-link{grid-area:brand}.topbar-actions{grid-area:actions}.topbar-center{grid-area:switcher;width:100%;min-width:0}.pool-switcher .MuiSelect-select{font-size:.95rem}.pool-details-screen,.pool-tabs-shell-outer,.pool-details-screen .pool-details-panel{width:100%}.pool-details-screen{gap:.25rem}.pool-tabs-shell{width:100%;gap:.35rem}.pool-tabs-bar{justify-items:stretch;gap:.25rem}.pool-tabs{justify-self:stretch;width:100%}.pool-tabs .MuiTabs-scroller{overflow-x:auto!important}.pool-tabs .MuiTabs-flexContainer{gap:.3rem;min-width:max-content}.pool-tabs .MuiTab-root{padding:.55rem .8rem;font-size:.9rem;min-width:44px}.pool-tabs .MuiTab-root .MuiTab-iconWrapper,.pool-tabs .MuiTab-root .MuiTab-icon{margin:0}.pool-tab-panel,.pool-section,.pool-details-panel{gap:.7rem}.pool-details-panel.panel{padding:1rem .85rem;border-radius:20px}.pool-rules-grid{grid-template-columns:1fr}.pool-tab-heading{flex-wrap:wrap;align-items:flex-start}.pool-member-item,.pool-prediction-item,.pool-invite-item{flex-direction:column;align-items:flex-start}.pool-leaderboard-stats{justify-items:start;width:100%;grid-template-columns:repeat(2,minmax(0,max-content));gap:.45rem}.pool-leaderboard-item{width:100%;padding:.85rem .9rem}.pool-leaderboard-member{width:100%;align-items:flex-start;gap:.7rem}.pool-leaderboard-copy{min-width:0}.pool-leaderboard-copy strong{font-size:.95rem}.pool-leaderboard-copy small{font-size:.78rem}.pool-leaderboard-avatar{width:36px;height:36px}.pool-leaderboard-position{width:1.85rem;height:1.85rem;font-size:.78rem}.pool-leaderboard-total,.pool-leaderboard-exact{min-width:0;font-size:.78rem}.match-date-nav{width:100%;max-width:none}.date-display-button{min-width:0;flex:1}.prediction-editor-card{padding:.9rem;border-radius:16px}.match-card{grid-template-columns:minmax(0,1fr) auto}.prediction-editor-main{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kickoff actions" "teams teams";align-items:start;gap:.7rem}.prediction-editor-kickoff{grid-area:kickoff}.prediction-editor-kickoff-line{flex-wrap:wrap;row-gap:.3rem}.prediction-editor-kickoff small{white-space:normal}.prediction-editor-teams{grid-area:teams;grid-template-columns:minmax(82px,1fr) 40px auto 40px minmax(82px,1fr);gap:.18rem}.prediction-editor-actions{grid-area:actions;min-width:auto;flex-direction:column;align-items:flex-end}.prediction-editor-meta,.prediction-winner-row{flex-direction:column;align-items:flex-start}.prediction-winner-row select{min-width:0;width:100%}.prediction-team-label{font-size:.96rem}.prediction-score-input{width:40px;min-width:40px;padding:.38rem .12rem}.prediction-score-separator-live{min-width:32px}.prediction-reveal-item{grid-template-columns:1fr;gap:.55rem;align-items:flex-start}.prediction-reveal-result{justify-items:start}.prediction-reveal-score{padding-left:2.55rem}.match-time{grid-column:1 / -1}.match-teams{grid-column:1}.match-score,.match-status{grid-column:2;width:fit-content}}@media(max-width:480px){.brand-name{font-size:.74rem;letter-spacing:.06em}.brand-logo{width:30px;height:30px}.topbar-actions{gap:.5rem}.language-toggle{min-width:38px;padding:0 .65rem}.page-shell{padding:8px}.pool-tabs-shell-outer{margin-bottom:2px}.pool-tabs .MuiTab-root{padding:.46rem;min-width:42px;font-size:0;display:inline-flex;align-items:center;justify-content:center}.pool-tabs .MuiTab-root .MuiTab-iconWrapper,.pool-tabs .MuiTab-root .MuiTab-icon{margin:0;display:inline-flex;align-items:center;justify-content:center}.pool-tabs .MuiTab-root .MuiSvgIcon-root{font-size:1rem}.pool-details-panel.panel{padding:.85rem .7rem;border-radius:18px}.pool-leaderboard-stats{grid-template-columns:1fr;justify-items:stretch}.pool-leaderboard-total,.pool-leaderboard-exact{width:100%;justify-content:center}.match-date-nav{max-width:100%;padding:.14rem}.date-arrow-button{width:30px;height:30px}.date-display-button{padding:.4rem .55rem;font-size:.82rem}.prediction-editor-card{padding:.72rem .62rem;border-radius:14px}.prediction-editor-main{gap:.6rem}.prediction-editor-teams{grid-template-columns:minmax(72px,1fr) 38px auto 38px minmax(72px,1fr)}.prediction-team-label{font-size:.9rem}.prediction-editor-time{font-size:.95rem}.prediction-editor-kickoff small,.prediction-autosave-state,.match-live-minute{font-size:.72rem}.prediction-score-input{width:38px;min-width:38px;font-size:.95rem}.prediction-score-separator-live strong{font-size:.76rem}.team-flag{width:16px;height:12px;margin-right:.38rem}.prediction-reveal-item{padding:.72rem .75rem}.prediction-reveal-score{padding-left:0}}
