/* ASC identity and short, silent snooker introduction. */
.brand{display:flex;align-items:center;gap:14px;width:max-content;line-height:1;flex-shrink:0}
.brand .asc-emblem{display:block;position:relative;top:auto;font-size:inherit;width:108px;height:67px}
.brand .asc-letters{display:block;position:absolute;top:0;left:0;font:italic 64px/.9 ImpactLocal,Impact,'Arial Narrow',sans-serif;letter-spacing:-3px;color:#f0f1e9}
.brand .asc-cue{position:absolute;display:block;left:3px;top:60px;width:88px;height:3px;background:#d4f16b;transform:rotate(-5deg);border-radius:2px}
.brand .asc-ball{display:block;position:absolute;top:54px;right:0;width:9px;height:9px;background:#d4f16b;border-radius:50%}
.brand small{font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.6px;display:block;margin:0;color:#d6ddcc}
.header{gap:24px}.header nav{margin-left:auto}.header .brand{font-size:inherit}
.space-card>.round-arrow{top:25px;right:25px;bottom:auto;z-index:2;background:#111b13c9}
.space-card-bottom{right:26px;left:26px}.space-card h3{font-size:clamp(37px,4.4vw,60px);overflow-wrap:normal}
.brand-intro{inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:32px 5%;border:0;border-radius:0;background:#0c140f;color:#edf1e7;overflow:hidden}
.brand-intro::backdrop{background:#0c140f}
.brand-intro[open]{display:flex;flex-direction:column;justify-content:space-between}
.intro-top,.intro-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#a8b69a;gap:16px}
.intro-top button{background:transparent;color:#d4f16b;border:1px solid #4b5c40;padding:12px 16px;font-size:11px;letter-spacing:.5px}
.intro-content{align-self:center;width:min(420px,88vw);text-align:center;margin:20px 0}
.intro-content>.eyebrow{font-size:9px;color:#9eae8e;letter-spacing:3px;margin-bottom:27px}
.intro-brand{position:relative;display:flex;justify-content:center;height:119px}
.intro-brand .asc-emblem{display:block;position:relative;width:220px;height:110px}
.intro-brand .asc-letters{font:italic 130px/.85 ImpactLocal,Impact,'Arial Narrow',sans-serif;letter-spacing:-6px;position:absolute;left:0;top:0}
.intro-brand .asc-cue{position:absolute;left:7px;bottom:0;width:183px;height:4px;background:#d4f16b;transform:rotate(-5deg)}
.intro-brand .asc-ball{position:absolute;right:0;bottom:1px;width:15px;height:15px;border-radius:50%;background:#d4f16b}
.intro-brand small{display:none}.intro-content h2{font:700 11px/1.5 Arial,sans-serif;letter-spacing:4px;margin:18px 0 28px}
.intro-table{position:relative;width:100%;height:135px;background:#162d20;border:6px solid #29392c;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 24px #05120a88}
.table-baulk{position:absolute;left:25%;top:0;bottom:0;border-left:1px solid #697e5d40}
.table-baulk:after{content:'';position:absolute;top:30px;right:0;width:35px;height:60px;border:1px solid #697e5d40;border-radius:100% 0 0 100%}
.intro-pocket{position:absolute;top:50%;right:-8px;width:23px;height:23px;border-radius:50%;background:#060c07;transform:translateY(-50%)}
.intro-white-ball,.intro-red-ball{position:absolute;width:14px;height:14px;top:calc(50% - 7px);border-radius:50%;box-shadow:2px 3px 3px #0006}
.intro-white-ball{left:27%;background:radial-gradient(circle at 30% 25%,#fff,#c1c8b9)}
.intro-red-ball{left:65%;background:radial-gradient(circle at 30% 25%,#e9544e,#a3141a)}
.intro-cue-stick{position:absolute;left:-14%;width:39%;top:calc(50% - 2px);height:4px;background:linear-gradient(90deg,#794829,#d1ae76 88%,#c5e3d5 90%);border-radius:2px}
.playing .intro-cue-stick{animation:cue-strike 2.4s ease-out both}.playing .intro-white-ball{animation:cue-roll 2.4s ease-out both}.playing .intro-red-ball{animation:red-pot 2.4s ease-out both}
@keyframes cue-strike{0%,15%{transform:translateX(-8%)}25%{transform:translateX(4%)}45%,100%{transform:translateX(-50%);opacity:0}}
@keyframes cue-roll{0%,25%{left:27%}56%,100%{left:calc(65% - 14px)}}
@keyframes red-pot{0%,53%{left:65%;opacity:1;transform:scale(1)}80%{left:calc(100% - 10px);opacity:1;transform:scale(1)}90%,100%{left:calc(100% - 5px);opacity:0;transform:scale(.35)}}
.intro-progress-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#b3c1a7;margin:24px 0 10px}
#intro-progress{display:block;width:100%;height:3px;border:0;background:#30402b;appearance:none;accent-color:#d4f16b}
#intro-progress::-webkit-progress-bar{background:#30402b}#intro-progress::-webkit-progress-value{background:#d4f16b}#intro-progress::-moz-progress-bar{background:#d4f16b}
.intro-tagline{font-size:8px;letter-spacing:1.4px;margin:18px 0 0;color:#778b70}
.sound-control{margin-left:auto;background:none;color:#c9d9b9;font:10px Arial;text-decoration:underline;text-underline-offset:3px;padding:0}
.wizard-steps{align-items:center;flex-wrap:wrap;gap:12px}
.whatsapp-consent{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#24331e;margin:20px 0;font-size:13px}
.whatsapp-consent input{margin:2px 0 0;width:17px;height:17px;accent-color:#d4f16b;flex-shrink:0}
.whatsapp-consent small{display:block;font-size:11px;line-height:1.5;margin-top:6px;color:#afc0a0}
.notification-centre{margin:35px 0}.notification-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}
.notification-heading h3{font-size:27px;margin:10px 0}.notification-heading p:not(.eyebrow){font-size:12px;color:#b5c4a8;max-width:630px}
.notification-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.notification-filters button{border:1px solid #4b5d3d;background:none;color:#b5c6a7;padding:10px 18px;font-size:12px;border-radius:30px}
.notification-filters button.active{background:#d4f16b;color:#15220e;border-color:#d4f16b}
.notification-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:760px;overflow:auto;padding:2px}
.notification-list>.empty{grid-column:1/-1}.notification-card{padding:22px;background:#1b291a;border:1px solid #3d5233;border-left:3px solid #506244;min-width:0}
.notification-card.unread{border-left-color:#d4f16b}.notification-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;color:#cde995}
.notification-card h4{font-size:17px;margin:16px 0 12px;line-height:1.4}.notification-card p{font-size:12px;white-space:pre-line;line-height:1.8;color:#c1cdb6;overflow-wrap:anywhere}.notification-card small{font-size:9px;color:#95a889;display:block;margin-top:15px}
.whatsapp-desk{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-top:40px}
.whatsapp-copy h2{margin:23px 0;font-size:clamp(42px,5vw,70px)}.whatsapp-copy>p:not(.eyebrow){color:#b6c7a7;font-size:13px;max-width:400px}.whatsapp-copy ol{padding-left:20px;font-size:13px;line-height:2.3;color:#d2dec7;margin:25px 0}
.chat-window{background:#10221b;border:1px solid #3f5947;border-radius:16px;overflow:hidden;box-shadow:0 15px 60px #0003}
.chat-header{background:#284734;display:flex;align-items:center;gap:12px;padding:18px}.chat-avatar{background:#d4f16b;color:#182719;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font:italic 19px Impact,sans-serif}.chat-header strong{font-size:14px}.chat-header small{display:block;font-size:10px;color:#b9cdbf;margin-top:3px}.chat-header>span:last-child{margin-left:auto}
.chat-transcript{padding:22px;max-height:620px;overflow:auto;background-image:radial-gradient(#75977018 .8px,transparent .8px);background-size:16px 16px}.chat-date{text-align:center;font-size:8px;letter-spacing:1.5px;color:#9cb6a4;margin-bottom:18px}
.chat-bubble{background:#284235;border-radius:0 12px 12px 12px;padding:17px;margin:0 25px 16px 0;color:#e0ebdd;max-width:100%}.chat-bubble strong{font-size:12px;color:#d4f16b}.chat-bubble p{font-size:12px;line-height:1.8;margin:5px 0;overflow-wrap:anywhere}.chat-bubble.outgoing{background:#385b38;border-radius:12px 0 12px 12px;margin:0 0 16px 25px}.chat-composer{padding:18px;border-top:1px solid #34543f}.chat-composer small{display:block;text-align:center;font-size:9px;color:#9eb5a0;margin-top:10px}.chat-link{display:block;background:none;color:#d4f16b;padding:10px 0 0;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.workspace-tabs{gap:22px;overflow-x:auto;white-space:nowrap}.workspace-tabs button{flex-shrink:0}
.footer-bottom{flex-wrap:wrap}.footer-bottom button:first-of-type{margin-left:0}
@media(max-width:1050px){.brand small{font-size:8px;letter-spacing:1px}.brand{gap:10px}.header .brand .asc-emblem{width:82px;height:55px}.header .brand .asc-letters{font-size:51px;letter-spacing:-2px}.header .brand .asc-cue{top:48px;width:65px}.header .brand .asc-ball{top:43px;width:8px;height:8px}.header nav{gap:15px}.header{gap:18px}.header nav a,.header nav button{font-size:11px}.whatsapp-desk{gap:25px}}
@media(max-width:720px){.header .brand{gap:9px}.header .brand .asc-emblem{width:70px;height:47px}.header .brand .asc-letters{font-size:43px;letter-spacing:-2px}.header .brand .asc-cue{top:40px;width:54px}.header .brand .asc-ball{top:36px;width:7px;height:7px}.header .brand small{font-size:7px;letter-spacing:.7px}.header{gap:12px}.notification-list{grid-template-columns:1fr;max-height:650px}.notification-heading{display:block}.notification-heading .button{margin-top:15px}.whatsapp-desk{grid-template-columns:1fr;gap:22px}.space-card h3{font-size:43px}.brand-intro{padding:22px 6%}.intro-top,.intro-bottom{font-size:8px;letter-spacing:1px}.intro-table{height:120px}.intro-content{width:min(340px,88vw)}.intro-content h2{font-size:10px;letter-spacing:2.6px}.footer-main .brand{grid-column:1/-1}.footer-main>p{justify-self:start}.notification-meta{font-size:8px;letter-spacing:.5px}}
@media(max-width:360px){.header .brand small{display:none}.header{gap:10px}.space-card-bottom{left:20px;right:20px}.space-card h3{font-size:38px}}
@media(max-height:650px){.intro-content{margin:10px 0}.intro-content>.eyebrow{margin-bottom:16px}.intro-brand{height:90px}.intro-brand .asc-emblem{transform:scale(.75);transform-origin:top center}.intro-content h2{margin:12px 0 15px}.intro-table{height:96px}.intro-progress-head{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.playing .intro-cue-stick,.playing .intro-white-ball,.playing .intro-red-ball{animation:none}}
.room-day{border:1px solid #48613b;background:#111c15;padding:20px;margin-top:22px}.room-day-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.room-day-heading h3{font-size:26px;margin:8px 0}.room-day-heading p:not(.eyebrow){color:#bac7b0;font-size:12px}.hour-badge{font-size:10px;line-height:1.5;letter-spacing:1px;text-align:right;color:#d4f16b}.room-day-key{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;margin:22px 0 13px;color:#b5cba3}.room-day-key span:nth-child(2){color:#d2a784}.room-day-key span:nth-child(3){color:#d4f16b}.hour-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.hour-slot{border:1px solid #49613b;background:#1d3020;color:#dce8d2;text-align:left;padding:11px 9px;min-height:67px;cursor:pointer}.hour-slot strong{display:block;font-size:13px}.hour-slot strong small{font-size:10px;font-weight:400;color:inherit}.hour-slot>span{display:block;font-size:10px;line-height:1.5;margin-top:5px}.hour-slot:disabled{cursor:default;background:#182019;color:#81917d;border-color:#34432f}.hour-slot.reserved:disabled{background:#392d22;color:#e0ba97;border-color:#664e36}.hour-slot.selected{background:#d4f16b;color:#182211;border-color:#d4f16b}.hour-slot:focus-visible{outline:2px solid white;outline-offset:2px}.hour-slot:not(:disabled):hover{border-color:#e6ff9f;box-shadow:inset 0 0 0 1px #e6ff9f}.room-reservations{margin-top:22px;border-top:1px solid #425738;padding-top:16px;font-size:12px}.room-reservations>strong{font-size:12px;color:#d4f16b}.room-reservations p{margin-top:12px;font-size:11px;color:#b5c5aa;line-height:1.7}.room-reservations p>span{display:block;color:#e0ba97}.room-reservations b{font-weight:400;display:block}.room-day .form-note{margin-top:18px}@media(max-width:520px){.room-day{padding:14px}.hour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hour-slot{padding:9px 7px}.hour-slot strong{font-size:12px}.hour-slot strong small{font-size:9px}.room-day-key{gap:9px;font-size:9px}.hour-badge{font-size:9px}.room-day-heading h3{font-size:23px}}
.hour-slot:disabled{opacity:1}
.feature-space{isolation:isolate}.feature-space:after{pointer-events:none;background:linear-gradient(0deg,rgba(7,16,9,.98),rgba(7,16,9,.65) 42%,transparent 83%)}.private-book-button{width:100%;margin-top:22px;min-height:56px;text-align:left;font-size:13px;border:1px solid #d4f16b}.private-book-button:hover{background:#e2ff82}.private-book-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.feature-space .space-card-bottom{bottom:26px}.feature-space .space-number{z-index:1}@media(max-width:720px){.feature-space{min-height:430px}.private-book-button{margin-top:20px}}@media(prefers-reduced-motion:reduce){.private-book-button,.feature-space>img{transition:none}.private-book-button:hover{transform:none}}
