.auth-loading{place-items:center;min-height:100svh;display:grid}.auth-page{box-sizing:border-box;text-align:left;grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr);align-items:center;gap:70px;min-height:100svh;padding:55px 64px;display:grid}.auth-page__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.auth-brand h1{letter-spacing:-.065em;margin:14px 0 24px;font-size:clamp(3.6rem,7vw,6rem);font-weight:650;line-height:.9}.auth-brand h1 span{color:var(--accent)}.auth-brand>p:last-of-type{max-width:480px;font-size:1rem;line-height:1.65}.auth-brand__ticket{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 94%, var(--accent) 6%);width:fit-content;box-shadow:var(--shadow);border-radius:17px;gap:9px;margin-top:38px;padding:11px;display:flex;transform:rotate(-2deg)}.auth-brand__ticket span{border:1px solid var(--border);width:48px;height:48px;color:var(--text-h);background:var(--bg);border-radius:11px;place-items:center;font-weight:850;display:grid}.auth-brand__ticket .auth-brand__ticket-selected{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 7px 16px var(--accent-border)}.auth-card{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, var(--accent) 4%);border-radius:26px;padding:32px;box-shadow:0 28px 65px #35184b24}.auth-card__header{border-bottom:1px solid var(--border);padding-bottom:23px}.auth-card__header p{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.auth-card__header h2{margin:5px 0 0;font-size:1.45rem}.auth-card form{flex-direction:column;gap:20px;padding-top:25px;display:flex}.auth-card label{flex-direction:column;gap:7px;min-width:0;display:flex}.auth-card label>span{color:var(--text-h);font-size:.72rem;font-weight:800}.auth-card input{box-sizing:border-box;border:1px solid var(--border);width:100%;height:52px;color:var(--text-h);background:var(--bg);font:.85rem/1 var(--sans);border-radius:12px;outline:none;padding:0 14px;transition:border-color .14s,box-shadow .14s}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg)}.auth-card__password-field{position:relative}.auth-card__password-field input{padding-right:68px}.auth-card .auth-card__password-toggle{width:36px;height:36px;color:var(--accent);background:var(--accent-bg);box-shadow:none;border:0;border-radius:8px;padding:0;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-card__password-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.auth-card .auth-card__password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-card__passwords{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-card button{color:#fff;background:var(--accent);height:52px;box-shadow:0 10px 22px var(--accent-border);font:800 .84rem/1 var(--sans);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;transition:box-shadow .15s,opacity .15s,transform .15s;display:flex}.auth-card button:hover:not(:disabled){box-shadow:0 14px 28px var(--accent-border);transform:translateY(-1px)}.auth-card button.auth-card__password-toggle:hover:not(:disabled){background:color-mix(in srgb, var(--accent-bg) 75%, var(--accent) 25%);box-shadow:none;transform:translateY(-50%)}.auth-card button:focus-visible{outline:3px solid var(--accent-bg);outline-offset:3px}.auth-card button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.auth-card__error,.auth-card__success{border-radius:10px;margin-top:20px;padding:11px 13px;font-size:.72rem;font-weight:700}.auth-card__error{color:#b42318;background:#fff1f0;border:1px solid #fecdca}.auth-card__success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.auth-card__switch{color:var(--text);text-align:center;margin-top:23px;font-size:.76rem}.auth-card__switch a{color:var(--accent);font-weight:800;text-decoration:none}@media (prefers-color-scheme:dark){.auth-brand__ticket .auth-brand__ticket-selected,.auth-card button{color:#16171d}.auth-card__error{color:#fda29b;background:#b423181f;border-color:#fda29b40}.auth-card__success{color:#75e0a7;background:#0676471f;border-color:#75e0a740}}@media (width<=850px){.auth-page{grid-template-columns:1fr;gap:44px;padding:44px 28px 60px}.auth-brand h1{max-width:620px}}@media (width<=560px){.auth-page{gap:34px;padding:34px 14px 48px}.auth-brand h1{font-size:clamp(3.2rem,16vw,4.8rem)}.auth-card{border-radius:20px;padding:22px}.auth-card__passwords{grid-template-columns:1fr}}.create-group-page{box-sizing:border-box;text-align:left;min-height:100svh;padding:42px 40px 68px}.create-group-page__back{color:var(--text);align-items:center;gap:8px;font-size:.8rem;font-weight:750;text-decoration:none;transition:color .14s;display:inline-flex}.create-group-page__back:hover{color:var(--accent)}.create-group-page__back:focus-visible{outline:3px solid var(--accent-bg);outline-offset:4px;border-radius:4px}.create-group-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:72px;min-height:calc(100svh - 150px);padding:44px 0;display:grid}.create-group-page__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.create-group-intro h1{letter-spacing:-.06em;margin:13px 0 22px;font-size:clamp(3.4rem,7vw,5.7rem);font-weight:650;line-height:.93}.create-group-intro>p:last-of-type{max-width:500px;font-size:1rem;line-height:1.65}.create-group-steps{gap:20px;margin-top:40px;display:flex}.create-group-steps div{flex:1 1 0}.create-group-steps span{border:1px solid var(--accent-border);width:34px;height:34px;color:var(--accent);background:var(--accent-bg);border-radius:10px;place-items:center;margin-bottom:10px;font-size:.72rem;font-weight:850;display:grid}.create-group-steps p{font-size:.68rem;font-weight:750}.create-group-card{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 94%, var(--accent) 6%);border-radius:26px;padding:30px;box-shadow:0 28px 65px #35184b21}.create-group-card__header{border-bottom:1px solid var(--border);align-items:center;gap:15px;padding-bottom:24px;display:flex}.create-group-card__header>span{color:#fff;background:var(--accent);width:55px;height:55px;box-shadow:0 10px 20px var(--accent-border);border-radius:16px;place-items:center;font-size:.72rem;font-weight:850;display:grid}.create-group-card__header p{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.create-group-card__header h2{margin:3px 0 0;font-size:1.35rem}.create-group-card form{flex-direction:column;gap:22px;padding-top:26px;display:flex}.create-group-card label{flex-direction:column;gap:8px;display:flex}.create-group-card label>span{color:var(--text-h);font-size:.76rem;font-weight:800}.create-group-card input,.create-group-card select{box-sizing:border-box;border:1px solid var(--border);width:100%;height:54px;color:var(--text-h);background:var(--bg);font:.88rem/1 var(--sans);border-radius:13px;outline:none;padding:0 15px;transition:border-color .14s,box-shadow .14s}.create-group-card input:focus,.create-group-card select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg)}.create-group-card input::placeholder{color:var(--text);opacity:.65}.create-group-card small{color:var(--text);align-self:flex-end;font-size:.65rem}.create-group-card__error{color:#b42318;background:#fff1f0;border:1px solid #fecdca;border-radius:10px;padding:12px 14px;font-size:.74rem}.create-group-card button{color:#fff;background:var(--accent);height:54px;box-shadow:0 10px 22px var(--accent-border);font:800 .86rem/1 var(--sans);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:0 20px;transition:box-shadow .15s,opacity .15s,transform .15s;display:flex}.create-group-card button:hover:not(:disabled){box-shadow:0 14px 28px var(--accent-border);transform:translateY(-1px)}.create-group-card button:focus-visible{outline:3px solid var(--accent-bg);outline-offset:3px}.create-group-card button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}@media (prefers-color-scheme:dark){.create-group-card__header>span,.create-group-card button{color:#16171d}.create-group-card__error{color:#fda29b;background:#b423181f;border-color:#fda29b40}}@media (width<=850px){.create-group-page{padding-inline:20px}.create-group-layout{grid-template-columns:1fr;align-items:start;gap:44px}.create-group-intro h1{max-width:600px}}@media (width<=560px){.create-group-page{padding:28px 14px 48px}.create-group-layout{gap:34px;padding-top:42px}.create-group-intro h1{font-size:clamp(3rem,16vw,4.5rem)}.create-group-steps{gap:10px}.create-group-card{border-radius:20px;padding:21px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.group-page{box-sizing:border-box;text-align:left;min-height:100svh;padding:0 40px 64px}.group-page__header{border-bottom:1px solid var(--border);padding:48px 0 36px;position:relative}.group-actions-menu{z-index:10;position:absolute;top:48px;right:0}.group-actions-menu>summary{border:1px solid var(--border);width:42px;height:42px;color:var(--text-h);background:var(--bg);cursor:pointer;border-radius:12px;place-items:center;list-style:none;transition:border-color .14s,color .14s,background .14s;display:grid}.group-actions-menu>summary::-webkit-details-marker{display:none}.group-actions-menu>summary:hover,.group-actions-menu[open]>summary{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.group-actions-menu>summary:focus-visible{outline:3px solid var(--accent-bg);outline-offset:3px}.group-actions-menu>summary svg{fill:currentColor;width:21px;height:21px}.group-actions-menu__dropdown{border:1px solid var(--border);background:var(--bg);min-width:190px;box-shadow:var(--shadow);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.group-actions-menu__dropdown button{width:100%;min-height:40px;color:var(--text-h);font:750 .74rem/1 var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 11px;display:flex}.group-actions-menu__dropdown button:hover,.group-actions-menu__dropdown button:focus-visible{color:var(--accent);background:var(--accent-bg);outline:none}.group-actions-menu__dropdown button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:17px;height:17px}.back-link{color:var(--text);align-items:center;gap:8px;margin-bottom:28px;font-size:.8rem;font-weight:700;text-decoration:none;transition:color .14s,transform .14s;display:inline-flex}.back-link span{font-size:1.1rem;transition:transform .14s}.back-link:hover{color:var(--accent)}.back-link:hover span{transform:translate(-3px)}.back-link:focus-visible{outline:3px solid var(--accent-bg);outline-offset:4px;border-radius:4px}.group-page__title{overflow-wrap:anywhere;max-width:100%;margin:8px 0 0;line-height:1.08}.group-page__season{color:var(--text);font-size:.9rem;font-weight:650;position:relative}.group-page__meta{align-items:center;gap:12px;margin-top:14px;display:flex}.admin-badge{border:1px solid var(--accent-border);color:var(--accent);background:var(--accent-bg);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:.62rem;font-weight:800}.group-page__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.member-admin-panel{border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:18px;margin-top:28px;overflow:hidden}.member-admin-panel__header{border-bottom:1px solid var(--accent-border);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.member-admin-panel__content{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:18px 30px;padding:18px 20px 20px;display:grid}.member-admin-panel h2{margin:2px 0 0;font-size:.95rem}.member-admin-panel__close{border:1px solid var(--accent-border);width:32px;height:32px;color:var(--accent);background:color-mix(in srgb, var(--bg) 75%, transparent);cursor:pointer;border-radius:9px;place-items:center;padding:0;display:grid}.member-admin-panel__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.member-admin-panel__close:hover,.member-admin-panel__close:focus-visible{border-color:var(--accent);background:var(--bg);outline:none}.member-admin-panel__description{color:var(--text);align-self:center;font-size:.75rem;line-height:1.55}.add-member-form{align-items:end;gap:9px;display:flex}.add-member-form label{flex-direction:column;gap:5px;display:flex}.add-member-form label span{color:var(--text-h);font-size:.65rem;font-weight:800}.add-member-form input,.add-member-form select{box-sizing:border-box;border:1px solid var(--border);height:45px;color:var(--text-h);background:var(--bg);font:.78rem/1 var(--sans);border-radius:11px;outline:none;padding:0 13px;transition:border-color .14s,box-shadow .14s}.add-member-form input{width:min(250px,34vw)}.add-member-form select{width:145px}.add-member-form input:focus,.add-member-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.add-member-form button{color:#fff;background:var(--accent);height:45px;font:800 .72rem/1 var(--sans);white-space:nowrap;cursor:pointer;border:0;border-radius:11px;padding:0 15px;transition:box-shadow .14s,opacity .14s,transform .14s}.add-member-form button:hover:not(:disabled){box-shadow:0 8px 18px var(--accent-border);transform:translateY(-1px)}.add-member-form button:focus-visible{outline:3px solid var(--accent-bg);outline-offset:3px}.add-member-form button:disabled,.add-member-form input:disabled,.add-member-form select:disabled{cursor:not-allowed;opacity:.6}.member-feedback{grid-column:1/-1;font-size:.72rem;font-weight:700}.member-feedback--success{color:#16803c}.member-feedback--error{color:#b42318}.scoreboard-section{padding-top:36px}.scoreboard-section__heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.scoreboard-section__heading h2{margin:4px 0 0;font-size:1.8rem}.scoreboard-section__heading>span{color:var(--text-h);background:var(--code-bg);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:750}.scoreboard-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.scoreboard-row{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 97%, var(--accent) 3%);border-radius:15px;grid-template-columns:38px 46px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:68px;padding:10px 16px 10px 12px;display:grid}.scoreboard-row--current{border-color:var(--accent-border);background:var(--accent-bg)}.scoreboard-row__rank{width:32px;height:32px;color:var(--text);background:var(--code-bg);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;font-size:.75rem;font-weight:850;display:grid}.scoreboard-row__rank--1{color:#7a4d00;background:#fef0c7}.scoreboard-row__rank--2{color:#475467;background:#eaecf0}.scoreboard-row__rank--3{color:#8a3f17;background:#ffead5}.scoreboard-row__avatar{color:#fff;background:linear-gradient(145deg, var(--accent), #7c3aed);border-radius:13px;place-items:center;width:42px;height:42px;font-size:.85rem;font-weight:850;display:grid}.scoreboard-row__member{min-width:0}.scoreboard-row__member>strong{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;display:block;overflow:hidden}.scoreboard-row__member>div{gap:6px;min-height:17px;margin-top:3px;display:flex}.scoreboard-row__member span{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.58rem;font-weight:800}.scoreboard-row__points{color:var(--text);align-items:baseline;gap:5px;display:flex}.scoreboard-row__points strong{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:1.15rem}.scoreboard-row__points span{font-size:.64rem;font-weight:700}.matches-section{padding-top:32px}.matches-section__heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.matches-section__heading h2{margin:4px 0 0;font-size:1.8rem}.matches-section__stats{align-items:center;gap:10px;display:flex}.matches-section__stats>span{color:var(--text-h);background:var(--code-bg);border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700}.matches-section__stats>div{border:1px solid var(--accent-border);min-height:38px;color:var(--accent);background:var(--accent-bg);border-radius:11px;align-items:center;gap:9px;padding:0 11px;display:flex}.matches-section__stats small{letter-spacing:.04em;text-transform:uppercase;font-size:.62rem;font-weight:800}.matches-section__stats strong{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:1.05rem}.page-message{border:1px solid var(--border);text-align:center;border-radius:16px;padding:32px}.page-message--error{color:#b42318;background:#fff1f0;border-color:#fecdca}.match-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.match-card{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 94%, var(--accent) 6%);border-radius:18px;order:2;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:28px;padding:22px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 1px 2px #1018280a}.match-card[hidden]{display:none}.match-card--previous{order:1}.matches-section__empty-current{border:1px solid var(--border);color:var(--text);text-align:center;border-radius:16px;order:2;padding:24px}.previous-matches-toggle{order:0;margin-top:8px}.previous-matches-toggle button{border:1px solid var(--border);width:100%;color:var(--text-h);background:var(--code-bg);font:800 .76rem/1 var(--sans);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .14s,color .14s;display:flex}.previous-matches-toggle button:hover{border-color:var(--accent-border);color:var(--accent)}.previous-matches-toggle button:focus-visible{outline:3px solid var(--accent-bg);outline-offset:3px}.previous-matches-toggle button span:last-child{color:var(--accent);font-size:.68rem}.match-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-1px)}.match-card--finished{background:color-mix(in srgb, var(--bg) 96%, #16803c 4%)}.match-card__details{min-width:0}.match-card__meta{color:var(--text);letter-spacing:.04em;text-transform:uppercase;gap:8px;margin-bottom:14px;font-size:.72rem;font-weight:700;display:flex}.match-card__meta span+span:before{content:"•";margin-right:8px}.match-card__meta .match-card__finished-label{color:#16803c}.team{color:var(--text-h);align-items:center;gap:11px;display:flex}.team+.team{margin-top:10px}.team__badge{border:1px solid var(--border);background:var(--bg);height:34px;color:var(--text-h);border-radius:9px;flex:0 0 42px;place-items:center;font-size:.66rem;font-weight:800;display:grid}.team strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.team__score{min-width:28px;color:var(--text-h);font-variant-numeric:tabular-nums;text-align:center;margin-left:3px;font-size:1.25rem;font-weight:850;line-height:1}.prediction-panel{grid-template-columns:auto auto;align-items:end;gap:10px 20px;display:grid}.outcome-picker{gap:8px;display:flex}.outcome-button{border:1px solid var(--border);width:48px;height:48px;color:var(--text-h);background:var(--bg);font:800 1rem/1 var(--sans);cursor:pointer;border-radius:12px;padding:0;transition:color .14s,background .14s,border-color .14s,box-shadow .14s,transform .14s}.outcome-button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.outcome-button:focus-visible{outline:3px solid var(--accent-bg);outline-offset:2px}.outcome-button--selected{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 7px 16px var(--accent-border)}.outcome-button:disabled,.score-fields input:disabled{cursor:not-allowed;opacity:.55}.score-fields{align-items:end;gap:7px;display:flex}.score-fields label{color:var(--text);letter-spacing:.04em;text-align:center;text-transform:uppercase;flex-direction:column;gap:5px;font-size:.63rem;font-weight:800;display:flex}.score-fields input{box-sizing:border-box;border:1px solid var(--border);width:52px;height:48px;color:var(--text-h);background:var(--bg);font:800 1rem/1 var(--sans);text-align:center;appearance:textfield;border-radius:12px;outline:none;padding:0 6px;transition:border-color .14s,box-shadow .14s}.score-fields input::-webkit-inner-spin-button{appearance:none;margin:0}.score-fields input::-webkit-outer-spin-button{appearance:none;margin:0}.score-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.score-fields__separator{height:48px;color:var(--text);line-height:48px}.score-fields .goal-difference{margin-left:7px}.score-fields .goal-difference input{width:72px}.prediction-panel__footer{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.save-status{min-height:1em;color:var(--text);text-align:right;font-size:.7rem}.prediction-points{border-left:1px solid var(--border);align-items:center;gap:7px;padding-left:13px;display:flex}.prediction-points span{color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:.62rem;font-weight:800}.prediction-points strong{min-width:18px;color:var(--text-h);font-variant-numeric:tabular-nums;text-align:center;font-size:.85rem}.save-status--saved{color:#16803c}.save-status--error{color:#b42318}@media (prefers-color-scheme:dark){.page-message--error{color:#fda29b;background:#b423181f;border-color:#fda29b40}.outcome-button--selected,.add-member-form button{color:#16171d}.member-feedback--success,.match-card__meta .match-card__finished-label{color:#75e0a7}.member-feedback--error{color:#fda29b}.scoreboard-row__rank--1{color:#fedf89;background:#fedf8921}.scoreboard-row__rank--2{color:#d0d5dd;background:#d0d5dd1a}.scoreboard-row__rank--3{color:#feb273;background:#feb2731f}.save-status--saved{color:#75e0a7}.save-status--error{color:#fda29b}}@media (width<=860px){.group-page{padding-inline:20px}.match-card{grid-template-columns:1fr;gap:22px}.prediction-panel{grid-template-columns:auto 1fr;justify-content:space-between}.score-fields{justify-content:flex-end}.team__score{margin-left:auto}.member-admin-panel__content{grid-template-columns:1fr}.add-member-form input,.add-member-form select{width:100%}}@media (width<=560px){.group-page{padding-inline:14px}.group-page__header{padding-top:28px}.group-actions-menu{top:28px}.match-card{border-radius:15px;padding:17px}.prediction-panel{grid-template-columns:1fr}.matches-section__heading{align-items:flex-start;gap:16px}.scoreboard-row{grid-template-columns:32px 40px minmax(0,1fr) auto;gap:9px;padding-inline:10px 12px}.scoreboard-row__rank{width:29px;height:29px}.scoreboard-row__avatar{width:38px;height:38px}.scoreboard-row__points{flex-direction:column;align-items:flex-end;gap:0}.matches-section__stats{flex-direction:column-reverse;align-items:flex-end}.matches-section__stats>span{display:none}.member-admin-panel__header{padding:13px 14px}.member-admin-panel__content{padding:16px}.add-member-form{flex-direction:column;align-items:stretch}.add-member-form input,.add-member-form select,.add-member-form button{width:100%}.outcome-picker,.score-fields{justify-content:center}.outcome-button{flex:1 1 0;max-width:76px}.save-status{text-align:center}.prediction-panel__footer{justify-content:center}}.home-page{box-sizing:border-box;text-align:left;min-height:100svh;padding:0 40px 72px;overflow:hidden}.home-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:70px;display:flex}.home-nav__brand{color:var(--text-h);font-size:.88rem;font-weight:850;text-decoration:none}.home-nav__user{align-items:center;gap:13px;display:flex}.home-nav__user>span{color:var(--text);font-size:.74rem;font-weight:700}.home-nav__user button{border:1px solid var(--border);min-height:36px;color:var(--text-h);background:var(--bg);font:750 .68rem/1 var(--sans);cursor:pointer;border-radius:9px;padding:0 12px;transition:border-color .14s,color .14s}.home-nav__user button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.home-nav__user button:focus-visible{outline:3px solid var(--accent-bg);outline-offset:3px}.home-nav__user button:disabled{cursor:not-allowed;opacity:.6}.home-page__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.home-hero{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:48px;min-height:520px;padding:58px 0 68px;display:grid}.home-hero h1{letter-spacing:-.065em;margin:13px 0 22px;font-size:clamp(3.6rem,8vw,6.5rem);font-weight:650;line-height:.88}.home-hero h1 span{color:var(--accent)}.home-hero__description{max-width:590px;font-size:1.05rem;line-height:1.65}.home-hero__actions{align-items:center;gap:12px;margin-top:34px;display:flex}.primary-link,.secondary-link,.create-group-link{box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 19px;font-size:.82rem;font-weight:800;text-decoration:none;transition:color .15s,background .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.primary-link{color:#fff;background:var(--accent);box-shadow:0 10px 22px var(--accent-border)}.primary-link:hover{box-shadow:0 14px 28px var(--accent-border);transform:translateY(-2px)}.secondary-link{border:1px solid var(--border);color:var(--text-h);background:var(--bg)}.secondary-link:hover,.create-group-link:hover{border-color:var(--accent);color:var(--accent)}.primary-link:focus-visible,.secondary-link:focus-visible,.create-group-link:focus-visible,.group-card:focus-visible{outline:3px solid var(--accent-bg);outline-offset:3px}.home-hero__visual{place-items:center;min-height:380px;display:grid;position:relative}.hero-ticket{z-index:2;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--bg) 92%, var(--accent) 8%);border-radius:26px;width:min(100%,350px);padding:25px;position:relative;transform:rotate(3deg);box-shadow:0 32px 70px #35184b29,inset 0 1px #ffffff8c}.hero-ticket__top{color:var(--text);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.68rem;font-weight:800;display:flex}.hero-ticket__match{color:var(--text-h);justify-content:center;align-items:center;gap:14px;padding:42px 0 32px;display:flex}.hero-ticket__match strong{border:1px solid var(--border);background:var(--bg);border-radius:22px;place-items:center;width:75px;height:75px;font-size:1rem;display:grid}.hero-ticket__match>span{color:var(--text);font-size:.72rem}.hero-ticket__outcomes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hero-ticket__outcomes span{border:1px solid var(--border);height:52px;color:var(--text-h);background:var(--bg);border-radius:13px;place-items:center;font-weight:850;display:grid}.hero-ticket__outcomes .hero-ticket__selected{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 8px 18px var(--accent-border)}.hero-ticket>p{color:var(--text);text-align:center;margin-top:18px;font-size:.7rem;font-weight:700}.hero-orbit{border:1px solid var(--accent-border);border-radius:50%;position:absolute}.hero-orbit--one{width:390px;height:390px}.hero-orbit--two{border-style:dashed;width:280px;height:280px;transform:rotate(-12deg)}.groups-section{padding-top:42px;scroll-margin-top:24px}.groups-section__heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.groups-section__heading h2{margin:4px 0 0;font-size:1.8rem}.create-group-link{border:1px solid var(--border);min-height:42px;color:var(--text-h);background:var(--bg)}.home-message{border:1px solid var(--border);text-align:center;border-radius:18px;padding:34px}.home-message--error{color:#b42318;background:#fff1f0;border-color:#fecdca}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.group-card{border:1px solid var(--border);min-height:112px;color:inherit;background:color-mix(in srgb, var(--bg) 96%, var(--accent) 4%);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:18px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.group-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-2px)}.group-card__mark{color:#fff;border-radius:18px;place-items:center;width:62px;height:62px;font-size:1.25rem;font-weight:850;display:grid}.group-card__mark--1{background:linear-gradient(145deg,#aa3bff,#7c3aed)}.group-card__mark--2{background:linear-gradient(145deg,#0ea5e9,#2563eb)}.group-card__mark--3{background:linear-gradient(145deg,#f97316,#dc2626)}.group-card__content{min-width:0}.group-card__content>span{color:var(--text);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.65rem;font-weight:800;display:block;overflow:hidden}.group-card h3{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 3px;font-size:1rem;overflow:hidden}.group-card p{color:var(--text);font-size:.72rem}.group-card__arrow{color:var(--accent);font-size:1.25rem;transition:transform .15s}.group-card:hover .group-card__arrow{transform:translate(4px)}.group-card--new{background:0 0;border-style:dashed;grid-template-columns:auto 1fr}.group-card__plus{border:1px solid var(--accent-border);width:62px;height:62px;color:var(--accent);background:var(--accent-bg);border-radius:18px;place-items:center;font-size:1.7rem;display:grid}.empty-groups{border:1px dashed var(--accent-border);background:var(--accent-bg);text-align:center;border-radius:22px;flex-direction:column;align-items:center;padding:52px 24px;display:flex}.empty-groups__icon{color:#fff;background:var(--accent);width:72px;height:72px;box-shadow:0 12px 24px var(--accent-border);border-radius:22px;place-items:center;margin-bottom:20px;font-size:.9rem;font-weight:850;display:grid}.empty-groups h3{color:var(--text-h);margin:0 0 7px;font-size:1.2rem}.empty-groups p{margin-bottom:22px}@media (prefers-color-scheme:dark){.primary-link,.hero-ticket__outcomes .hero-ticket__selected{color:#16171d}.home-message--error{color:#fda29b;background:#b423181f;border-color:#fda29b40}}@media (width<=850px){.home-page{padding-inline:20px}.home-hero{grid-template-columns:1fr;padding-top:44px}.home-hero__content{z-index:3;position:relative}.home-hero__visual{min-height:340px}}@media (width<=620px){.home-page{padding-inline:14px}.home-hero{gap:24px;padding-bottom:48px}.home-nav__user>span{display:none}.home-hero h1{font-size:clamp(3.2rem,17vw,5rem)}.home-hero__actions{flex-direction:column;align-items:stretch}.hero-orbit--one{width:330px;height:330px}.hero-orbit--two{width:240px;height:240px}.groups-section__heading{align-items:flex-start}.create-group-link{width:42px;min-height:42px;padding:0;font-size:0}.create-group-link span{font-size:1.2rem}.group-grid{grid-template-columns:1fr}}