:root{--ink: #17202a;--muted: #687281;--line: #d9e2ea;--paper: #ffffff;--wash: #f4f7f6;--grass: #20815d;--grass-dark: #11684a;--mint: #dff7ea;--sky: #e6f3ff;--sun: #ffd166;--coral: #f97066;--danger: #b42318;--shadow: 0 18px 46px rgba(23, 32, 42, .1);color:var(--ink);background:var(--wash);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(255,209,102,.24) 0 18%,transparent 18% 100%),linear-gradient(315deg,rgba(32,129,93,.12) 0 22%,transparent 22% 100%),var(--wash)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}main{width:min(1120px,100%);margin:0 auto;padding:20px}.loginOnly{padding-top:24px}.appHeader{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:16px 0 18px}.brandHeader,.userBadge,.panelTitle,.matchTopline,.matchActions,.resultBadge,.closedPill,.pointsPill,.tabs,.adminButtons{display:flex;align-items:center;gap:10px}.brandMark{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:var(--grass);color:#fff;box-shadow:0 10px 28px #11684a38}.brandMark.small{width:44px;height:44px}.eyebrow{margin:0 0 3px;color:var(--grass-dark);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{max-width:720px;font-size:2.6rem;line-height:.98}.appHeader h1{font-size:1.55rem;line-height:1.05}h2{font-size:1.35rem}.headerStats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.headerStats span{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid rgba(17,104,74,.18);border-radius:8px;background:#ffffffb8;color:var(--grass-dark);font-size:.86rem;font-weight:900}.userBadge{justify-content:space-between;width:fit-content;min-height:44px;padding:6px 6px 6px 12px;border:1px solid rgba(255,209,102,.8);border-radius:8px;background:#fff8df;color:#704f00}.authPanel{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.authIntro{position:relative;display:grid;align-content:start;gap:16px;min-height:430px;padding:30px;overflow:hidden;background:linear-gradient(135deg,#dff7eaf2,#e6f3ffcc),var(--mint)}.authIntro>*{position:relative;z-index:1}.authIntro h1{width:min(520px,100%)}.authForm{display:grid;align-content:center;gap:14px;padding:28px;background:#fffffff5}.scorePreview{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.scorePreview div{display:grid;place-items:center;min-width:84px;min-height:76px;border:1px solid rgba(17,104,74,.16);border-radius:8px;background:#ffffffb8}.scorePreview span{font-size:1.75rem;font-weight:950}.scorePreview small{color:var(--muted);font-weight:900}.pitchPreview{position:absolute;z-index:0;right:-48px;bottom:-42px;width:330px;height:190px;border:3px solid rgba(255,255,255,.68);border-radius:8px;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.62) 49% 51%,transparent 51%),repeating-linear-gradient(90deg,#20815d80 0,#20815d80 38px,#11684a80 38px,#11684a80 76px);transform:rotate(-7deg);box-shadow:0 24px 46px #11684a33;pointer-events:none}.pitchCenter{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:72px;height:72px;border:3px solid rgba(255,255,255,.7);border-radius:50%;transform:translate(-50%,-50%)}.pitchGoal{position:absolute;top:58px;width:34px;height:74px;border:3px solid rgba(255,255,255,.7)}.pitchGoal.left{left:-3px;border-left:0}.pitchGoal.right{right:-3px;border-right:0}label{display:grid;gap:6px;color:var(--ink);font-weight:850}input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cfd9e5;border-radius:8px;background:#fff;color:var(--ink)}input:focus{border-color:var(--grass);outline:3px solid rgba(32,129,93,.16)}.segmented,.tabs{padding:4px;border:1px solid #dce5ee;border-radius:8px;background:#edf3f4}.segmented{display:grid;grid-template-columns:repeat(2,1fr)}.segmented button,.tabs button{min-height:42px;border:0;border-radius:8px;background:transparent;color:#52606f;font-weight:900}.segmented .active,.tabs .active{background:#fff;color:var(--ink);box-shadow:0 8px 22px #17202a14}.tabs{flex-wrap:wrap;margin:18px 0;width:fit-content}.tabs button{padding:0 18px}.primaryButton,.secondaryButton,.iconButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:8px;font-weight:900}.primaryButton{padding:0 18px;background:var(--grass);color:#fff;box-shadow:0 10px 22px #11684a2e}.primaryButton:hover:not(:disabled){background:var(--grass-dark)}.secondaryButton{padding:0 18px;border:1px solid rgba(17,104,74,.22);background:var(--mint);color:var(--grass-dark)}.secondaryButton:hover:not(:disabled){background:#c9efd8}.iconButton{width:44px;background:#e7eef5;color:var(--ink)}.iconButton.accent{background:var(--mint);color:var(--grass-dark)}.iconButton.danger{background:#ffe0de;color:var(--danger)}.message{margin:4px 0 0;padding:10px 12px;border-radius:8px;font-weight:850}.message.error{background:#ffe0de;color:#8d1f16}.message.success{background:var(--mint);color:#145c38}.matchGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(286px,1fr));gap:16px}.matchCard,.panel{border:1px solid var(--line);border-radius:8px;padding:18px;background:#ffffffeb;box-shadow:0 14px 34px #17202a12}.matchCard.locked{background:#f9fbfaf0}.matchTopline{justify-content:space-between;color:var(--muted);font-size:.9rem;font-weight:900}.teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0;text-align:center}.teams strong{min-width:0;overflow-wrap:anywhere;font-size:1.2rem}.teams span{color:var(--muted);font-size:.82rem;font-weight:850}.resultBadge,.closedPill,.pointsPill{width:fit-content;min-height:34px;padding:6px 10px;border-radius:8px;font-weight:900}.resultBadge{background:#fff2c2;color:#704f00}.closedPill{background:#edf1f4;color:#53606d}.pointsPill{background:var(--mint);color:var(--grass-dark)}.predictionRow{display:grid;gap:12px;margin:16px 0}.scoreboardInput{display:grid;gap:10px;padding:12px;border:1px solid rgba(20,33,61,.12);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#16212d;color:#fff;box-shadow:inset 0 0 0 1px #ffffff0a}.scoreboardNames{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;color:#c9f7d8;font-size:.78rem;font-weight:950;text-align:center;text-transform:uppercase}.scoreboardNames strong{min-width:0;overflow-wrap:anywhere}.scoreboardNames span{color:#ffffff73}.scoreboardDisplay{display:grid;grid-template-columns:minmax(74px,1fr) auto minmax(74px,1fr);align-items:center;gap:10px;min-height:92px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.045) 1px,transparent 1px),#0c1219;background-size:10px 10px;text-align:center}.scoreboardDisplay strong{display:grid;place-items:center;min-height:68px;border-radius:8px;background:#111b25;color:#ffe16a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:2.7rem;font-weight:950;letter-spacing:0;line-height:1;text-shadow:0 0 16px rgba(255,225,106,.36)}.scoreboardDisplay span{color:#ffe16a;font-size:2rem;font-weight:950}.scoreboardButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scoreboardButtons>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scoreboardButtons .iconButton{width:100%;background:#ffffff1f;color:#fff}.scoreboardButtons .iconButton:hover:not(:disabled){background:#fff3}.stepper{display:grid;gap:8px;min-width:0}.stepper>span{min-width:0;overflow-wrap:anywhere;color:#405061;font-weight:900}.stepperControls{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}.stepperControls strong{display:grid;place-items:center;min-height:44px;border:1px solid #d5dee8;border-radius:8px;background:#fff;font-size:1.3rem}.leaderboard,.historyList,.adminList,.publicPredictionList,.publicPredictionRows,.tableStack{display:grid;gap:10px;margin-top:14px}.leaderRow,.historyItem,.adminMatch,.publicPredictionMatch{display:grid;gap:8px;padding:12px;border:1px solid #dde6ed;border-radius:8px;background:#fff}.leaderRow{grid-template-columns:44px 1fr auto;align-items:center}.leaderRow small{grid-column:2 / 4;color:var(--muted);font-weight:850}.tableStack{margin-top:0}.publicPredictionHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.publicPredictionHeader div{display:grid;gap:3px;min-width:0}.publicPredictionHeader span,.mutedLine{color:var(--muted);font-weight:850}.publicPredictionHeader b{padding:8px 10px;border-radius:8px;background:var(--lemon);color:#6d4b00}.publicPredictionRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;border-radius:8px;background:#f7fafc}.publicPredictionRow span{display:grid;place-items:center;min-width:58px;padding:8px 10px;border-radius:8px;background:#16212d;color:#ffe16a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:950}.publicPredictionRow small{color:var(--grass-dark);font-weight:900}.rank{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#e7eef5;font-weight:900}.rank1{background:#ffe8a3;color:#765000}.rank2{background:#e5e7eb;color:#46505f}.rank3{background:#ffd9b3;color:#7a3d00}.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.statGrid div{display:grid;gap:3px;padding:14px;border-radius:8px;background:var(--sky);text-align:center}.statGrid strong{font-size:1.55rem}.historyItem{grid-template-columns:1fr auto}.historyItem span{color:var(--muted);font-weight:850}.adminForm{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:12px}.adminMatch{grid-template-columns:repeat(4,minmax(120px,1fr))}.adminButtons{grid-column:1 / -1;flex-wrap:wrap}.adminButtons .stepper{width:150px}.emptyState{display:grid;place-items:center;gap:14px;min-height:230px;padding:24px;border:1px dashed #b8c9d6;border-radius:8px;background:#ffffff94;color:#506071;font-weight:900;text-align:center}.miniPitch{position:relative;width:min(330px,100%);height:128px;border:3px solid rgba(255,255,255,.86);border-radius:8px;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.76) 49% 51%,transparent 51%),repeating-linear-gradient(90deg,#2a946e 0,#2a946e 42px,#23835f 42px,#23835f 84px);box-shadow:inset 0 0 0 1px #17202a0f}.miniPitch span{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:54px;height:54px;border:3px solid rgba(255,255,255,.76);border-radius:50%;transform:translate(-50%,-50%)}@media(max-width:860px){main{padding:14px}.appHeader,.authPanel{grid-template-columns:1fr}.headerStats{justify-content:flex-start}.authIntro{min-height:350px}.authForm{padding:20px}}@media(max-width:640px){h1{font-size:2.05rem}.appHeader h1{font-size:1.25rem}.brandHeader{align-items:flex-start}.authIntro{min-height:420px;padding:24px}.scorePreview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:300px}.scorePreview div{min-width:0}.pitchPreview{right:-86px;bottom:-26px;width:330px;height:172px;opacity:.82}.userBadge{justify-content:space-between}.teams,.leaderRow,.historyItem,.publicPredictionHeader,.publicPredictionRow,.adminForm,.adminMatch,.statGrid{grid-template-columns:1fr}.leaderRow small{grid-column:auto}.matchActions{align-items:flex-start;flex-direction:column}.tabs{width:100%}.tabs button{flex:1 1 130px}}