@font-face{font-family:system;src:local('Arial')}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#f4f3ef;color:#171815;font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,input,select{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #686000;outline-offset:4px}.topbar{min-height:96px;border-bottom:1px solid #deded5;display:flex;align-items:center;gap:40px;padding:20px max(24px,calc((100vw - 1240px)/2));background:#fff}.brand{display:flex}.brand img{max-width:190px}.topbar nav{display:flex;gap:30px;margin-left:auto;font-size:14px;font-weight:700}.topbar nav a{text-decoration:none;padding:10px 0}.topbar nav a.active{box-shadow:0 3px #e0c900}.private-badge,.eyebrow,.chip{font-size:11px;letter-spacing:1.6px;font-weight:800}.private-badge{border:1px solid #ddd;border-radius:30px;padding:8px 13px;color:#555}main{max-width:1240px;margin:auto;padding:40px 24px 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{color:#68694f}.eyebrow::before{content:'';display:inline-block;width:7px;height:7px;background:#baa500;border-radius:50%;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,5vw,56px);line-height:1.06;letter-spacing:-2px;margin:10px 0 12px;font-weight:900}h2{font-size:26px;letter-spacing:-.8px;line-height:1.2}h3{font-size:18px;line-height:1.3}.muted{color:#65665d}.page-heading p{margin:0;font-size:14px}.mode-switch{display:flex;gap:4px;padding:5px;background:#e8e7df;border-radius:12px;flex-shrink:0}.mode-switch button{border:0;background:transparent;border-radius:8px;padding:10px 16px;font-weight:700;font-size:13px}.mode-switch button.active{background:#191a16;color:#ffe400;box-shadow:0 3px 6px #0002}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-radius:22px;overflow:hidden;box-shadow:0 8px 30px #2827000a}.match-panel{padding:38px;background:#1b1d18;color:#fff;position:relative;overflow:hidden;min-height:360px}.match-panel::after{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff0a;border-radius:50%;right:-100px;top:100px;box-shadow:0 0 0 60px #ffffff02,0 0 0 120px #ffffff02;pointer-events:none}.match-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.chip{border-radius:25px;background:#ffe400;color:#1b1d18;display:inline-flex;padding:6px 11px;font-size:10px;letter-spacing:.8px}.match-top small{color:#c5c6b8;font-size:12px}.teams{padding:36px 0 28px;position:relative;z-index:1}.team-name{font-size:clamp(25px,3vw,38px);font-weight:900;letter-spacing:-1px;line-height:1.12}.team-name.home{color:#ffe400}.versus{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:3px;color:#aaad9e;margin:12px 0}.versus:before{content:'';height:1px;width:25px;background:#626554}.match-meta{border-top:1px solid #ffffff24;display:flex;gap:28px;padding-top:22px;font-size:13px;position:relative;z-index:1}.match-meta span{display:block;color:#a9ac9d;font-size:10px;letter-spacing:1.2px;margin-bottom:5px}.pot-panel{padding:36px 38px;background:#f9df00;display:flex;flex-direction:column;position:relative}.pot-title{font-size:11px;letter-spacing:2px;font-weight:800}.pot-amount{font-size:clamp(52px,6vw,80px);letter-spacing:-4px;font-weight:900;line-height:1.1;margin:16px 0 4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pot-label{font-size:12px;color:#484318}.pot-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:22px 0;margin-top:auto}.pot-stats strong{display:block;font-size:20px;letter-spacing:-.6px}.pot-stats span{font-size:10px;line-height:1.3;display:block;color:#504a19}.primary,.secondary,.danger{border:0;border-radius:9px;padding:15px 20px;font-weight:800;font-size:13px;min-height:48px;letter-spacing:.1px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}.primary{background:#181a16;color:#ffe400}.secondary{background:#fff;color:#24251e;border:1px solid #dddcd3}.danger{background:#a02e21;color:white}.pot-panel .primary{width:100%;justify-content:space-between}.deadline{display:flex;align-items:center;gap:12px;justify-content:center;font-size:12px;margin-top:15px;font-weight:700}.deadline time{font-variant-numeric:tabular-nums}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:28px}.card{background:#fff;border:1px solid #e2e2d9;border-radius:16px;padding:28px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.card-head h2{font-size:20px;margin:0}.count{background:#f2f2e8;font-size:11px;font-weight:700;padding:5px 9px;border-radius:6px}.live{font-size:10px;color:#68694f;display:flex;align-items:center;gap:6px}.live:before{content:'';width:6px;height:6px;border-radius:100%;background:#6a7900}.tips-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.tips-table th{font-size:10px;letter-spacing:1.2px;color:#74766b;font-weight:600;border-bottom:1px solid #e7e7df;padding:12px 0}.tips-table td{padding:13px 0;border-bottom:1px solid #efefe8}.tips-table td:first-child{width:36px;color:#858679;font-size:12px}.tips-table td:last-child,.tips-table th:last-child{text-align:right}.score-pill{background:#f7f6eb;color:#24251a;font-weight:800;border-radius:6px;padding:5px 12px;display:inline-block;font-variant-numeric:tabular-nums;white-space:nowrap}.rules{background:#f0f0e6}.rule{display:flex;gap:14px;margin:21px 0}.rule-number{width:29px;height:29px;border-radius:50%;background:#e6e5d6;flex-shrink:0;text-align:center;padding-top:4px;font-weight:800;font-size:12px}.rule p{font-size:12px;margin:5px 0 0;color:#606252}.rule strong{font-size:13px}.baerbel{padding:16px;border-radius:10px;border:1px dashed #ccca99;background:#faf7d5;font-size:12px}.baerbel strong{display:block;margin-bottom:4px}.empty{text-align:center;padding:36px 16px;color:#696b5f;font-size:14px}.empty .ball{font-size:36px;display:block;margin-bottom:12px}.empty strong{display:block;color:#26271e;font-size:18px;margin-bottom:6px}.form-card{max-width:580px;margin:0 auto}.form-card h1{font-size:34px}.field{display:block;margin:16px 0;font-size:13px;font-weight:700}.field input,.field select{display:block;width:100%;padding:13px 14px;margin-top:6px;background:#fff;color:#151610;border:1px solid #c7c9bb;border-radius:8px;min-height:48px}.help{font-size:12px;color:#67695c;margin:8px 0 18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.score-picker{display:flex;gap:20px;justify-content:center;align-items:center;margin:24px 0}.score-side{text-align:center;flex:1}.score-side label{font-size:12px;font-weight:700;display:block;margin-bottom:12px}.stepper{display:flex;align-items:center;justify-content:center;gap:10px}.stepper button{border:1px solid #dddfd1;background:#f4f4ed;width:42px;height:48px;border-radius:8px;font-size:24px}.stepper input{width:65px;background:white;color:#171815;border:1px solid #c7c9bb;border-radius:8px;font-size:30px;font-weight:800;text-align:center;height:64px;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.score-colon{font-size:28px;font-weight:800;padding-top:26px}.availability{border-radius:8px;padding:12px;text-align:center;background:#f2f4e5;font-size:13px;margin:18px 0}.availability.taken{background:#ffebe8;color:#892d20}.actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.actions>*{flex:1}.wide{width:100%}.error{padding:12px;background:#ffebe8;color:#862d23;border-radius:8px;font-size:13px;margin:12px 0}.success-icon{font-size:38px;background:#f9df00;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:5px auto 22px}.receipt{background:#f5f5eb;border:1px dashed #cacbb5;border-radius:12px;padding:24px;text-align:center}.receipt .big-score{font-size:60px;font-weight:900;letter-spacing:-2px}.back{background:transparent;border:0;padding:0;font-size:13px;text-decoration:underline;min-height:44px}.notice{background:#fffbe2;border:1px solid #e4d57b;border-radius:12px;padding:18px;font-size:13px;margin:20px 0}.winner{background:#f9df00;border-radius:16px;padding:30px;margin-top:24px;text-align:center;position:relative;overflow:hidden}.winner h2{font-size:clamp(24px,4vw,42px);margin:10px 0}.winner .win-amount{font-size:48px;font-weight:900;letter-spacing:-2px}.winner .confetti{position:absolute;top:-20px;width:7px;height:12px;background:#24251a;animation:fall 3s linear 2;pointer-events:none}.winner .confetti:nth-child(3n){background:#fff}@keyframes fall{to{transform:translateY(400px) rotate(500deg)}}footer{border-top:1px solid #deded5;max-width:1192px;margin:auto;padding:24px 0 30px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:11px;color:#68695f}footer div{display:flex;gap:20px}footer small{display:block;width:100%;font-size:10px}#connection{background:#fff3d0;padding:12px;text-align:center;font-size:13px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1c1f18;color:#fff;padding:14px 24px;border-radius:10px;z-index:10;max-width:90vw}dialog{border:0;border-radius:18px;max-width:520px;width:calc(100% - 32px);padding:30px;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#0008}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-game{margin:20px 0}.admin-game .tips-table td{font-size:13px}.mini{padding:8px 12px;font-size:11px;min-height:40px}.paid{color:#476216}.unpaid{color:#963a24}.audit{font-size:12px;border-bottom:1px solid #eee;padding:12px 0;overflow-wrap:anywhere}.audit code{display:block;font-size:11px;color:#666;white-space:pre-wrap}.metrics{display:flex;gap:24px;flex-wrap:wrap;margin:16px 0;font-size:12px}.metrics strong{display:block;font-size:22px;color:#1b1d15}.privacy{max-width:760px}.privacy h1{font-size:36px}.privacy h2{font-size:22px;margin-top:30px}.history-item{margin:20px 0}.history-item h2{margin-bottom:10px}.display-mode .topbar,.display-mode footer{display:none}.display-mode main{max-width:1800px}.display-mode .team-name{font-size:48px}.display-mode .pot-amount{font-size:100px}.display-mode .tips-table{font-size:24px}.display-mode .content-grid{grid-template-columns:2fr 1fr}.display-mode .tips-table td{padding:10px 0}.display-mode .page-heading h1{font-size:48px}.loading{padding:100px 20px;text-align:center}.locked{padding:40px;text-align:center}.locked input{max-width:280px;margin:10px auto}.history-badge{font-size:12px;color:#5b5f4b}.saved-banner{background:#eff3dc;border-radius:10px;padding:15px;margin-top:20px;font-size:13px}.install-steps li{padding:10px 0}
@media(max-width:900px){.private-badge{display:none}.topbar{gap:20px}.content-grid{grid-template-columns:1.3fr 1fr}.match-panel,.pot-panel{padding:28px}.pot-amount{font-size:58px}.pot-stats{gap:10px}.pot-stats strong{font-size:18px}.admin-grid{grid-template-columns:1fr}.stepper{gap:5px}.stepper input{width:54px}.stepper button{width:36px}}
@media(max-width:640px){.topbar{min-height:78px;padding:15px 18px;gap:12px;flex-wrap:wrap}.brand img{width:160px;height:40px}.topbar nav{gap:17px;font-size:11px}.topbar nav a:last-child{display:none}main{padding:28px 16px 40px}.page-heading{display:block;margin-bottom:22px}.page-heading h1{font-size:38px;letter-spacing:-1.5px}.page-heading p{font-size:12px}.mode-switch{margin-top:20px;display:flex}.mode-switch button{flex:1;padding:11px}.hero{display:flex;flex-direction:column;border-radius:16px}.match-panel{padding:24px;min-height:290px}.teams{padding:26px 0}.team-name{font-size:30px}.match-meta{gap:25px;padding-top:16px}.pot-panel{padding:26px 24px}.pot-amount{font-size:68px;margin-top:10px}.pot-stats{padding:18px 0}.pot-stats strong{font-size:20px}.content-grid{grid-template-columns:1fr;gap:18px;margin-top:20px}.card{padding:22px 20px;border-radius:14px}.card-head{margin-bottom:10px}.tips-table td{padding:13px 0}.field-row{grid-template-columns:1fr}.score-picker{gap:8px}.stepper{gap:5px}.stepper input{width:55px}.stepper button{width:37px}.score-side label{font-size:11px}.form-card h1{font-size:30px}.actions{gap:8px}.actions>*{flex-basis:40%}footer{margin:0 18px;padding-top:20px;gap:12px}.winner{padding:24px 18px}.winner .win-amount{font-size:40px}.metrics{gap:20px}.admin-game .tips-table{font-size:12px}.admin-game .tips-table td:first-child{width:auto}.display-mode .team-name{font-size:30px}.display-mode .pot-amount{font-size:68px}.display-mode .content-grid{grid-template-columns:1fr}.display-mode .tips-table{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti{display:none}}
.admin-title{margin-top:34px}.win-amount{font-size:36px;font-weight:900}.confetti-0{left:4%;animation-delay:.1s}.confetti-1{left:9%;animation-delay:.7s}.confetti-2{left:14%;animation-delay:.3s}.confetti-3{left:19%;animation-delay:1.2s}.confetti-4{left:24%;animation-delay:.8s}.confetti-5{left:29%;animation-delay:.2s}.confetti-6{left:34%;animation-delay:1.5s}.confetti-7{left:39%;animation-delay:.4s}.confetti-8{left:44%;animation-delay:1s}.confetti-9{left:49%;animation-delay:.2s}.confetti-10{left:54%;animation-delay:.9s}.confetti-11{left:59%;animation-delay:.5s}.confetti-12{left:64%;animation-delay:1.4s}.confetti-13{left:69%;animation-delay:.8s}.confetti-14{left:74%;animation-delay:1.2s}.confetti-15{left:79%;animation-delay:.4s}.confetti-16{left:84%;animation-delay:1.6s}.confetti-17{left:91%;animation-delay:.6s}
.club-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.club-fallback{width:48px;height:48px;border-radius:50%;display:inline-grid;place-items:center;background:#eeede4;color:#484b3b;font-size:13px;font-weight:800;flex-shrink:0}.hero-logo{float:left;margin:0 15px 4px 0;width:56px;height:56px;background:#fff;border-radius:9px;padding:5px}.team-name{min-height:56px;overflow-wrap:anywhere}.team-name:after{content:'';display:block;clear:both}.schedule-filters,.period-filters,.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.schedule-filters button,.period-filters button,.admin-nav button{border:1px solid #d9dbcd;background:#fff;color:#3b3e30;font-size:12px;font-weight:700;padding:11px 16px;border-radius:8px;min-height:44px}.schedule-filters button.active,.period-filters button.active,.admin-nav button.active{background:#191b16;color:#ffe400;border-color:#191b16}.period-filters{margin-top:0}.sync-summary{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px}.fixture{margin:18px 0;padding:24px 28px}.fixture-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px}.fixture-status{margin-left:auto;color:#626748;font-size:11px}.fixture-body{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;margin:27px 0;gap:18px}.fixture-team{display:flex;align-items:center;gap:14px;font-size:20px;line-height:1.2}.fixture-team:last-child{flex-direction:row-reverse;text-align:right}.fixture-middle{text-align:center;font-size:14px;color:#8c8f7a}.fixture-middle strong{font-size:28px;color:#171b0d;white-space:nowrap}.fixture-middle small{display:block;font-size:10px}.fixture-meta{font-size:12px;color:#636752;border-bottom:1px solid #e8e9de;padding-bottom:18px}.fixture-bottom{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:18px;font-size:11px;font-weight:700;color:#64694a}.fixture-bottom .actions{margin:0}.source-updated{font-size:10px;color:#7b7e6d;display:block;margin-top:18px}.source-note{line-height:1.7}.admin-nav{margin-top:0;margin-bottom:32px;border-bottom:1px solid #dedfd3;padding-bottom:18px}.sync-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px}.sync-details dd{margin:0;font-weight:700}.sync-alerts{margin-top:22px}.inline-check{display:inline!important;width:20px!important;height:20px!important;min-height:20px!important;vertical-align:middle}.invitation-sheet{background:#fff;max-width:794px;margin:25px auto;padding:45px 45px 38px;text-align:center;border-radius:12px;border:1px solid #e0e0d5}.print-brand{width:300px;max-width:100%;height:auto}.print-kicker{font-size:11px;letter-spacing:2px;margin-top:24px;color:#5a5d48}.invitation-sheet h1{font-size:64px;line-height:1;margin:20px 0 28px;letter-spacing:-2px}.qr-frame{padding:16px;background:#f9df00;display:inline-flex;border-radius:10px;margin-bottom:20px;max-width:100%}.qr-frame img{display:block;width:320px;max-width:100%;height:auto;background:#fff}.print-url{display:block;font-size:22px;overflow-wrap:anywhere;margin:5px 0 22px}.invitation-sheet h2{font-size:22px}.invitation-sheet small{font-size:10px;color:#777}.invitation-controls{max-width:794px;margin:auto}.logo-credit{border-top:1px solid #ddd;padding-top:20px}.logo-credit h2{display:flex;align-items:center;gap:15px}.logo-credit p{font-size:13px;overflow-wrap:anywhere}
@media(max-width:640px){.topbar nav{width:100%;margin:0;gap:24px;justify-content:flex-start}.topbar nav a{min-height:32px}.topbar nav a:last-child{display:block;font-size:10px}.topbar nav{gap:16px}.private-badge{display:none}.fixture{padding:20px 16px}.fixture-top{gap:9px}.fixture-top .muted{width:100%;order:3;font-size:11px}.fixture-status{font-size:10px}.fixture-body{grid-template-columns:1fr 45px 1fr;gap:7px;margin:24px 0}.fixture-team,.fixture-team:last-child{flex-direction:column;text-align:center;font-size:14px;gap:12px}.fixture-team .club-logo,.fixture-team .club-fallback{width:52px;height:52px}.fixture-middle strong{font-size:21px}.fixture-meta{font-size:11px}.fixture-bottom .actions{width:100%}.fixture-bottom .actions>*{flex-basis:45%}.schedule-filters,.admin-nav{gap:6px}.schedule-filters button,.admin-nav button{font-size:11px;padding:10px 12px}.sync-details{grid-template-columns:1fr;gap:6px}.sync-details dd{margin-bottom:10px}.invitation-sheet{padding:28px 18px}.invitation-sheet h1{font-size:48px}.print-url{font-size:17px}.qr-frame{padding:12px}.hero-logo{width:46px;height:46px;margin-right:10px}.team-name{font-size:27px}.print-brand{max-width:250px}footer div{flex-wrap:wrap}}
@page{size:A4;margin:12mm}
@media print{body{background:#fff;color:#000}.topbar,footer,#connection,#toast,.admin-nav,.invitation-controls,.page-heading,dialog{display:none!important}body.invitation-view main{padding:0;max-width:none}body.invitation-view .invitation-sheet{width:100%;max-width:none;min-height:260mm;border:0;border-radius:0;margin:0;padding:12mm 8mm;page-break-inside:avoid;box-shadow:none}body.invitation-view .print-brand{width:95mm;max-width:none}body.invitation-view .invitation-sheet h1{font-size:48pt;margin:8mm 0}body.invitation-view .qr-frame{background:#f9df00;print-color-adjust:exact;-webkit-print-color-adjust:exact;padding:5mm}body.invitation-view .qr-frame img{width:88mm;height:88mm}body.invitation-view .print-url{font-size:17pt;margin-bottom:7mm}body.invitation-view .invitation-sheet h2{font-size:16pt}body.invitation-view .invitation-sheet p{font-size:11pt}body.invitation-view .invitation-sheet small{font-size:8pt}}