*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(14,165,233,.24),transparent 20%),radial-gradient(circle at 85% 0,rgba(249,115,22,.22),transparent 18%),linear-gradient(180deg,#f7fbff,#e0f2fe 210px,#f9fbff 0,#f9fbff);color:#111827}:where(h1,h2,h3,h4,h5,h6,p,span,strong,a,button,label,li,th,td){word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button,input,select{font:inherit}ul{margin:0;padding-left:20px}table{width:100%;border-collapse:collapse}td,th{padding:12px 14px;text-align:left;border-bottom:1px solid #e5e7eb;vertical-align:top}th{font-size:13px;color:#475569;background:#f8fafc}.page{max-width:1120px;margin:0 auto;padding:24px}.page.compact{max-width:960px}.nav{justify-content:space-between;margin-bottom:20px;align-items:center}.nav,.navLinks{display:flex;gap:12px;flex-wrap:wrap}.brand{display:flex;flex-direction:column;gap:2px}.brand strong{color:#0f172a;font-size:20px;letter-spacing:-.02em}.brand span{color:#0f766e;font-size:12px;font-weight:700}.card{background:rgba(255,255,255,.92);border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:20px;box-shadow:0 18px 42px rgba(15,23,42,.08)}.glass{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);color:#fff}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{flex-direction:column}.row,.stack{display:flex;gap:12px}.row{align-items:center;flex-wrap:wrap}.title{font-size:34px;line-height:1.15;font-weight:800;margin:0 0 10px}.title.light{color:#fff}.sub{color:#6b7280;margin:0 0 20px;line-height:1.6}.sub.light{color:rgba(255,255,255,.82)}.sectionTitle{font-size:22px;font-weight:800;margin:0 0 12px}.input{width:100%;padding:14px 16px;border:1px solid #d1d5db;border-radius:14px;background:#fff;outline:none}.input:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px rgba(14,165,233,.14)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;border:none;background:linear-gradient(135deg,#0891b2,#2563eb 58%,#f97316);color:#fff;font-weight:800;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(37,99,235,.22)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.btn.secondary{background:#e5e7eb;color:#111827}.btn.ghost{background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.28);color:#0f172a}.homeSecondaryCta{width:100%}.btnStaticDisabled{cursor:not-allowed;opacity:.55;pointer-events:none}.btn.dark{background:#111827;color:#fff}.muted{color:#6b7280;font-size:14px;line-height:1.5}.hero{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:20px;gap:20px;align-items:stretch;margin-bottom:20px}.heroPanel{padding:28px}.heroPanelSolid{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.56),transparent 24%),radial-gradient(circle at 88% 12%,rgba(251,191,36,.34),transparent 22%),linear-gradient(135deg,#eff6ff,#d9f99d 30%,#7dd3fc 62%,#f9a8d4);border:1px solid rgba(255,255,255,.64);color:#0f172a;overflow:hidden;position:relative;isolation:isolate}.heroPanelSolid>*{position:relative;z-index:2}.heroArtwork{position:absolute;right:24px;top:22px;width:240px;height:240px;z-index:1;pointer-events:none}.heroGlow{position:absolute;border-radius:999px;filter:blur(3px)}.heroGlowLeft{left:18px;top:28px;width:92px;height:92px;background:radial-gradient(circle,rgba(255,255,255,.82),rgba(255,255,255,0))}.heroGlowRight{right:0;top:56px;width:128px;height:128px;background:radial-gradient(circle,rgba(253,224,71,.52),rgba(253,224,71,0))}.heroTrophyArt{position:absolute;right:0;top:2px;width:198px;height:220px}.heroTrophyCup{position:relative;width:156px;margin:0 auto}.heroTrophyBody{position:relative;height:122px;border-radius:34px 34px 50px 50px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),transparent 26%),linear-gradient(145deg,#fff7cc,#facc15 28%,#fb923c 65%,#f59e0b);box-shadow:inset 0 10px 18px rgba(255,255,255,.42),inset 0 -10px 18px rgba(124,45,18,.16),0 24px 36px rgba(249,115,22,.18);-webkit-clip-path:polygon(18% 0,82% 0,98% 18%,86% 84%,64% 100%,36% 100%,14% 84%,2% 18%);clip-path:polygon(18% 0,82% 0,98% 18%,86% 84%,64% 100%,36% 100%,14% 84%,2% 18%)}.heroTrophyHandle{position:absolute;top:16px;width:42px;height:70px;border:10px solid rgba(251,191,36,.92);border-bottom-color:transparent;border-radius:999px;opacity:.92}.heroTrophyHandleLeft{left:-18px;transform:rotate(18deg)}.heroTrophyHandleRight{right:-18px;transform:rotate(-18deg)}.heroTrophyMark{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);font-size:42px;line-height:1;font-weight:900;letter-spacing:-.06em;color:rgba(124,45,18,.5)}.heroTrophyStem{width:34px;height:36px;margin:-6px auto 0;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#fbbf24,#fb923c);box-shadow:inset 0 6px 8px rgba(255,255,255,.24)}.heroTrophyBase{margin:0 auto;border-radius:999px;background:linear-gradient(145deg,#7c2d12,#431407);box-shadow:0 10px 18px rgba(15,23,42,.16)}.heroTrophyBaseTop{width:96px;height:18px;margin-top:6px}.heroTrophyBaseBottom{width:132px;height:20px;margin-top:8px}.heroTop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.heroTrophy{gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 22px rgba(14,165,233,.12);color:#0f172a;flex-shrink:0}.heroTrophy,.heroTrophyIcon{display:inline-flex;align-items:center}.heroTrophyIcon{justify-content:center;min-width:52px;height:32px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#facc15,#fb923c);color:#7c2d12;font-size:10px;font-weight:900;letter-spacing:.08em}.heroTrophyText{font-size:12px;font-weight:800;color:#0f766e;letter-spacing:.04em;text-transform:uppercase}.heroTitle{color:#0f172a;max-width:15ch;font-size:44px;line-height:1.08;text-wrap:pretty;padding-right:168px}.heroSub{color:rgba(15,23,42,.82);max-width:60ch;font-size:17px;padding-right:160px}.heroStatWrap{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:18px}.heroStat{padding:16px;border-radius:16px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}.heroStat strong{display:block;font-size:22px;margin-bottom:4px}.heroStatText{color:rgba(15,23,42,.72);font-size:14px}.heroAside{display:flex;flex-direction:column;gap:16px}.chip{display:inline-flex;padding:7px 12px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:800}.chip.dark{background:rgba(255,255,255,.8);color:#0f172a;border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 18px rgba(14,165,233,.12)}.matchGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.matchesBanner{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;padding:24px 26px;border-radius:24px;background:radial-gradient(circle at top right,rgba(255,255,255,.45),transparent 28%),linear-gradient(135deg,#0ea5e9,#2563eb 42%,#10b981);color:#fff;box-shadow:0 18px 40px rgba(37,99,235,.22)}.matchesBannerChip{background:rgba(255,255,255,.18);color:#eff6ff;border:1px solid rgba(255,255,255,.22)}.matchesBannerTitle{color:#fff;margin-top:12px;margin-bottom:8px}.matchesBannerText{margin:0;max-width:680px;color:rgba(255,255,255,.9);line-height:1.6}.matchesBannerMeta{min-width:140px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);text-align:center}.matchesBannerMeta strong{display:block;font-size:34px;line-height:1;margin-bottom:6px}.matchesBannerMeta span{color:rgba(255,255,255,.88);font-size:13px}.leaderboardBanner{background:radial-gradient(circle at top right,rgba(255,255,255,.36),transparent 28%),linear-gradient(135deg,#0f766e,#0ea5e9 48%,#f59e0b)}.pointsBanner{background:radial-gradient(circle at top right,rgba(255,255,255,.32),transparent 28%),linear-gradient(135deg,#111827,#0f766e 52%,#22c55e)}.leaderboardBannerMetaWrap{display:flex;gap:12px;flex-wrap:wrap}.matchCard{display:flex;flex-direction:column;gap:14px}.matchHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.matchTeams{display:flex;flex-direction:column;gap:6px}.matchTeams strong{font-size:22px}.teamRow{flex-wrap:wrap}.teamName,.teamRow{display:inline-flex;align-items:center;gap:8px}.teamFlag{width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(15,23,42,.08);object-fit:cover;flex:0 0 auto}.teamResultBadge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:900;line-height:1}.teamResultBadge.win{background:#dcfce7;color:#166534}.teamResultBadge.lose{background:#fee2e2;color:#b91c1c}.teamResultBadge.draw{background:#e0f2fe;color:#0f766e}.versus{font-size:12px;color:#9ca3af;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.matchMeta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;border-top:1px solid #eef2f7}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#dbeafe;color:#1d4ed8}.badge.closed{background:#fee2e2;color:#b91c1c}.badge.done{background:#dcfce7;color:#166534}.teamBox{padding:18px;border:1px solid #d1d5db;border-radius:16px;cursor:pointer;background:#fff;font-weight:800;transition:.2s;min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center}.teamBox.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:0 8px 24px rgba(37,99,235,.12)}.scoreGrid{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:12px;gap:12px;align-items:center}.scoreGrid>*,.scoreTeams>*{min-width:0}.scoreTeams{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:12px;gap:12px;align-items:end}.scoreTeamLabel{display:flex;justify-content:center;font-weight:800;color:#0f172a}.scoreInput{min-width:0;font-size:28px;font-weight:800;text-align:center;padding:18px 16px}.detailHero{display:grid;grid-template-columns:1fr 340px;grid-gap:18px;gap:18px;margin-bottom:18px}.detailTeams{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:14px;gap:14px;align-items:center}.detailTeamCard{padding:22px;border-radius:18px;background:#fff;border:1px solid #e5e7eb;text-align:center}.detailTeamCard strong{display:block;font-size:28px;margin-bottom:6px}.detailTitle{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.detailVs{font-size:22px;font-weight:900;color:#94a3b8}.infoPanel{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(240,249,255,.94));border:1px solid rgba(148,163,184,.2)}.listClean{display:grid;grid-gap:10px;gap:10px;padding:0;margin:0;list-style:none}.listClean li{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #e5e7eb}.predictionSummary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.summaryCard{padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb}.summaryCard strong{display:block;font-size:20px;margin-bottom:4px}.leaderboardSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.successBox{padding:16px 18px;border-radius:16px;background:#ecfdf5;border:1px solid #86efac;color:#166534}.warningBox{padding:16px 18px;border-radius:16px;background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.resultPill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.resultPill.hit{background:#dcfce7;color:#166534}.resultPill.perfect{background:#dbeafe;color:#1d4ed8}.resultPill.miss{background:#fee2e2;color:#b91c1c}.resultPill.wait{background:#e5e7eb;color:#374151}.tableWrap{overflow:auto}.predictionRowHit td{background:linear-gradient(180deg,#fefce8,#fef3c7)}.predictionRowHit td:first-child{box-shadow:inset 4px 0 0 #f59e0b}.leaderboardRowTop td{background:linear-gradient(180deg,#fffbea,#fef3c7)}.leaderboardRowTop td:first-child{box-shadow:inset 4px 0 0 #f59e0b}.predictionIdentity{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.predictionTrophy{font-size:15px;line-height:1}.celebrationTag{display:inline-flex;align-items:center;gap:6px}.empty{padding:28px;text-align:center;color:#6b7280}.footerNote{margin-top:16px;font-size:13px;color:#94a3b8}.leaderboardRank{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;border-radius:999px;background:#e5e7eb;color:#111827;font-weight:900}.leaderboardRank.top{background:linear-gradient(135deg,#facc15,#fb923c);color:#7c2d12}.leaderboardChampionName{display:inline-flex;align-items:center;gap:6px;color:#92400e}.profitText{color:#166534;font-weight:800}.lossText{color:#b91c1c;font-weight:800}.leaderboardHitList{display:flex;flex-wrap:wrap;gap:8px}.leaderboardHitChip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eff6ff;color:#1e3a8a;font-size:12px;font-weight:700}.leaderboardHitChip.perfect{background:#fef3c7;color:#92400e}.adminLoginCard{max-width:520px;margin:40px auto 0}@media (max-width:900px){.detailHero,.grid-2,.grid-3,.hero,.matchGrid{grid-template-columns:1fr}.heroStatWrap,.leaderboardSummary,.predictionSummary{grid-template-columns:1fr 1fr}.page{padding:16px}.title{font-size:28px}.heroTitle{max-width:none;font-size:34px;padding-right:0}.heroSub{font-size:16px;padding-right:0}.detailTeams{grid-template-columns:1fr}.detailVs{display:none}.matchesBanner{flex-direction:column;align-items:flex-start}.leaderboardBannerMetaWrap{width:100%}.heroTop{flex-direction:column;align-items:flex-start}.heroArtwork{width:180px;height:180px;right:-10px;top:auto;bottom:10px;opacity:.78}.heroTrophyArt{width:150px;height:170px}.heroTrophyCup{width:122px}.heroTrophyBody{height:94px}.heroTrophyHandle{width:32px;height:54px;border-width:8px}.heroTrophyMark{font-size:32px}.heroTrophyStem{width:28px;height:28px}.heroTrophyBaseTop{width:74px;height:15px}.heroTrophyBaseBottom{width:102px;height:18px}}@media (max-width:640px){.scoreGrid,.scoreTeams{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scoreGrid>.detailVs,.scoreTeams>:nth-child(2){display:none}.scoreTeamLabel{justify-content:flex-start;font-size:14px}.heroStatWrap,.leaderboardSummary,.predictionSummary{grid-template-columns:1fr}.detailTeamCard strong,.matchTeams strong{font-size:20px}.nav{align-items:flex-start}.brand,.navLinks{width:100%}.navLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.navLinks .btn{width:100%;min-width:0;padding:12px 10px;white-space:normal;text-align:center}.scoreInput{font-size:22px;padding:16px 10px}.heroArtwork{position:relative;width:100%;height:150px;right:auto;top:auto;bottom:auto;margin:4px 0 10px;opacity:.96}.heroTrophyArt{left:50%;right:auto;transform:translateX(-50%)}td,th{padding:10px 12px;font-size:14px}}