:root{--bg: #0a1124;--bg-2: #0f1a38;--card: #15224a;--card-2: #1b2c5e;--line: #27376b;--text: #eaf0ff;--muted: #9fb0d8;--accent: #18d39a;--accent-2: #3b82f6;--gold: #ffd24a;--danger: #ff6b6b;--radius: 16px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,#1b2c5e 0%,transparent 60%),radial-gradient(900px 500px at -10% 0%,#163a5e 0%,transparent 55%),var(--bg);min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:0 20px 60px}.hero{position:relative;padding:56px 0 28px;text-align:center}.hero__players{position:absolute;top:16px;right:0;display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:13px;font-weight:700;color:var(--accent-2);background:#7f7f7f1a;border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.hero__players:hover{border-color:var(--accent-2);background:#3b82f61f}.hero__players-label{font-weight:600;color:var(--muted)}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow-y:auto}.players__btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:none;border-radius:10px;padding:8px 10px;cursor:pointer}.players__btn:hover{background:#7f7f7f1a}.players__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 12px;letter-spacing:-.02em}.hero__sub{margin:0 auto;max-width:620px;color:var(--muted);font-size:16px;line-height:1.6}.hero__sub b{color:var(--gold)}.identity{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;margin:0 auto 18px;padding:10px 18px;max-width:720px;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--radius);font-size:14px}.identity__who{display:flex;align-items:center;gap:10px;color:var(--text)}.identity__avatar{position:relative;flex:none;cursor:pointer;line-height:0}.identity__avatar-edit{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--accent-2);color:#fff;font-size:10px;line-height:16px;text-align:center}.identity__email{color:var(--muted);font-size:13px}.identity__actions{display:flex;align-items:center;gap:14px}.identity__form{display:flex;gap:8px}.identity__input{background:#0c1430;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:7px 12px;font-size:14px;outline:none;min-width:150px}.identity__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #18d39a2e}.identity__btn{background:var(--accent);color:#04231a;font-weight:700;border:none;border-radius:10px;padding:7px 14px;font-size:14px;cursor:pointer}.identity__btn:disabled{opacity:.5;cursor:not-allowed}.identity__link{background:none;border:none;color:var(--accent-2);font-size:13px;cursor:pointer;text-decoration:none;padding:0}.identity__link:hover{text-decoration:underline}.identity__error{width:100%;text-align:right;font-size:12px;color:var(--danger)}.identity__badge{margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#04231a;background:var(--gold);vertical-align:middle}.auth{display:flex;justify-content:center;margin:0 auto 18px;padding:0 16px}.auth__card{width:100%;max-width:420px;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;text-align:center}.auth__title{margin:0 0 4px;font-size:22px}.auth__sub{margin:0 0 18px;color:var(--muted);font-size:14px}.auth__google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;border-radius:12px;background:#fff;color:#1f1f1f;font-weight:700;font-size:15px;text-decoration:none;border:1px solid #dadce0}.auth__google span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#4285f4;color:#fff;font-weight:800;font-size:14px}.auth__google:hover{background:#f5f5f5}.auth__or{position:relative;margin:18px 0;color:var(--muted);font-size:12px}.auth__or:before,.auth__or:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:var(--line)}.auth__or:before{left:0}.auth__or:after{right:0}.auth__form{display:flex;flex-direction:column;gap:12px;text-align:left}.auth__field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}.auth__field input{background:#0c1430;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:10px 12px;font-size:15px;outline:none}.auth__field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #18d39a2e}.auth__error{margin:0;color:var(--danger);font-size:13px}.auth__submit{margin-top:4px;background:var(--accent);color:#04231a;font-weight:800;border:none;border-radius:12px;padding:12px 14px;font-size:15px;cursor:pointer}.auth__submit:disabled{opacity:.6;cursor:not-allowed}.auth__switch{margin:16px 0 0;color:var(--muted);font-size:14px}.auth__link{background:none;border:none;color:var(--accent-2);font-size:14px;cursor:pointer;padding:0}.auth__link:hover{text-decoration:underline}.board{margin-bottom:8px}.lb{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.lb__row{border-bottom:1px solid var(--line)}.lb__row:last-child{border-bottom:none}.lb__btn{display:grid;grid-template-columns:28px auto 1fr auto auto;align-items:center;gap:12px;width:100%;padding:11px 16px;background:var(--card);border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.lb__btn:hover:not(:disabled){background:var(--card-2)}.lb__btn:disabled{cursor:default}.lb__row--me .lb__btn{background:#18d39a1a}.lb__rank{font-weight:800;color:var(--muted);text-align:center}.lb__row:nth-child(1) .lb__rank{color:var(--gold)}.lb__name{font-weight:600}.lb__meta{font-size:12px;color:var(--muted)}.lb__pts{font-weight:800;font-size:18px;color:var(--accent);min-width:36px;text-align:right}.lb-empty{color:var(--muted);font-size:14px;padding:4px 2px 8px}.livebar{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 26px;padding:8px 16px;width:fit-content;max-width:100%;border:1px solid rgba(24,211,154,.35);background:#18d39a14;border-radius:999px;font-size:13px;color:var(--accent)}.livebar--stale{border-color:#9fb0d84d;background:#9fb0d814;color:var(--muted)}.livebar__pulse{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 #18d39a99;animation:pulse 1.8s infinite}.livebar--stale .livebar__pulse{background:var(--muted);animation:none}@keyframes pulse{0%{box-shadow:0 0 #18d39a8c}70%{box-shadow:0 0 0 8px #18d39a00}to{box-shadow:0 0 #18d39a00}}.card--live{border-color:var(--danger);box-shadow:0 10px 30px #00000059,0 0 0 1px #ff6b6b59}.live-tag{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:11px;letter-spacing:.12em;color:var(--danger)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:blink 1.2s infinite}.live-dot--head{display:inline-block;margin-right:4px;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 36px}.stat{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;text-align:center;box-shadow:var(--shadow)}.stat--hero{background:linear-gradient(180deg,#16624a,#0f3d30);border-color:#1e8a68}.stat__num{font-size:34px;font-weight:800;line-height:1}.stat--hero .stat__num{color:var(--accent)}.stat__label{margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.section-head{display:flex;align-items:center;gap:12px;margin:28px 0 14px}.section-head h2{font-size:18px;margin:0}.section-head__count{font-size:12px;font-weight:700;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:2px 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.card{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}.card:hover{transform:translateY(-2px);border-color:var(--accent-2)}.card--finished{opacity:.96}.card__top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-bottom:14px}.card__group{font-weight:700;color:var(--accent-2);white-space:nowrap}.card__when{display:inline-flex;align-items:center;gap:8px;text-align:right}.card__date{white-space:nowrap}.card__body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.team{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.flag{display:inline-block;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #00000040,0 1px 2px #0000004d;vertical-align:middle}.flag--lg{width:46px;height:34px}.flag--sm{width:22px;height:16px}.flag--emoji{object-fit:initial;border-radius:0;box-shadow:none;line-height:1}.flag--lg.flag--emoji{font-size:34px}.flag--sm.flag--emoji{font-size:16px}.team__name{font-size:13px;font-weight:600;color:var(--text)}.card__scores{min-width:96px;display:flex;justify-content:center}.inputs,.final{display:flex;align-items:center;gap:6px}.inputs__sep{font-size:20px;color:var(--muted)}.score-input{width:46px;height:50px;text-align:center;font-size:22px;font-weight:800;color:var(--text);background:#0c1430;border:1px solid var(--line);border-radius:12px;outline:none;-moz-appearance:textfield}.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #18d39a2e}.final{flex-direction:row;position:relative;flex-wrap:wrap;justify-content:center}.final__num{font-size:30px;font-weight:800}.final__sep{color:var(--muted)}.final__label{width:100%;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:2px}.card__foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;font-size:13px;color:var(--muted)}.hint{font-style:italic}.inputs--tbd{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.05em}.ko-stage{margin-bottom:8px}.ko-stage__head{margin:18px 0 10px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-2)}.predict-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.submit-btn{flex:none;font:inherit;font-weight:700;font-size:13px;color:#07210f;background:var(--accent, #34d399);border:none;border-radius:8px;padding:7px 14px;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.submit-btn:hover:not(:disabled){filter:brightness(1.08)}.submit-btn:disabled{cursor:default;opacity:.55;background:var(--line);color:var(--muted)}.avatar{flex:none;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--line);display:inline-block;vertical-align:middle}.avatar--initials{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#07210f;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none}.discuss-toggle{margin-top:12px;width:100%;font:inherit;font-size:13px;font-weight:600;color:var(--accent-2);background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.discuss-toggle:hover{background:#7f7f7f14;border-color:var(--accent-2)}.discuss-toggle[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.expand{border:1px solid var(--line);border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.discuss{padding:12px;display:flex;flex-direction:column;gap:10px}.preds{padding:12px;border-bottom:1px solid var(--line)}.preds__head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}.preds__count{font-size:11px;font-weight:700;color:var(--accent-2);background:#3b82f61f;border-radius:999px;padding:1px 8px}.preds__note{margin:0;font-size:13px;font-style:italic;color:var(--muted)}.preds__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.preds__row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.preds__name{display:inline-flex;align-items:center;gap:7px;min-width:0;font:inherit;color:var(--accent-2);background:none;border:none;padding:0;cursor:pointer;text-align:left;overflow:hidden}.preds__name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preds__name:hover .preds__name-text{text-decoration:underline}.preds__score{flex:none;font-weight:700;font-variant-numeric:tabular-nums}.discuss__note{margin:0;font-size:13px;font-style:italic;color:var(--muted)}.discuss__error{margin:0;font-size:12px;color:#ef4444}.discuss__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto}.discuss__msg{background:#7f7f7f14;border-radius:8px;padding:8px 10px}.discuss__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.discuss__who{display:inline-flex;align-items:center;gap:7px;min-width:0}.discuss__author{font-size:13px;font-weight:700;color:var(--accent-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discuss__meta-right{display:inline-flex;align-items:center;gap:10px;flex:none}.discuss__time{font-size:11px;color:var(--muted);flex:none}.discuss__edit{font:inherit;font-size:11px;font-weight:700;color:var(--accent-2);background:none;border:none;padding:0;cursor:pointer}.discuss__edit:hover{text-decoration:underline}.discuss__editform{display:flex;flex-direction:column;gap:8px}.discuss__cancel{font:inherit;font-size:13px;color:var(--muted);background:none;border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer}.discuss__cancel:hover{border-color:var(--accent-2);color:inherit}.discuss__body{margin:0;font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.discuss__photo-link{display:inline-block;margin-top:6px}.discuss__photo{max-width:100%;max-height:240px;border-radius:8px;border:1px solid var(--line);display:block}.discuss__form{display:flex;flex-direction:column;gap:8px}.discuss__row{display:flex;align-items:center;gap:8px}.discuss__attach{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:17px;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.discuss__attach:hover{border-color:var(--accent-2);background:#7f7f7f14}.discuss__input{flex:1;min-width:0;font:inherit;font-size:13px;color:inherit;background:var(--bg, #0b0f17);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.discuss__input:focus{outline:none;border-color:var(--accent-2)}.discuss__preview{position:relative;align-self:flex-start}.discuss__preview img{max-height:120px;max-width:100%;border-radius:8px;border:1px solid var(--line);display:block}.discuss__preview-x{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:15px;line-height:1;cursor:pointer}.badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.badge--exact{background:#ffd24a29;color:var(--gold);border:1px solid rgba(255,210,74,.4)}.badge--close{background:#18d39a29;color:var(--accent);border:1px solid rgba(24,211,154,.4)}.badge--miss{background:#ff6b6b24;color:var(--danger);border:1px solid rgba(255,107,107,.35)}.badge--none{background:#9fb0d81f;color:var(--muted);border:1px solid var(--line)}.foot{margin-top:40px;display:flex;align-items:center;justify-content:space-between}.reset{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:9px 16px;font-size:13px;cursor:pointer;transition:all .15s ease}.reset:hover{color:var(--danger);border-color:var(--danger)}.foot__note{font-size:12px;color:var(--muted);letter-spacing:.08em}@media (max-width: 620px){.scoreboard{grid-template-columns:repeat(2,1fr)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;background:#040814b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.modal__card{position:relative;width:100%;max-width:560px;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 18px}.modal__close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}.modal__close:hover{color:var(--text)}.modal__loading,.modal__error,.modal__empty{color:var(--muted);font-size:14px;margin:6px 0}.modal__error{color:var(--danger)}.modal__head{display:flex;align-items:center;gap:14px;margin-bottom:6px}.modal__headtext{min-width:0}.modal__name{margin:0 0 8px;font-size:20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modal__you{font-size:11px;font-weight:700;text-transform:uppercase;color:#04231a;background:var(--accent);border-radius:999px;padding:2px 8px}.modal__stats{display:flex;gap:16px;font-size:14px;color:var(--muted)}.modal__stats b{color:var(--text)}.modal__hint{font-size:12px;color:var(--muted);margin:10px 0 12px}.picks{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.picks__row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:14px}.picks__row:last-child{border-bottom:none}.picks__v{color:var(--muted);margin:0 2px}.picks__guess{font-weight:700;min-width:56px;text-align:center}.picks__result{color:var(--muted);min-width:40px;text-align:center}.picks__pts{min-width:34px;text-align:right}