:root{--bg:#08110e;--panel:#101d18;--panel2:#14251d;--green:#b9f27c;--green2:#7fc65c;--white:#f3f5ef;--muted:#9aa99f;--line:#2a3a31;--red:#ff9b91}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 max(calc((100vw - 1180px)/2),5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c2a22}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--green);color:#0b1710;border-radius:12px;font:800 24px Outfit,sans-serif}.brand b{display:block;font:700 15px Outfit,sans-serif;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.3px;margin-top:4px}.top-cta{border:1px solid #435548;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:700}.top-cta span{color:var(--green);margin-left:12px}.hero{max-width:1180px;margin:auto;padding:72px 28px 62px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:485px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:var(--green);display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #b9f27c}.hero h1{font:700 clamp(54px,6.5vw,82px)/.98 Outfit,sans-serif;letter-spacing:-3px;margin:23px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{max-width:420px;color:#aab8ae;line-height:1.8;font-size:15px}.primary-link{display:inline-flex;align-items:center;gap:30px;background:var(--green);color:#101b12;border-radius:7px;padding:15px 19px;margin-top:17px;font-size:13px;font-weight:800}.hours{display:flex;align-items:center;gap:12px;margin-top:40px}.hours-icon{font-size:26px;color:var(--green)}.hours b,.hours small{display:block}.hours b{font-size:12px}.hours small{font-size:11px;color:var(--muted);margin-top:5px}.hero-art{height:330px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px;background:radial-gradient(ellipse at 52% 48%,#1a3827 0%,#0d1d15 45%,transparent 72%);overflow:hidden}.light-beam{position:absolute;top:0;left:25%;width:50%;height:80%;background:linear-gradient(180deg,#e5ffb50d,transparent);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%)}.table{width:88%;transform:rotateX(8deg) rotateZ(-3deg);filter:drop-shadow(0 22px 14px #0009)}.table-rail{background:linear-gradient(140deg,#b18a53,#5d3c21 30%,#2a2118 75%,#947045);padding:13px;border-radius:13px;box-shadow:inset 0 0 0 2px #d1ac72}.felt{height:190px;background:radial-gradient(ellipse at 50% 45%,#17643c,#0c4229 80%);border:2px solid #2b8655;position:relative;box-shadow:inset 0 0 20px #061e12}.pocket{position:absolute;width:18px;height:18px;background:#050906;border-radius:50%;box-shadow:inset 0 1px 3px #000}.p1{top:-4px;left:-4px}.p2{top:-4px;left:calc(50% - 9px)}.p3{top:-4px;right:-4px}.p4{bottom:-4px;left:-4px}.p5{bottom:-4px;left:calc(50% - 9px)}.p6{bottom:-4px;right:-4px}.ball{position:absolute;width:15px;height:15px;border-radius:50%;box-shadow:inset -4px -4px 4px #0006,inset 3px 3px 4px #fff8,0 2px 4px #0007}.ball-white{left:27%;top:50%;background:#f5f2df}.ball-yellow{left:62%;top:32%;background:#e8cf25}.ball-red{left:68%;top:44%;background:#d62e2e}.ball-blue{left:63%;top:56%;background:#326fca}.ball-black{left:73%;top:58%;background:#101313}.ball-green{left:74%;top:34%;background:#2e9a4c}.ball-orange{left:69%;top:68%;background:#e98b2b}.ball-purple{left:78%;top:46%;background:#8952bb}.table-line{position:absolute;top:0;bottom:0;left:30%;border-left:1px solid #b8e6c322}.art-caption{position:absolute;bottom:4px;left:8%;right:8%;display:flex;justify-content:space-between;color:#8ba293;font-size:9px;letter-spacing:2px}.art-caption span{color:var(--green);font-size:15px}.price-strip{max-width:1124px;margin:0 auto;padding:20px 25px;background:#101c16;border:1px solid #25372b;border-radius:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.price-strip>div{display:flex;align-items:center;gap:12px}.mini-icon{display:grid;place-items:center;color:var(--green);font-size:22px;width:38px;height:38px;background:#1b3022;border-radius:10px}.snooker-icon{font-size:25px}.price-strip b,.price-strip small{display:block}.price-strip b{font-size:13px}.price-strip small{font-size:10px;color:var(--muted);margin-top:4px}.price-strip strong{margin-left:auto;font:600 20px Outfit,sans-serif;white-space:nowrap}.price-strip strong small{display:inline;color:var(--muted);font:400 10px 'DM Sans',sans-serif}.pay-note{border-left:1px solid var(--line);padding-left:22px}.pay-note>span:first-child{color:var(--green);font-size:23px}.booking-section,.how-section{max-width:1124px;margin:0 auto;padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2,.how-section h2{font:600 clamp(32px,4vw,46px)/1.1 Outfit,sans-serif;letter-spacing:-1.2px;margin:13px 0}.section-heading p{color:var(--muted);font-size:13px}.step-badge{border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.step-badge span{color:var(--green);margin-right:10px}.booking-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:stretch}.booking-card{background:#101b16;border:1px solid #27372c;border-radius:14px;padding:28px}.field{margin-bottom:25px}.field>label,.label-row>label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.game-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-option{position:relative;display:flex;align-items:center;gap:11px;border:1px solid #34473a;border-radius:9px;padding:14px;cursor:pointer;transition:.2s}.game-option input{position:absolute;opacity:0}.game-option.selected{border-color:var(--green);background:#1a2b20}.option-symbol{font-size:24px;color:var(--green)}.game-option b,.game-option small{display:block}.game-option b{font-size:13px}.game-option small{font-size:10px;color:var(--muted);margin-top:4px}.radio-mark{margin-left:auto;width:14px;height:14px;border:1px solid #63766a;border-radius:50%}.selected .radio-mark{border:4px solid var(--green)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-col label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}input,select{width:100%;background:#0b1510;border:1px solid #34463a;border-radius:8px;color:var(--white);padding:13px;font:500 12px 'DM Sans',sans-serif;min-height:44px}input:focus,select:focus{outline:1px solid var(--green);border-color:var(--green)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}.label-row{display:flex;justify-content:space-between;align-items:center}.availability-key{font-size:10px;color:var(--muted)}.availability-key i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:5px}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slot{background:#0b1510;border:1px solid #35473b;color:#e5ece5;border-radius:7px;padding:11px 3px;font-size:11px;cursor:pointer}.slot:hover:not(:disabled),.slot.active{border-color:var(--green);background:#233a27;color:var(--green)}.slot:disabled{opacity:.32;text-decoration:line-through;cursor:not-allowed}.slots-message{grid-column:1/-1;color:var(--muted);font-size:12px;padding:15px;border:1px dashed #34463a;border-radius:8px;text-align:center;line-height:1.6}.phone-input{margin-top:10px}.total-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0}.total-row small,.total-row strong{display:block}.total-row small{font-size:10px;color:var(--muted);margin-bottom:5px}.total-row strong{font:700 27px Outfit,sans-serif;color:var(--green)}.total-row>span{font-size:11px;color:var(--muted)}.submit-btn{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:var(--green);color:#0a160e;border-radius:8px;padding:16px 18px;font:700 13px 'DM Sans',sans-serif;cursor:pointer}.submit-btn:hover{background:#d0ffa0}.submit-btn:disabled{opacity:.6;cursor:wait}.submit-btn span{font-size:18px}.fine-print{font-size:10px;color:#8d9b90;line-height:1.7;margin:13px 0 0}.form-message{padding:12px;border-radius:7px;font-size:12px;margin-top:14px;line-height:1.5}.error{color:#ffd0cb;background:#45231f;border:1px solid #6a3831}.booking-aside{display:flex;flex-direction:column}.aside-card{flex:1;background:linear-gradient(155deg,#1b3023,#101a14 70%);border:1px solid #2b4231;border-radius:14px;padding:28px}.aside-number{font:600 12px Outfit,sans-serif;letter-spacing:2px;color:#78917c}.aside-card h3{font:600 29px/1.12 Outfit,sans-serif;letter-spacing:-.7px;margin:22px 0 12px}.aside-card>p{font-size:12px;color:var(--muted);line-height:1.8}.aside-divider{height:1px;background:#2d4032;margin:25px 0}.aside-detail{display:flex;gap:12px;margin:18px 0}.aside-detail>span{color:var(--green);font-size:20px;width:20px}.aside-detail b,.aside-detail small{display:block}.aside-detail b{font-size:12px}.aside-detail small{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.aside-bottom{padding:20px 5px 0;color:#778b7c;font-size:9px;letter-spacing:1.4px;text-align:center}.how-section{border-top:1px solid #203026;padding-top:65px;padding-bottom:85px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.how-grid>div{padding:23px;border:1px solid var(--line);border-radius:10px;background:#0d1812}.how-grid span{color:var(--green);font:600 13px Outfit,sans-serif}.how-grid h3{font:600 18px Outfit,sans-serif;margin:20px 0 9px}.how-grid p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}footer{border-top:1px solid #203026;padding:25px max(calc((100vw - 1124px)/2),5vw);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px}footer>a:last-child{color:var(--green)}.modal{position:fixed;inset:0;background:#020805d9;backdrop-filter:blur(7px);z-index:10;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{width:min(100%,450px);background:#101d16;border:1px solid #35513a;border-radius:16px;padding:30px}.success-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#102015;font-size:25px;margin-bottom:25px}.modal-card h2{font:600 31px Outfit,sans-serif;margin:12px 0}.modal-card>p{color:var(--muted);font-size:12px;line-height:1.7}.confirm-details{padding:15px;background:#0a140e;border-radius:8px;margin:20px 0}.confirm-details div{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:8px 0;border-bottom:1px solid #23342a}.confirm-details div:last-child{border-bottom:0}.confirm-details span{color:var(--muted)}.confirm-details b{text-align:right}.success-ref{color:var(--green)!important;font-weight:700}@media(max-width:900px){.hero{gap:20px;padding-top:55px}.hero-art{height:280px}.felt{height:155px}.price-strip{margin:0 20px}.booking-section,.how-section{margin:0 25px;padding:75px 0}.booking-layout{grid-template-columns:1fr .75fr}.booking-card,.aside-card{padding:21px}.slots{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.topbar{height:70px;padding:0 18px}.brand-mark{width:37px;height:37px}.top-cta{padding:10px 13px;font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:50px 22px 30px;gap:20px}.hero h1{font-size:62px}.hero-art{height:245px}.felt{height:145px}.table{width:90%}.price-strip{grid-template-columns:1fr 1fr;margin:0 15px;padding:16px;gap:17px}.price-strip>div{gap:9px}.price-strip strong{font-size:17px}.price-strip .pay-note{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.booking-section,.how-section{margin:0 16px;padding:65px 0}.section-heading{display:block}.step-badge{display:inline-block;margin-top:10px}.booking-layout{grid-template-columns:1fr}.booking-card{padding:19px}.booking-aside{order:2}.slots{grid-template-columns:repeat(4,1fr)}.slot{font-size:10px;padding:10px 1px}.two-col{gap:10px}.game-option{padding:11px 8px;gap:7px}.option-symbol{font-size:20px}.game-option b{font-size:12px}.game-option small{font-size:9px}.how-grid{grid-template-columns:1fr;gap:10px}.how-grid>div{padding:19px}.how-grid h3{margin:12px 0 7px}footer{padding:23px 18px;flex-wrap:wrap}footer .brand{width:100%}.hero-copy>p{font-size:14px}.aside-card h3{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.happy-rate{display:block;margin-top:5px;color:#65dca0;font-size:.75rem;line-height:1.4}
/* Booking receipt sharing panel */
.receipt-instructions{margin:0 0 18px!important;font-size:12px!important;line-height:1.75!important;color:#aab8ae!important}
.receipt-details{margin:18px 0 14px;padding:15px;background:#0a140e;border-radius:9px}
.receipt-share-note{font-size:12px!important;line-height:1.7!important;margin:14px 0!important}
.receipt-whatsapp{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:9px;background:#17243a;border:1px solid #2c3c59;font-size:11px;color:#aab8c8;margin:16px 0}
.receipt-whatsapp b{color:var(--green);font-size:13px;white-space:nowrap}
.receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 10px}
.receipt-button{min-height:58px;padding:12px;border-radius:9px;border:1px solid #2c3c59;background:#17243a;color:#f3f5ef;font:700 12px/1.45 'DM Sans',sans-serif;cursor:pointer}
.receipt-button:hover{border-color:var(--green)}
.receipt-primary{background:var(--green);border-color:var(--green);color:#0a160e}
.receipt-help{font-size:10px!important;line-height:1.7!important;color:#9aa99f!important;margin:10px 0 20px!important}
#confirmation .modal-card{max-height:calc(100dvh - 32px);overflow-y:auto}
@media(max-width:500px){#confirmation.modal{padding:12px}.modal-card{padding:21px}.modal-card h2{font-size:27px}.receipt-actions{grid-template-columns:1fr}.receipt-button{min-height:48px}}

.date-format-hint{display:block;font-size:11px;opacity:.7;margin-top:2px}
