:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#13231f;background:#f6f4ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{border:0;cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:40px;padding:44px;overflow:hidden;position:relative;background:linear-gradient(90deg,#095f46f0,#168058db),repeating-linear-gradient(90deg,#157d55 0 72px,#0f704c 72px 144px);color:#fff}.pitch-art{position:absolute;inset:28px;border:3px solid rgba(255,255,255,.34);border-radius:8px;pointer-events:none}.pitch-art:before,.pitch-art:after{content:"";position:absolute;border:3px solid rgba(255,255,255,.28)}.pitch-art:before{inset:18% 37%;border-radius:999px}.pitch-art:after{top:0;bottom:0;left:50%;width:0}.ball{position:absolute;width:18px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 26%,#16231f 27% 38%,#fff 39%);box-shadow:0 10px 24px #0000002e;animation:drift 5s ease-in-out infinite}.ball-one{left:16%;top:28%}.ball-two{right:18%;bottom:22%;animation-delay:1s}.ball-three{left:52%;bottom:12%;animation-delay:1.8s}@keyframes drift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(24deg)}}.login-copy,.login-card{position:relative;z-index:1}.login-copy{max-width:720px}.login-copy h1{margin:0 0 18px;max-width:780px;font-size:clamp(3.4rem,8vw,7.4rem);line-height:.95;letter-spacing:0}.login-copy p:last-child{max-width:580px;font-size:1.18rem;line-height:1.65;color:#ffffffd6}.login-card,.panel,.group-table,.podium-card,.match-card{border:1px solid rgba(19,35,31,.12);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 44px #14221c17}.login-card{padding:24px;color:#13231f;display:grid;gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card label{display:grid;gap:8px;font-weight:800;color:#31433d}input,select{width:100%;border:1px solid #d8d8cf;border-radius:8px;padding:11px 12px;color:#13231f;background:#fffef9;outline:none}input:focus,select:focus{border-color:#157d55;box-shadow:0 0 0 3px #157d5526}.role-switch,.segmented,.tabs{display:flex;gap:6px;align-items:center}.role-switch{padding:4px;background:#edf1ea;border-radius:8px}.role-switch button,.segmented button,.tabs button,.admin-actions button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;color:#31433d;background:transparent;transition:transform .16s ease,background .16s ease,color .16s ease}.role-switch button{flex:1}.role-switch .active,.tabs .active,.segmented .active{background:#13231f;color:#fffef9}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;padding:0 16px;background:#f0b429;color:#241a04;font-weight:900;box-shadow:0 10px 26px #f0b42938}.primary-button:disabled{opacity:.66;cursor:wait}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #d9d8ce;border-radius:8px;padding:0 14px;background:#fffef9;color:#13231f;font-weight:900}.secondary-button:disabled{opacity:.66;cursor:wait}.form-error{margin:0;color:#a22b20;font-weight:800}.loading-screen{min-height:100vh;display:grid;place-content:center;gap:18px;background:#f6f4ef;text-align:center;color:#31433d}.loading-ball{width:48px;aspect-ratio:1;margin:0 auto;border-radius:50%;background:conic-gradient(#13231f 0 25%,#f0b429 0 50%,#157d55 0 75%,#e95f45 0);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;background:linear-gradient(#f6f4eff0,#f6f4effa),repeating-linear-gradient(90deg,#157d551f 0 70px,#13231f0a 70px 140px)}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:12px 28px;background:#f6f4efe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(19,35,31,.08);box-shadow:0 10px 30px #13231f0a}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{width:58px;height:44px;object-fit:cover;object-position:center;border-radius:8px;background:#fff;border:1px solid rgba(19,35,31,.12);box-shadow:0 8px 18px #13231f14}.eyebrow{margin:0 0 4px;color:#61726b;text-transform:uppercase;font-size:.73rem;font-weight:900;letter-spacing:.08em}h1,h2,h3,p{margin-top:0}.topbar h1{margin:0;font-size:1.05rem;letter-spacing:0}.tabs{flex-wrap:wrap;padding:3px;border:1px solid rgba(19,35,31,.08);border-radius:10px;background:#fffef9ad}.tabs button{padding:0 12px}.icon-button{width:40px;background:#fff;border:1px solid #dfded6}main:not(.login-page):not(.loading-screen){width:min(1460px,calc(100% - 36px));margin:0 auto;padding:26px 0 48px}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px;margin-bottom:22px;color:#fff;background:linear-gradient(135deg,#13231ff2,#157d55eb),radial-gradient(circle at 90% 20%,rgba(240,180,41,.46),transparent 28%);border-radius:8px;overflow:hidden;position:relative}.hero-panel:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;pointer-events:none}.hero-panel h2{margin-bottom:8px;font-size:clamp(1.9rem,4vw,3.5rem);line-height:1;letter-spacing:0}.hero-panel p{max-width:680px;color:#ffffffc7}.hero-panel .sync-note{margin:10px 0 0;color:#ffffffa8;font-size:.88rem}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}.metric{min-width:120px;display:grid;gap:4px;padding:14px;border-radius:8px;color:#13231f;background:#ffffffeb}.metric span{color:#61726b;font-size:.83rem;font-weight:800}.metric strong{font-size:1.35rem}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.main-column,.side-column{display:grid;gap:18px}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.podium-card{position:relative;min-height:182px;padding:18px;color:#fffef9;background-size:cover;background-position:center;overflow:hidden;animation:rise .28s ease both}.podium-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.18) 44%,transparent 52%),radial-gradient(circle at 84% 16%,rgba(240,180,41,.28),transparent 32%);transform:translate(-30%);animation:cardShine 5.5s ease-in-out infinite;pointer-events:none}.podium-card:after{content:"";position:absolute;inset:auto 18px 16px;height:2px;border-radius:999px;background:linear-gradient(90deg,#f0b429,#fff3)}.podium-card>*{position:relative;z-index:1}.podium-rank,.rank-pill{display:inline-grid;place-items:center;min-width:34px;height:30px;padding:0 8px;border-radius:999px;background:#13231f;color:#fff;font-weight:900}.place-1{border-color:#f0b42980}.place-1 .podium-rank{background:#f0b429;color:#241a04}.place-2 .podium-rank{background:#ffffffeb;color:#13231f}.place-3 .podium-rank{background:#e95f45}.podium-card h3{margin:14px 0 4px;text-shadow:0 2px 16px rgba(0,0,0,.35)}.podium-card strong{font-size:2rem}.podium-card p{color:#ffffffd1}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardShine{0%,58%,to{transform:translate(-45%);opacity:0}68%{opacity:1}86%{transform:translate(55%);opacity:0}}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.section-heading h2{margin:0}.search-field{width:min(100%,320px);display:flex;align-items:center;gap:8px;padding-left:12px;border:1px solid #dfded6;border-radius:8px;background:#fffef9}.search-field input{border:0;box-shadow:none}.leaderboard-list,.match-grid,.mini-list,.participant-payments{display:grid;gap:10px}.leader-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border-radius:8px;background:#fffef9;border:1px solid #e5e3da;transition:transform .16s ease,border-color .16s ease}.leader-row:hover,.match-card:hover{transform:translateY(-2px);border-color:#157d5561}.leader-row p,.match-detail p{margin:0;color:#61726b;font-size:.9rem}.panel{padding:18px}.panel h3,.panel h2{margin-bottom:10px}.prediction-bars{display:grid;gap:12px;margin-top:14px}.prediction-bars>div{display:grid;grid-template-columns:58px minmax(0,1fr) 28px;gap:8px;align-items:center}.prediction-bars div div{height:10px;border-radius:999px;background:#ece9df;overflow:hidden}.prediction-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#157d55,#f0b429)}.rules-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.rules-grid span{color:#61726b}.segmented{flex-wrap:wrap;justify-content:flex-end}.segmented button{min-height:34px;padding:0 10px;background:#fffef9;border:1px solid #e3e0d5}.match-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.match-card{position:relative;text-align:left;display:grid;gap:6px;padding:14px;color:#13231f;overflow:hidden}.match-card:after{content:"";position:absolute;top:10px;right:-20px;width:80px;height:80px;border:2px solid rgba(21,125,85,.08);border-radius:999px;pointer-events:none}.match-card.active{border-color:#157d55;box-shadow:0 14px 34px #157d551f}.match-card span,.match-card small{color:#61726b;font-size:.82rem;font-weight:800}.scoreline{width:fit-content;min-width:58px;border-radius:999px;padding:5px 10px;background:linear-gradient(135deg,#13231f,#157d55);color:#fff;font-weight:900}.team-name{display:inline-flex;min-width:0;align-items:center;gap:9px}.team-name>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.team-flag{width:31px;height:31px;flex:0 0 31px;display:inline-grid;place-items:center;border-radius:999px;background:#fffef9;border:1px solid rgba(19,35,31,.14);box-shadow:0 6px 14px #13231f14;font-size:1.12rem;line-height:1}.match-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.match-title>span{color:#61726b;font-size:.9rem;text-transform:uppercase}.score-editor{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:16px 0}.score-editor button{grid-column:1 / -1}.score-editor span{font-weight:950}.prediction-list-heading{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:12px;padding:10px 0 8px;margin-top:8px;border-top:1px solid rgba(19,35,31,.1);background:inherit}.prediction-list-heading span{color:#61726b;font-size:.82rem;font-weight:800}.prediction-list{overflow:visible}.mini-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid #ece9df}.mini-list small{color:#61726b}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.group-table{position:relative;padding:16px;overflow:hidden}.group-table:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49%,rgba(21,125,85,.06) 49% 51%,transparent 51%),radial-gradient(circle at 100% 0%,rgba(240,180,41,.16),transparent 30%);pointer-events:none}.group-table>*{position:relative}.group-table:hover{border-color:#157d5547;transform:translateY(-2px);transition:transform .16s ease,border-color .16s ease}.group-table h3{margin-bottom:12px}.table-row{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px 42px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #ece9df}.table-row.header{color:#61726b;font-size:.75rem;font-weight:900;text-transform:uppercase;border-top:0}.analytics-page{display:grid;gap:18px}.analytics-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;border-radius:8px;color:#fffef9;background-size:cover;background-position:center right;box-shadow:0 20px 60px #13231f29}.analytics-hero h2{margin-bottom:8px;font-size:clamp(1.8rem,3vw,3rem);line-height:1}.analytics-hero p{max-width:760px;color:#ffffffc2}.snapshot-help{margin-top:12px;font-size:.9rem}.analytics-actions{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px;min-width:340px}.analytics-actions .primary-button{grid-column:1 / -1}.analytics-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}.analytics-card{min-height:0}.analytics-card h3{display:flex;align-items:center;gap:8px}.points-race{grid-column:span 5}.race-bars,.movement-list,.pack-list{display:grid;gap:10px}.race-bars>button{width:100%;display:grid;grid-template-columns:150px minmax(0,1fr) 42px;gap:10px;align-items:center;padding:5px 7px;color:inherit;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.race-bars>button:hover,.race-bars>button.selected{background:#f6f4ec;border-color:#d9d8ce;transform:translate(2px)}.race-bars span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-bars button div{height:14px;border-radius:999px;background:#ece9df;overflow:hidden}.race-bars i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#157d55,#f0b429)}.movement-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:9px 0;border-top:1px solid #ece9df}.movement-list small{grid-column:1 / -1;color:#61726b}.movement-up{color:#157d55}.movement-down{color:#a22b20}.empty-note{color:#61726b;line-height:1.5}.analytics-big{margin-bottom:10px;font-size:1.25rem;font-weight:950;color:#13231f}.trend-card{grid-column:span 7}.snapshot-card,.fun-card,.analytics-card:not(.points-race):not(.trend-card){grid-column:span 4}.trend-card select{width:min(100%,320px);margin:6px 0 14px}.trend-chart{width:100%;height:230px;display:block;overflow:visible}.trend-chart line{stroke:#d9d8ce;stroke-width:2}.trend-chart rect{fill:#157d5529}.trend-chart polyline{fill:none;stroke:#f0b429;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 5px rgba(19,35,31,.18))}.trend-chart circle{fill:#157d55;stroke:#fffef9;stroke-width:3}.trend-chart text{fill:#31433d;font-size:.75rem;font-weight:850}.trend-chart-empty rect{fill:#157d550f;stroke:#157d5524;stroke-width:2}.trend-chart-empty circle{fill:transparent;stroke:#157d5529;stroke-width:2}.trend-chart-empty line{stroke:#157d5524;stroke-dasharray:7 7}.trend-chart-empty polyline{stroke:#f0b429b3;stroke-dasharray:0}.trend-chart-empty text{fill:#61726b}.trend-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.trend-summary span{padding:10px;border:1px solid #ece9df;border-radius:8px;background:#f8f7f0;color:#61726b;font-size:.85rem}.trend-summary strong{display:block;color:#13231f;font-size:1.05rem}.snapshot-card p{margin-bottom:12px;color:#61726b;line-height:1.45}.snapshot-list{display:grid;gap:8px;margin-top:14px}.snapshot-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #ece9df}.snapshot-list span,.snapshot-list small{display:block}.snapshot-list small{margin-top:2px;color:#61726b}.snapshot-list button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ead2cf;border-radius:8px;color:#a22b20;background:#fff8f6}.fun-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffef9f5,#fffef9e0),radial-gradient(circle at 92% 18%,rgba(240,180,41,.26),transparent 30%)}.fun-card:after{content:"";position:absolute;right:-24px;top:-30px;width:92px;aspect-ratio:1;border:1px solid rgba(21,125,85,.12);border-radius:999px;background:radial-gradient(circle at 50% 50%,transparent 0 35%,rgba(21,125,85,.08) 36% 38%,transparent 39%),linear-gradient(90deg,transparent 48%,rgba(21,125,85,.08) 49% 51%,transparent 52%)}.fun-card.gold{background:linear-gradient(135deg,#fffef9f5,#fffae8e6),radial-gradient(circle at 92% 18%,rgba(240,180,41,.32),transparent 32%)}.fun-card.green{background:linear-gradient(135deg,#fffef9f5,#ecf7f0e6),radial-gradient(circle at 92% 18%,rgba(21,125,85,.22),transparent 32%)}.fun-card.blue{background:linear-gradient(135deg,#fffef9f5,#e9f4f9e6),radial-gradient(circle at 92% 18%,rgba(55,135,166,.22),transparent 32%)}.fun-card p:not(.eyebrow):not(.analytics-big){position:relative;color:#61726b;line-height:1.45}.pack-list{display:flex;flex-wrap:wrap}.pack-list span{border-radius:999px;padding:6px 9px;background:#edf1ea;color:#31433d;font-size:.84rem;font-weight:850}.admin-layout{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px;align-items:start}.admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-actions button{padding:0 12px;background:#fffef9;border:1px solid #dfded6}.admin-actions .file-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid #dfded6;border-radius:8px;background:#fffef9;color:#13231f;font-weight:800;cursor:pointer}.file-action input{display:none}.admin-actions .danger{color:#a22b20}.admin-sync-note{margin:12px 0 0;color:#61726b;font-size:.88rem;line-height:1.45}.participant-payments{max-height:520px;overflow:auto;padding-right:4px}.payment-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 72px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #ece9df}.payment-paid{min-width:0;display:flex;align-items:center;gap:10px;font-weight:850}.payment-paid input{width:18px;height:18px;flex:0 0 auto}.payment-paid span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fee-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;height:36px;border:1px solid #d8d8cf;border-radius:8px;background:#fffef9;overflow:hidden}.fee-input span{padding-left:10px;color:#61726b;font-weight:900}.fee-input input{width:100%;height:100%;border:0;border-radius:0;padding:0 8px 0 4px;background:transparent;box-shadow:none}.paid-pill{justify-self:end;border-radius:999px;padding:5px 8px;background:#f4eee9;color:#7b4338;font-size:.76rem;font-weight:900}.paid-pill.paid{background:#e6f2eb;color:#157d55}@media(max-width:1060px){.login-page,.page-grid,.admin-layout,.analytics-hero,.analytics-grid,.hero-panel{grid-template-columns:1fr}.analytics-actions{min-width:0}.points-race,.trend-card{grid-column:1 / -1}.snapshot-card,.fun-card,.analytics-card:not(.points-race):not(.trend-card){grid-column:1 / -1}.hero-stats,.podium{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{grid-template-columns:1fr auto}.tabs{grid-column:1 / -1;order:3}}@media(max-width:700px){.login-page{padding:24px;align-content:center}.login-copy h1{font-size:3rem}main:not(.login-page):not(.loading-screen){width:min(100% - 20px,1460px)}.hero-stats,.podium,.admin-actions{grid-template-columns:1fr}.section-heading{display:grid;align-items:start}.trend-summary{grid-template-columns:1fr}.snapshot-card,.fun-card,.analytics-card:not(.points-race):not(.trend-card){grid-column:1 / -1}.tabs button{flex:1;min-width:128px}.topbar{padding:12px 10px}}