@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#172820;background:#f5f5ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}.container{max-width:1250px;margin:0 auto;padding:0 28px}.site-header{height:82px;background:#102f25;color:#fff;border-bottom:1px solid #ffffff17}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-mark{height:52px;width:52px;display:grid;place-items:center;background:#d6b45f;color:#102f25;clip-path:polygon(50% 0,94% 16%,89% 72%,50% 100%,11% 72%,6% 16%);position:relative;font-family:Oswald,sans-serif;font-weight:700;font-size:17px}.brand-mark i{font-family:Arial,sans-serif;font-size:6px;font-style:normal;position:absolute;bottom:8px}.brand strong{display:block;font-size:16px;letter-spacing:.01em}.brand small{display:block;color:#d6b45f;font-size:10px;letter-spacing:.25em;margin-top:3px;font-weight:800}.header-link{border:1px solid #547164;background:transparent;color:#e9f1e8;border-radius:100px;padding:11px 17px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.header-link:hover{background:#1a4537}.hero{height:390px;background:radial-gradient(circle at 83% 20%,#286048,#163e30 32%,#0e2b22 75%);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,#ffffff09 1px,transparent 1px),linear-gradient(#ffffff09 1px,transparent 1px);background-size:63px 63px;-webkit-mask-image:linear-gradient(90deg,transparent 28%,black);mask-image:linear-gradient(90deg,transparent 28%,black)}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff12;border-radius:50%;right:2%;top:-240px;box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff04}.hero-inner{position:relative;z-index:1;padding-top:55px;height:100%}.eyebrow,.section-kicker{font-weight:800;letter-spacing:.19em;font-size:11px;color:#ae8a3e}.eyebrow{color:#ddc476;display:flex;align-items:center;gap:9px}.live-dot{height:7px;width:7px;border-radius:50%;background:#dab563;box-shadow:0 0 0 4px #dab56324}.hero h1{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:70px;line-height:1.05;letter-spacing:.015em;margin:20px 0 12px}.hero h1 em{font-style:normal;color:#ddbd69}.hero p{font-size:16px;max-width:465px;line-height:1.6;color:#d6e1d9;margin-bottom:25px}.hero-meta{display:flex;gap:27px;color:#e4eadf;font-size:12px;font-weight:700}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta svg{color:#dbbb69}.hero-number{position:absolute;right:47px;top:40px;font-family:Oswald,Impact,sans-serif;font-weight:700;font-size:215px;line-height:1;color:#ffffff0b;white-space:nowrap}.hero-number span{color:#dfbd6b22}.content{margin-top:-52px;position:relative;z-index:2;padding-bottom:85px}.match-card{background:#fff;border:1px solid #e6e9df;box-shadow:0 14px 40px #0b281710;border-radius:16px;padding:22px 33px 24px;margin-bottom:33px}.match-top{display:flex;justify-content:space-between;align-items:center}.status-pill{font-size:10px;font-weight:800;letter-spacing:.09em;background:#eeeae2;color:#776d58;border-radius:100px;padding:8px 11px}.status-pill.open{background:#e8f5e5;color:#23713c}.match-line{display:grid;grid-template-columns:1fr 165px 1fr;align-items:center;gap:18px;margin-top:16px}.team{display:flex;align-items:center;gap:15px;min-width:0}.team strong{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:23px;line-height:1.15}.team.away{justify-content:flex-end;text-align:right;flex-direction:row-reverse}.team-badge{height:56px;width:56px;flex:none;background:#123b2c;color:#e4c677;border-radius:50%;display:grid;place-items:center;font-family:Oswald,sans-serif;font-size:20px;border:4px solid #e4ecdf}.team-badge.guest{background:#e8eee7;color:#577664}.versus{text-align:center;font-family:Oswald,sans-serif;font-size:28px;color:#183b2c}.versus small{display:block;font:700 11px DM Sans,sans-serif;color:#8e9a8f;letter-spacing:.02em;margin-top:3px}.match-result{display:flex;justify-content:center;gap:9px;align-items:center;border-top:1px solid #e7eae4;padding-top:16px;margin-top:17px;color:#2a6041;font-size:13px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:28px;align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:4px 0 22px}.section-heading h2,.booking-card h2,.admin-header h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:32px;line-height:1.1;margin:7px 0}.section-heading p{color:#7a867c;font-size:13px;margin:0}.slots{text-align:right}.slots strong{display:block;color:#164f35;font:600 35px Oswald,sans-serif;line-height:1}.slots span{display:block;color:#849087;font-size:11px;font-weight:700}.board-wrap{background:#fff;border:1px solid #e4e8de;border-radius:14px;padding:17px;box-shadow:0 8px 30px #0d23100a}.board-topline{display:flex;justify-content:space-between;color:#89978a;font-size:9px;font-weight:800;letter-spacing:.12em;padding:0 1px 13px}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.cell{aspect-ratio:1.17;min-width:0;border:1px solid #e5eae3;border-radius:7px;background:#f7f9f5;color:#48725a;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:.15s}.cell:not(:disabled):hover{border-color:#4a9761;background:#eaf5e9;transform:translateY(-2px)}.cell.selected{background:#184e34;color:#fff;border-color:#184e34;box-shadow:0 3px 10px #174f3540}.cell.taken{background:#edf0e9;color:#63766a}.cell.mine{background:#f7f0d8;color:#716023;border-color:#d2b75f}.cell.winner{background:#cfab50;color:#11291d;border-color:#cfab50}.cell-num{position:absolute;top:6px;left:7px;font:700 9px DM Sans,sans-serif;opacity:.7}.cell-name{max-width:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;padding:0 4px}.cell-score{position:absolute;bottom:3px;right:5px;font-size:9px;font-weight:800}.legend{display:flex;flex-wrap:wrap;gap:17px;margin:15px 2px 0;color:#7d897d;font-size:10px;font-weight:700}.legend span{display:flex;align-items:center;gap:6px}.legend i{height:10px;width:10px;border-radius:2px;border:1px solid #dbe5d8}.legend-free{background:#f7f9f5}.legend-taken{background:#edf0e9}.legend-selected{background:#184e34}.legend-mine{background:#f7f0d8}.side{display:grid;gap:17px}.booking-card{background:#fff;border:1px solid #e3e9de;border-radius:14px;padding:25px;box-shadow:0 8px 30px #0d23100a}.card-icon{width:47px;height:47px;border-radius:12px;background:#eaf2e6;color:#245b37;display:grid;place-items:center;margin-bottom:20px}.booking-card h2{font-size:28px;margin:8px 0}.booking-card>p{font-size:12px;color:#89958a;min-height:19px;margin-bottom:21px}.price{display:flex;justify-content:space-between;align-items:center;background:#f4f7f0;padding:15px;border-radius:9px;margin-bottom:21px}.price span{font-size:12px;color:#6f7f71}.price strong{font:600 24px Oswald,sans-serif;color:#1c5938}.input-label{display:block;font-size:11px;font-weight:800;color:#405746;margin-bottom:8px}.booking-card input,.admin-body input,.admin-body select{width:100%;border:1px solid #dce5d9;border-radius:8px;padding:12px 13px;background:#fff;color:#172820;outline:none}.booking-card input:focus,.admin-body input:focus{border-color:#388654;box-shadow:0 0 0 3px #38865420}.input-hint{display:block;color:#99a59a;font-size:10px;margin:6px 0 20px}.payment-label{margin-bottom:9px}.payment-options{display:grid;gap:7px;margin-bottom:20px}.payment-options button{height:44px;display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid #dfe6da;border-radius:8px;padding:0 12px;color:#516352;font-size:12px;font-weight:700}.payment-options button span{flex:1}.payment-options button.active{border-color:#2d7a47;background:#f0f7ed;color:#1b6036}.primary-button{width:100%;background:#174c34;color:#fff;border:0;border-radius:8px;padding:15px;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;gap:10px}.primary-button:hover:not(:disabled){background:#236a45}.primary-button:disabled{background:#9cb5a1}.booking-message,.admin-message{margin-top:12px;padding:11px;border-radius:7px;background:#edf5eb;color:#245437;font-size:12px;line-height:1.4}.card-foot{display:flex;gap:7px;align-items:center;color:#9aa69a;font-size:10px;margin-top:17px;line-height:1.3}.info-card{background:#e8eddf;border-radius:14px;padding:24px;color:#405545}.info-card>svg{color:#2f7047}.info-card h3{font-family:Oswald,sans-serif;text-transform:uppercase;margin:11px 0;font-size:20px}.info-card ol{padding-left:19px;font-size:12px;line-height:1.9;font-weight:700}.info-card p{font-size:11px;line-height:1.6;color:#758476;margin:0}.empty-panel{background:#fff;border-radius:15px;padding:80px 25px;text-align:center;border:1px solid #e7eae2;color:#6d7b6f}.empty-panel h2{font:600 32px Oswald,sans-serif;text-transform:uppercase;color:#153e2b;margin:14px 0}.empty-panel p{font-size:13px}.empty-panel a{display:inline-flex;align-items:center;gap:6px;color:#206a42;font-size:12px;font-weight:800;text-decoration:none;margin-top:12px}.empty-icon{margin:auto;background:#e8f1e8;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#2c7248}.notice{background:#fff;border-radius:8px;padding:15px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.notice.error{border-left:4px solid #b85d40}.notice button{background:none;border:0;display:flex;align-items:center;gap:6px;color:#295d3b}footer{background:#102f25;color:#96ad9e;padding:27px 0;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#071b15b8;z-index:10;display:flex;justify-content:center;align-items:center;padding:15px}.admin-modal{background:#f7f8f4;border-radius:15px;width:min(730px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 80px #0005}.admin-header{display:flex;justify-content:space-between;align-items:start;background:#123929;color:#fff;padding:21px 25px}.admin-header h2{margin:5px 0 0}.icon-button{border:0;background:#ffffff18;color:#fff;border-radius:8px;width:36px;height:36px;display:grid;place-items:center}.admin-body{padding:24px}.admin-body.login{max-width:370px;margin:auto;padding:38px 20px 45px}.login>svg{color:#2d754a}.login p{font-size:13px;color:#728375;margin:14px 0 25px}.login label{display:block;font-size:12px;font-weight:800;margin-bottom:15px}.login input{margin-top:7px}.admin-toolbar{display:flex;justify-content:space-between;gap:10px}.admin-toolbar select{max-width:420px}.text-button{border:0;background:none;color:#577162;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.admin-stats>div{background:#fff;border:1px solid #e4eae0;border-radius:9px;padding:14px}.admin-stats strong{font:600 24px Oswald,sans-serif;color:#205f3d;display:block}.admin-stats span{font-size:10px;color:#829083}.admin-body h3{font:600 22px Oswald,sans-serif;text-transform:uppercase;margin:22px 0 9px;color:#203c29}.entries-list{max-height:240px;overflow:auto;background:#fff;border:1px solid #e3e9e0;border-radius:9px}.entry{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid #eef0ec}.entry:last-child{border-bottom:0}.entry>b{font:600 18px Oswald,sans-serif;color:#47745a;width:35px}.entry>div{flex:1}.entry strong{display:block;font-size:12px}.entry small{font-size:10px;color:#8a978d}.mini-button{display:flex;gap:5px;align-items:center;color:#20663f;background:#e9f5e9;border:0;border-radius:6px;padding:8px;font-size:10px;font-weight:800}.paid-check{color:#309050}.cancel-button{border:0;background:none;color:#a8b3a9;padding:5px}.cancel-button:hover{color:#bb5b48}.muted{font-size:12px;color:#9aa69b;padding:12px}.debt-box{background:#fff9e8;border:1px solid #f0e3b7;border-radius:9px;padding:3px 15px 13px;margin-top:15px}.debt-box>div{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.debt-box h3{font-size:17px}.admin-block{background:#fff;border:1px solid #e3e9e0;border-radius:9px;padding:4px 15px 16px;margin-top:17px}.admin-block p{color:#879587;font-size:11px;margin:0 0 13px}.admin-block small{color:#8b978e}.result-form{display:flex;align-items:center;gap:7px}.result-form input{max-width:87px}.result-form button{background:#194e33;border:0;border-radius:7px;color:#fff;font-size:11px;font-weight:800;padding:13px}.new-game-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.new-game-form .primary-button{padding:10px}.new-game-form input{min-width:0}@media(max-width:960px){.main-grid{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}.hero-number{right:0;font-size:170px}.hero h1{font-size:63px}}@media(max-width:650px){.container{padding-left:15px;padding-right:15px}.site-header{height:70px}.brand-mark{width:43px;height:43px}.brand strong{font-size:13px}.header-link{padding:9px}.header-link span{display:none}.hero{height:345px}.hero-inner{padding-top:35px}.hero h1{font-size:53px}.hero p{font-size:13px;max-width:310px}.hero-meta{gap:12px;font-size:10px;flex-wrap:wrap}.hero-number{font-size:110px;top:90px;right:-20px}.content{margin-top:-33px}.match-card{padding:17px 15px}.match-line{grid-template-columns:1fr 65px 1fr;gap:5px}.team{gap:5px;flex-direction:column!important;text-align:center!important}.team strong{font-size:15px}.team-badge{height:35px;width:35px;font-size:12px;border-width:2px}.versus{font-size:22px}.versus small{font-size:9px;line-height:1.3}.section-heading h2{font-size:28px}.board-wrap{padding:8px}.board{gap:3px}.cell{aspect-ratio:.87;border-radius:4px}.cell-num{font-size:7px;left:3px;top:3px}.cell-name{font-size:7px}.cell-score{font-size:7px;bottom:1px;right:2px}.cell svg{width:12px}.side{grid-template-columns:1fr}.booking-card{padding:22px}.footer-inner{flex-direction:column}.admin-body{padding:15px}.admin-stats{grid-template-columns:repeat(2,1fr)}.new-game-form{grid-template-columns:1fr}.admin-toolbar{flex-direction:column}.admin-toolbar select{max-width:none}.entry{gap:6px}.mini-button{font-size:9px}.result-form input{max-width:65px}}:root{scroll-behavior:smooth}.mobile-name,.mobile-continue{display:none}.cell.held{background:#faf1dc;color:#9a762e;border-color:#e7d8ac}.cell-reserved{font-size:9px;font-weight:800;letter-spacing:.01em}.legend-held{background:#faf1dc;border-color:#e7d8ac!important}.debt-box>.debt-person{display:block;border-top:1px solid #eadfb9;padding:10px 0}.debt-person-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;color:#3b4d37}.debt-person-head strong{color:#80672d}.debt-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;color:#687765;font-size:10px}.debt-line span{min-width:0}.debt-box .muted{padding:2px 0 4px;margin:0}@media(max-width:650px){.content{padding-bottom:110px}.board-wrap{padding:6px}.board{gap:3px}.cell{aspect-ratio:.88;touch-action:manipulation}.cell-name.desktop-name{display:none}.cell-name.mobile-name{display:block;font-size:8px;line-height:1.1;max-width:95%;text-align:center}.cell-reserved{font-size:7px}.cell-num{font-size:8px}.booking-card{scroll-margin-top:16px}.mobile-continue{position:fixed;display:flex;align-items:center;justify-content:space-between;gap:15px;left:0;right:0;bottom:0;z-index:5;background:#fff;border-top:1px solid #dce6d9;box-shadow:0 -8px 25px #102f2523;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.mobile-continue strong{display:block;font-size:13px;color:#163f2b}.mobile-continue small{display:block;font-size:11px;color:#839185;margin-top:2px}.mobile-continue button{border:0;background:#174c34;color:#fff;border-radius:9px;min-width:130px;min-height:45px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800}.match-line{grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr)}.team strong{overflow-wrap:anywhere}}@media(max-width:380px){.container{padding-left:10px;padding-right:10px}.board-wrap{padding:5px}.board{gap:2px}.cell-name.mobile-name{font-size:7px}.match-card{padding-left:10px;padding-right:10px}}
