:root{--bg: #fbf4e7;--bg2: #fff9ef;--panel: rgba(255,255,255,.75);--panel2: rgba(255,255,255,.92);--text: rgba(24, 24, 24, .92);--muted: rgba(24, 24, 24, .6);--line: rgba(20, 20, 20, .1);--accent: #2bb673;--accent2: #ffcc4d;--danger: #d93838;--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(900px 600px at 20% 0%,rgba(43,182,115,.16),transparent 60%),radial-gradient(900px 700px at 85% 10%,rgba(255,204,77,.18),transparent 55%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text)}a{color:inherit;text-decoration:none}ul{margin:0;padding-left:18px}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;padding:14px 22px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf4e7bf}.brand{display:flex;gap:12px;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.brandMark{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 6px #7c5cff1a}.brandMark.big{width:18px;height:18px;box-shadow:0 0 0 10px #7c5cff1a}.brandTitle{font-weight:700;letter-spacing:.2px}.brandSub{font-size:12px;color:var(--muted);margin-top:2px}.nav{display:flex;gap:8px;margin-left:12px;padding:6px;background:#ffffff0a;border:1px solid var(--line);border-radius:999px}.navlink{padding:8px 12px;border-radius:999px;color:var(--muted);transition:.16s ease}.navlink:hover{background:#ffffff0f;color:var(--text)}.navlink.active{background:#2bb67324;color:var(--text);border:1px solid rgba(43,182,115,.3)}.content{padding:22px;max-width:1100px;margin:0 auto}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 18px 40px #1414141a}.hero{padding:22px;background:linear-gradient(135deg,#7c5cff38,#31d0aa1a)}.heroTitle{font-size:26px;font-weight:800}.heroSub{margin-top:8px;color:var(--muted);max-width:65ch}.cardTitle{font-weight:750}.big{font-size:16px;font-weight:700}.muted{color:var(--muted);font-size:13px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1}.divider{height:1px;background:var(--line);margin:14px 0}.btn{border:1px solid var(--line);background:#ffffffb3;color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;transition:.16s ease}.btn:hover{background:#fffffff2;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.primary{border-color:#2bb67359;background:linear-gradient(135deg,#2bb6732e,#ffcc4d29)}.btn.ghost{background:transparent}.input{width:100%;border:1px solid var(--line);background:#ffffffd9;color:var(--text);border-radius:12px;padding:10px 12px;outline:none;transition:.16s ease}.input:focus{border-color:#2bb6738c;box-shadow:0 0 0 6px #2bb67324}.input.search{width:280px}.label{display:block;margin-top:10px;margin-bottom:6px;color:var(--muted);font-size:12px}.pill{padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;font-size:12px}.pill.live{border-color:#31d0aa73;background:#31d0aa24}.grid{display:grid;gap:14px;grid-template-columns:1.4fr 1fr}.grid2{display:grid;gap:14px;grid-template-columns:1fr 1fr}.cards{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.playerCard{transition:.16s ease}.playerCard:hover{transform:translateY(-2px);border-color:#ffffff2e}.avatar{width:44px;height:44px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#ffffff08}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatarFallback{width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(124,92,255,.35),transparent 55%),radial-gradient(circle at 70% 70%,rgba(49,208,170,.25),transparent 50%)}.pageHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.pageTitle{font-size:22px;font-weight:850}.miniGrid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.miniLabel{color:var(--muted);font-size:12px}.miniValue{font-weight:750;margin-top:3px}.tList{display:grid;gap:10px}.tRow{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);background:#ffffff08;border-radius:14px}.form{display:grid;gap:12px;margin-top:12px}.authActions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.link{color:#141414c7;font-size:13px;font-weight:800;text-decoration:none;padding:8px 10px;border-radius:12px;background:#ffffffbf;border:1px solid rgba(20,20,20,.1);box-shadow:0 10px 18px #1414140f;transition:.16s ease;cursor:pointer}.link:hover{transform:translateY(-1px);background:#fffffff2}.auth{min-height:100vh;display:grid;place-items:center;padding:22px}.authCard{width:100%;max-width:460px;padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:#ffffff0f;box-shadow:0 24px 60px #0006}.authHeader{display:flex;gap:12px;align-items:center;margin-bottom:12px}.authTitle{font-size:20px;font-weight:850}.authSub{color:var(--muted);margin-top:4px;font-size:13px}.error{margin-top:10px;color:var(--danger);font-size:13px}.hint{margin-top:12px;color:var(--muted);font-size:12px}.list{color:var(--muted);display:grid;gap:6px;margin-top:10px}.hero{position:relative;overflow:hidden}.brandLogoHuge{width:100px;height:100px;object-fit:contain}.bigBrand{gap:16px;align-items:center}.bigTitle{font-size:26px;line-height:1;letter-spacing:.2px}.brandSub{font-size:13px}@media(max-width:980px){.brandLogoHuge{width:66px;height:66px;border-radius:22px;padding:8px}.bigTitle{font-size:20px}}.wordmark{display:grid;gap:4px}.badgeRow{display:flex;gap:8px;flex-wrap:wrap}.funBadge{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(20,20,20,.1);box-shadow:0 10px 18px #1414140f}.miniHello{font-size:13px;font-weight:700}.heroWatermark{position:absolute;inset:-40px -80px auto auto;width:240px;height:240px;opacity:.1;background-image:url(/assets/logo-C6eSKCGk.png);background-size:contain;background-repeat:no-repeat;transform:rotate(8deg);pointer-events:none}.brandLogo{width:44px;height:44px;border-radius:14px;object-fit:contain;background:#ffffffbf;border:1px solid var(--line);box-shadow:0 10px 24px #14141414;padding:6px}.authLogo{width:56px;height:56px;border-radius:18px;object-fit:contain;background:#ffffffd9;border:1px solid var(--line);box-shadow:0 16px 34px #1414141a;padding:8px}.landingWrap{display:grid;gap:16px}.landingHero{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:18px;position:relative;overflow:hidden}.landingHero:before{content:"";position:absolute;inset:-2px;background:radial-gradient(420px 300px at 10% 0%,rgba(43,182,115,.22),transparent 60%),radial-gradient(420px 300px at 90% 0%,rgba(255,204,77,.28),transparent 60%),radial-gradient(420px 340px at 50% 120%,rgba(255,120,180,.2),transparent 60%);opacity:.55;pointer-events:none}.heroLeft,.heroRight{position:relative;z-index:1}.heroKicker{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 10px;border-radius:999px;font-weight:900;font-size:12px;background:#ffffffc7;border:1px solid rgba(20,20,20,.1);box-shadow:0 10px 18px #1414140f}.heroTitle2{margin-top:10px;font-size:38px;font-weight:900;letter-spacing:-.6px;line-height:1.05}.accentText{background:linear-gradient(135deg,#2bb673,#ffcc4d);-webkit-background-clip:text;background-clip:text;color:transparent}.heroDesc2{margin-top:10px;max-width:62ch;color:#181818b8;font-size:14px;font-weight:650}.heroCtas{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.bigBtn{padding:12px 14px;border-radius:14px;font-weight:900}.heroMini{margin-top:14px;display:flex;gap:12px;flex-wrap:wrap}.miniStat{padding:10px 12px;border-radius:16px;background:#ffffffad;border:1px solid rgba(20,20,20,.1);box-shadow:0 12px 22px #1414140f}.miniStatVal{font-weight:900}.miniStatLbl{color:#1818189e;font-size:12px;margin-top:2px}.heroShowcase{background:#ffffffb8;border:1px solid rgba(20,20,20,.1);border-radius:18px;padding:14px;box-shadow:0 18px 40px #1414141a}.showcaseHeader{display:flex;gap:10px;align-items:center}.showLogo{width:46px;height:46px;border-radius:16px;background:#fffffff2;border:1px solid rgba(20,20,20,.1);padding:6px;object-fit:contain}.showTitle{font-weight:900}.showList{display:grid;gap:10px}.showRow{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#ffffffa6;border:1px dashed rgba(20,20,20,.14)}.showFooter{display:flex;align-items:center;justify-content:space-between;gap:10px}.landingGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.featureCard{padding:16px}.featureEmoji{font-size:26px;margin-bottom:8px}.landingTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lbList{display:grid;gap:10px}.lbRow{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#ffffffad;border:1px solid rgba(20,20,20,.08)}.lbRank{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#2bb67333,#ffcc4d38);border:1px solid rgba(20,20,20,.1)}.tPreview{display:grid;gap:10px}.tPreviewRow{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#ffffffad;border:1px solid rgba(20,20,20,.08)}.ctaStrip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px}.ctaTitle{font-size:20px;font-weight:950}.ctaBtns{display:flex;gap:10px;flex-wrap:wrap}.landingFooter{padding:8px 2px;text-align:center}.adminTable{display:grid;gap:10px}.adminRow{display:flex;gap:10px;align-items:center;padding:10px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(20,20,20,.08)}.adminBtns{display:flex;gap:8px;flex-wrap:wrap}.bracket{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}.bracketRound{min-width:220px;display:grid;gap:10px}.bracketCol{display:grid;gap:12px}.bracketMatch{padding:10px;border-radius:18px;background:#ffffffb8;border:2px dashed rgba(20,20,20,.14);box-shadow:0 18px 40px #1414141a;display:grid;gap:8px}.teamLine{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(20,20,20,.1);background:#ffffffc7;cursor:pointer;transition:.16s ease;text-align:left}.teamLine:hover{transform:translateY(-1px)}.teamLine:disabled{opacity:.55;cursor:not-allowed;transform:none}.teamDot{width:10px;height:10px;border-radius:999px;background:#14141440}.teamLine.win{border-color:#2bb67373;background:#2bb67324}.teamLine.win .teamDot{background:#2bb673e6}.teamLine.loss{border-color:#d9383866;background:#d938381f}.teamLine.loss .teamDot{background:#d93838d9}.participantsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:900px){.participantsGrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.participantsGrid{grid-template-columns:1fr}}.participantChip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;background:#ffffffb8;border:1px solid rgba(20,20,20,.1);cursor:pointer;transition:.16s ease}.participantChip:hover{transform:translateY(-1px)}.participantChip.selected{border-color:#2bb67359;background:#2bb67324}.teamColor{width:14px;height:44px;border-radius:12px;border:1px solid rgba(20,20,20,.1);box-shadow:0 10px 18px #1414140f}.miniList{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto}.setsGrid{display:grid;gap:10px}.setRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.setRow .input{max-width:120px}.teamEditorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:980px){.teamEditorGrid{grid-template-columns:1fr}}.bracketWrap{margin-top:14px}.bracketScroller{overflow-x:auto;padding-bottom:10px}.bracketGrid{display:grid;grid-auto-flow:column;grid-auto-columns:340px;gap:18px;align-items:start;min-height:520px}.roundCol{display:flex;flex-direction:column;gap:10px;position:relative}.roundTitle{font-weight:900;opacity:.8;padding-left:6px}.roundStack{display:flex;flex-direction:column;gap:18px}.roundCol:nth-child(2) .roundStack{padding-top:64px}.roundCol:nth-child(3) .roundStack{padding-top:144px}.roundCol:nth-child(4) .roundStack{padding-top:304px}.matchCard{background:#ffffffad;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:12px;box-shadow:0 18px 38px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.matchCard.locked{opacity:.95}.teamRow{margin-bottom:10px}.teamPill{display:flex;align-items:center;gap:10px;border-radius:14px;border:1px solid rgba(0,0,0,.1);padding:10px;background:#ffffffc7}.teamPill.win{border-color:#22c55e59;box-shadow:inset 0 0 0 1px #22c55e33}.teamPill.loss{border-color:#ef44444d;box-shadow:inset 0 0 0 1px #ef444429;opacity:.9}.teamDot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.teamText{flex:1;min-width:0}.teamTitle{font-weight:900;line-height:1.1}.teamSub{font-size:12px;opacity:.7;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08)}.badge.win{background:#22c55e24}.badge.loss{background:#ef44441f}.matchDivider{height:1px;background:#00000014;margin:12px 0}.setsInline{display:flex;flex-direction:column;gap:8px}.setInlineRow{display:grid;grid-template-columns:42px 1fr 34px 1fr;align-items:center;gap:8px}.setTag{font-weight:900;font-size:12px;opacity:.75;padding:6px 8px;border-radius:999px;border:1px dashed rgba(0,0,0,.14);text-align:center}.setInput{width:100%;border-radius:12px;padding:10px;border:1px solid rgba(0,0,0,.1);background:#ffffffd9;outline:none}.vsText{text-align:center;opacity:.6;font-weight:800}.matchActions{display:flex;gap:10px;margin-top:12px;margin-bottom:10px}.matchActions .btn.primary{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bracketGridMeasured{position:relative}.bracketLines{position:absolute;inset:0;z-index:50;pointer-events:none}.bracketPathBg{fill:none;stroke:#ffffffa6;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.bracketPath{fill:none;stroke:#2bb6738c;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 8px rgba(255,209,102,.2))}.roundCol,.matchCard{position:relative;z-index:2}.matchCard .lineInA,.matchCard .lineInB,.matchCard .lineOut{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.matchCard .lineInA{left:-10px;top:28px}.matchCard .lineInB{left:-10px;top:78px}.matchCard .lineOut{right:-10px;top:53px}.teamRowSets{text-align:center}.setBox{width:50px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.12);text-align:center;font-weight:800;outline:none;background:#ffffffbf;margin:1px 5px}.matchCard.locked .setBox{opacity:.9}.setBox.win{background:#46c87840;border-color:#46c8788c}.setBox.loss{background:#f0505033;border-color:#f050508c}.setBox.tie{background:#b4b4b42e;border-color:#b4b4b473}.badgeCaseRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.badgeSlot{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;background:#0000000a;border:1px solid rgba(0,0,0,.08)}.badgeSlot.empty{background:#00000005;border:1px dashed rgba(0,0,0,.1);opacity:.6}.badgeImg{width:30px;height:30px;object-fit:contain}.badgeCount{position:absolute;right:-12px;bottom:-12px;background:#141414d9;color:#fff;font-weight:900;font-size:12px;border-radius:999px;padding:3px 7px;border:2px solid rgba(255,255,255,.9)}.lbAvatar{width:36px;height:36px;border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:#ffffffbf;box-shadow:0 10px 18px #1414140f;flex:0 0 auto}.lbAvatar img{width:100%;height:100%;object-fit:cover;display:block}.showAvatar{width:34px;height:34px;border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:#ffffffc7;flex:0 0 auto}.showAvatar img{width:100%;height:100%;object-fit:cover;display:block}.miniValue .trendHot{color:#2bb673f2;font-weight:900}.miniValue .trendCold{color:#d93838f2;font-weight:900}@media(max-width:980px){.landingHero{grid-template-columns:1fr}.landingGrid{grid-template-columns:1fr 1fr}.landingTwoCol{grid-template-columns:1fr}.heroTitle2{font-size:30px}}@media(max-width:560px){.landingGrid{grid-template-columns:1fr}}@media(max-width:980px){.grid,.grid2,.cards{grid-template-columns:1fr}.input.search{width:100%}.nav{display:none}}.funTopbar{border-bottom:2px solid rgba(20,20,20,.08)}body:before{content:"";position:fixed;inset:-120px;background:radial-gradient(220px 220px at 15% 18%,rgba(43,182,115,.22),transparent 60%),radial-gradient(280px 280px at 85% 20%,rgba(255,204,77,.26),transparent 60%),radial-gradient(260px 260px at 70% 85%,rgba(255,120,180,.18),transparent 60%),radial-gradient(220px 220px at 25% 78%,rgba(120,92,255,.16),transparent 60%);filter:blur(12px) saturate(1.05);opacity:1;z-index:-2;animation:floaty 10s ease-in-out infinite alternate}@keyframes floaty{0%{transform:translate3d(-10px,-10px,0) scale(1)}to{transform:translate3d(14px,10px,0) scale(1.02)}}.funCard{border:2px solid rgba(20,20,20,.1);box-shadow:0 18px 50px #1414141a;position:relative;overflow:hidden}.funCard:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#2bb6732e,#ffcc4d29,#ff78b41f);opacity:.18;pointer-events:none}.btn.primary{position:relative;overflow:hidden}.btn.primary:after{content:"";position:absolute;top:-60%;left:-40%;width:80%;height:220%;background:#ffffff59;transform:rotate(18deg);opacity:0;transition:.26s ease}.btn.primary:hover:after{left:120%;opacity:1}.tilt{position:relative;will-change:transform;transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease}.tilt:hover{transform:translateY(-3px);box-shadow:0 26px 60px #14141429}.tilt:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#2bb67326,#ffcc4d26,#ff78b41f);opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.tilt:hover:after{opacity:1;transform:perspective(1600px) rotateX(1.2deg) rotateY(-1.2deg)}.bigAvatar{width:88px;height:88px;border-radius:26px}.sparklineNote{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.navBurger{display:none;padding:10px 12px;border-radius:14px;font-weight:900}.navBackdrop{position:fixed;inset:0;background:#0000002e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:98}.navSheet{position:fixed;top:88px;right:14px;left:14px;z-index:99;background:#ffffffeb;border:1px solid rgba(0,0,0,.1);border-radius:18px;box-shadow:0 24px 60px #0000002e;padding:12px}.navSheetHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 6px 10px}.navSheetLinks{display:grid;gap:10px;padding:6px}.navSheetLink{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#ffffffc7;font-weight:900}.navSheetLink.active{border-color:#2bb67359;background:#2bb67324}.navSheetBtn{width:100%;cursor:pointer}@media(max-width:980px){.nav{display:none}.navBurger{display:inline-flex}}