@import url('https://fonts.googleapis.com/css2?family=Butcherman&family=Creepster&family=DM+Sans:wght@400;500;600;700&family=Unbounded:wght@500;600;700&display=swap');
:root{--ink:#f5f4ef;--muted:#a6a49e;--bg:#080909;--panel:#111313;--panel2:#181a19;--line:#2a2d2b;--acid:#d8ff42;--acid2:#8fbf20;--red:#ff655f;--amber:#ffbd59;--cyan:#6ce5e8;--shadow:0 24px 80px #0008;--radius:20px;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -10%,#263015 0,transparent 30%),linear-gradient(145deg,#070808,#0d0f0e 55%,#070807);color:var(--ink)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}.hidden,[hidden]{display:none!important}:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.skip{position:fixed;left:16px;top:-80px;background:var(--acid);color:#10110c;padding:12px 18px;z-index:99;border-radius:10px}.skip:focus-visible{top:16px}
.public-shell{min-height:100vh;display:grid;grid-template-columns:minmax(310px,42%) 1fr}.brand-stage{min-height:100vh;padding:clamp(28px,5vw,72px);position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ffffff14;background:linear-gradient(180deg,#1113,#0009),radial-gradient(circle at 50% 35%,#4b541f55,transparent 32%)}.brand-stage:before{content:'';position:absolute;inset:0;opacity:.2;background-image:linear-gradient(30deg,#fff 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(#000,transparent)}.brand-logo{width:min(290px,70%);filter:drop-shadow(0 0 30px #fff5);position:relative}.hero-copy{position:relative}.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--acid)}h1,h2,h3{font-family:'Unbounded',sans-serif;letter-spacing:-.035em;margin:0}h1{font-size:clamp(38px,5vw,76px);line-height:.96;max-width:720px}.hero-copy p{font-size:clamp(16px,2vw,21px);line-height:1.6;color:#d5d4ce;max-width:590px}.brand-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:14px;position:relative}.booking-side{padding:clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:center}.booking-card{width:min(760px,100%);background:#111313e8;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.booking-head{padding:28px 32px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.booking-head h2{font-size:22px}.progress{height:4px;background:#252725}.progress span{display:block;height:100%;background:var(--acid);width:20%;transition:width .35s ease}.step{padding:32px;animation:rise .3s ease}.step-title{font-size:clamp(22px,4vw,34px);margin-bottom:9px}.step-copy{margin:0 0 26px;color:var(--muted);line-height:1.5}.field{display:grid;gap:8px;margin-bottom:18px}.field>span{font-size:13px;font-weight:700;color:#deddd7}.input,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0b0d0c;color:var(--ink);border-radius:13px;padding:14px 15px;min-height:50px;transition:.2s}.field input:hover,.field select:hover,.field textarea:hover{border-color:#555}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--acid)}.field textarea{min-height:94px;resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.party-picker{display:flex;align-items:center;gap:18px;background:#0b0d0c;border:1px solid var(--line);border-radius:17px;padding:12px}.party-picker button{width:48px;height:48px;border:0;border-radius:12px;background:#252824;color:white;font-size:24px}.party-picker strong{flex:1;text-align:center;font:600 28px 'Unbounded'}.btn{border:1px solid var(--line);border-radius:13px;min-height:48px;padding:0 18px;background:#202321;color:white;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s;text-decoration:none}.btn:hover{transform:translateY(-1px);border-color:#5c615b}.btn-primary{background:var(--acid);color:#11140a;border-color:var(--acid)}.btn-primary:hover{background:#e5ff7a;box-shadow:0 8px 28px #d8ff4233}.btn-danger{color:#ffd2d0;border-color:#673b39;background:#2b1716}.btn-quiet{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.step-actions .btn-primary{margin-left:auto}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{border:1px solid var(--line);background:#0c0e0d;padding:14px;border-radius:14px;text-align:left;color:white}.slot:hover,.slot.selected{border-color:var(--acid);background:#1b2111}.slot strong,.slot span{display:block}.slot span{font-size:12px;color:var(--muted);margin-top:4px}.slot em{font-style:normal;color:var(--acid);font-size:12px}.room-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:16px}.room-tab{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:transparent;color:#ddd;padding:10px 14px}.room-tab.active{background:#f1f0e9;color:#111}.notice{padding:14px 16px;border:1px solid #41433f;background:#191b19;border-radius:13px;color:#d9d8d1;line-height:1.5}.notice.error{border-color:#743c39;background:#281514;color:#ffd2ce}.notice.success{border-color:#4f651e;background:#17200d;color:#eaffb0}.summary{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.summary-row{display:flex;justify-content:space-between;gap:20px;background:#111313;padding:15px 17px}.summary-row span{color:var(--muted)}.summary-row strong{text-align:right}.terms{display:flex;gap:10px;align-items:flex-start;margin:20px 0;color:#cac9c3;font-size:14px}.terms input{margin-top:3px}.empty{padding:34px;text-align:center;border:1px dashed #3a3d39;border-radius:16px;color:var(--muted)}.spinner{width:18px;height:18px;border:2px solid #0004;border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.skeleton{height:56px;border-radius:12px;background:linear-gradient(90deg,#151716,#242724,#151716);background-size:200%;animation:shimmer 1.2s infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200%}}@keyframes rise{from{opacity:0;transform:translateY(8px)}}

/* Admin */
.admin-body{background:#eceee8;color:#182019;color-scheme:light}.admin-body .eyebrow{color:#3f5700}.admin-body .page-head p{color:#555e56}.admin-body .empty{color:#555e56}.admin-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#0d100e;color:#f5f5ef;padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 24px}.sidebar-brand img{width:45px;height:45px;object-fit:contain}.sidebar-brand strong{font-family:'Unbounded';font-size:13px}.sidebar-brand span{display:block;color:#888f89;font-size:11px;margin-top:3px}.nav-group{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:#aeb4af;text-decoration:none;font-weight:600;font-size:14px}.nav-link:hover{background:#181d19;color:white}.nav-link.active{background:var(--acid);color:#15180f}.nav-link i{font-style:normal;width:20px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #252925;padding-top:14px}.admin-main{min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid #dfe2dc;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.topbar h2{font-size:17px}.branch-select{border:1px solid #d7dbd4;background:#f7f8f5;border-radius:10px;padding:10px 12px;color:#273027}.user-chip{display:flex;align-items:center;gap:10px;font-size:13px}.user-avatar{width:34px;height:34px;border-radius:50%;background:#202620;color:var(--acid);display:grid;place-items:center;font-weight:700}.admin-content{padding:32px;max-width:1680px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.page-head h1{font-size:clamp(28px,3vw,44px);color:#111712}.page-head p{color:#687069;margin:8px 0 0}.admin-body .btn{color:#273027;background:white;border-color:#d8dcd5}.admin-body .btn-primary{background:#182019;color:white;border-color:#182019}.admin-body .btn-primary:hover{background:#2d382e}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid #dde1da;border-radius:16px;padding:18px;min-width:0}.stat-card span{font-size:12px;color:#70786f}.stat-card strong{display:block;font:600 28px 'Unbounded';margin-top:9px;color:#172018}.stat-card.accent{background:#1a211b;color:white}.stat-card.accent span{color:#bbc3b9}.stat-card.accent strong{color:var(--acid)}.panel{background:#fff;border:1px solid #dde1da;border-radius:18px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5e8e2}.panel-head h3{font-size:15px}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.admin-body input,.admin-body select,.admin-body textarea{border:1px solid #d5dad2;background:white;color:#1c241d;border-radius:10px;padding:11px 12px;min-height:43px}.admin-body .field>span{color:#384139}.agenda{display:grid}.reservation-row{display:grid;grid-template-columns:90px minmax(180px,1.4fr) 110px minmax(170px,1fr) 120px 120px 38px;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #eceeea;transition:.15s}.reservation-row:hover{background:#f6f8f3}.reservation-row:last-child{border:0}.reservation-row .time{font:600 17px 'Unbounded'}.reservation-row small{display:block;color:#737b73;margin-top:3px}.pill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;background:#edf0eb;color:#4e574f}.pill.confirmed{background:#eaf5cc;color:#3f5d0d}.pill.payment_pending,.pill.payment_review{background:#fff0d6;color:#80530a}.pill.cancelled,.pill.no_show{background:#ffe2df;color:#8b2d29}.pill.arrived,.pill.seated{background:#d9f4f3;color:#14615f}.icon-btn{width:38px;height:38px;border:1px solid #dfe2dc;border-radius:10px;background:#fff;color:#263027}.split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px}.floor{min-height:540px;position:relative;background-color:#f3f5ef;background-image:linear-gradient(#dfe3da 1px,transparent 1px),linear-gradient(90deg,#dfe3da 1px,transparent 1px);background-size:30px 30px;border-radius:0 0 18px 18px}.floor-table{position:absolute;display:grid;place-items:center;border:2px solid #59625a;background:white;color:#202921;box-shadow:0 8px 16px #25301f12;font-weight:700;font-size:12px;user-select:none}.floor-table.round{border-radius:50%}.floor-table.rectangle{border-radius:9px}.floor-table.busy{background:#202820;color:white;border-color:#202820}.floor-table.selected{box-shadow:0 0 0 4px #d8ff42;border-color:#171d17}.side-panel{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.config-card{background:white;border:1px solid #dde1da;border-radius:16px;padding:18px;position:relative}.config-card h3{font-size:15px;margin-bottom:7px}.config-card p{color:#697169;font-size:13px;line-height:1.5;margin:0}.config-card .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tabs{display:flex;gap:7px;border-bottom:1px solid #dde1da;margin-bottom:20px;overflow:auto}.tab{border:0;background:transparent;padding:13px 15px;color:#667067;font-weight:700;border-bottom:3px solid transparent;white-space:nowrap}.tab.active{border-color:#1b241c;color:#172018}.drawer-backdrop{position:fixed;inset:0;background:#0a0d0a66;z-index:30}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(560px,100%);background:white;z-index:31;box-shadow:-20px 0 70px #0003;overflow:auto}.drawer-head{position:sticky;top:0;background:white;border-bottom:1px solid #e2e5df;padding:21px 24px;display:flex;justify-content:space-between;align-items:center;z-index:2}.drawer-body{padding:24px}.activity{border-left:2px solid #dfe3dc;margin-left:7px;padding-left:20px;display:grid;gap:19px}.activity-item{position:relative}.activity-item:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#758076;left:-26px;top:5px;border:2px solid white}.activity-item strong{font-size:13px}.activity-item p{font-size:12px;color:#6f776f;margin:4px 0}.toast{position:fixed;right:24px;bottom:24px;background:#152017;color:white;border-radius:12px;padding:14px 17px;box-shadow:var(--shadow);z-index:80;max-width:380px}.toast.error{background:#711f1b}.mobile-menu{display:none}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(3,1fr)}.reservation-row{grid-template-columns:80px 1fr 90px 130px 38px}.reservation-row>.hide-medium{display:none}.split{grid-template-columns:1fr}.data-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.public-shell{display:block}.brand-stage{position:relative;min-height:440px;border-right:0;gap:24px}.brand-logo{width:180px}.booking-side{padding:16px 14px 30px;margin-top:0;position:relative}.booking-card{border-radius:22px}.grid-2{grid-template-columns:1fr}.slots{grid-template-columns:repeat(2,1fr)}.admin-layout{display:block}.sidebar{position:fixed;left:-280px;z-index:50;width:260px;transition:.25s}.sidebar.open{left:0}.mobile-menu{display:grid}.topbar{padding:0 16px}.admin-content{padding:20px 14px}.stat-grid{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;flex-direction:column}.reservation-row{grid-template-columns:64px 1fr 80px 38px;padding:13px}.reservation-row>.hide-mobile{display:none}.data-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
@media(max-width:430px){.brand-stage{padding:28px 22px;min-height:440px}.hero-copy h1{font-size:38px}.brand-meta{padding-bottom:4px}.booking-head,.step{padding:22px 18px}.slots{grid-template-columns:1fr 1fr}.stat-grid{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:22px}.user-chip span{display:none}}
.week-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));overflow-x:auto;min-height:430px}.week-day{padding:12px;border-right:1px solid #e5e8e2}.week-day:last-child{border:0}.week-day>header{display:flex;justify-content:space-between;text-transform:capitalize;padding:5px 3px 12px}.week-day>header span{background:#edf0eb;border-radius:999px;padding:2px 7px;font-size:11px}.week-booking{display:grid;width:100%;text-align:left;border:1px solid #dce1d8;background:#f7f9f4;color:#1c241d;border-radius:10px;padding:10px;margin-bottom:8px}.week-booking span,.week-booking small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-booking small,.week-empty{color:#6d756d;margin-top:3px}

/* Haunted House public experience */
body:not(.admin-body){--ink:#f4ead9;--muted:#b9afa2;--bg:#080706;--panel:#120f0e;--panel2:#191412;--line:#49332e;--acid:#a7191e;--acid2:#d03336;background:#090706;color-scheme:dark}
body:not(.admin-body):before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
body:not(.admin-body) .skip{background:#94151a;color:#fff5e5}
.booking-started .skip{display:none}
.public-shell{grid-template-columns:minmax(480px,52%) minmax(460px,48%);background:#080706}
.brand-stage{padding:clamp(34px,4.5vw,72px);border-right:1px solid #7e242066;background-image:linear-gradient(90deg,#08070644,#08070618 48%,#080706d9),linear-gradient(0deg,#080706e8 0%,transparent 42%),url('/assets/haunted-hall-v2.jpg?v=20260927-4');background-size:cover;background-position:center;isolation:isolate}
.brand-stage:before{inset:auto -10% -4% -8%;height:34%;opacity:.54;background:radial-gradient(ellipse at 28% 80%,#e9e2d833,transparent 53%),radial-gradient(ellipse at 72% 88%,#dad4cb24,transparent 52%);filter:blur(12px);mask-image:none;animation:fog-drift 14s ease-in-out infinite alternate;z-index:-1}
.brand-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07060666 0%,transparent 30%,#0504035c 65%,#050403dd 100%);pointer-events:none;z-index:-1}
.brand-logo{width:min(275px,60%);filter:drop-shadow(0 5px 28px #000) drop-shadow(0 0 18px #85101455)}
.hero-copy{max-width:610px;text-shadow:0 3px 20px #000}.hero-copy .eyebrow{color:#d7c4ad}
.hero-copy h1{font-family:'Creepster',Georgia,serif;font-weight:400;font-size:clamp(50px,6.2vw,94px);letter-spacing:.012em;line-height:.83;color:#f1e7d5;text-wrap:balance;text-shadow:0 4px 1px #1d0605,0 0 30px #000}
.hero-copy p{color:#d4c9ba;font-size:clamp(15px,1.5vw,19px);max-width:510px}
.brand-meta{color:#e4d8c8;text-shadow:0 2px 12px #000;background:#09070699;border:1px solid #8a463744;border-radius:999px;padding:10px 15px;width:max-content;max-width:100%}
.booking-side{padding:clamp(24px,4vw,64px);background:radial-gradient(circle at 50% 45%,#40100f3d,transparent 55%),linear-gradient(120deg,#090706,#110b0a)}
.mobile-venue-info{display:none}
.booking-card{position:relative;width:min(700px,100%);background:linear-gradient(145deg,#181210f2,#0d0b0af7 70%);border:1px solid #794037;border-radius:6px;box-shadow:0 28px 90px #000c,0 0 0 6px #160d0b,0 0 0 7px #4a2520;overflow:hidden}
.booking-card:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(97deg,transparent 0 11px,#9f776b0a 12px 13px),radial-gradient(circle at 80% 10%,#a3302529,transparent 35%)}.booking-card>*{position:relative}
.booking-head{padding:25px 30px 19px;border-bottom:1px solid #66332d;background:#0c0908b8}.booking-head h2{font-family:Georgia,serif;font-size:25px;letter-spacing:.01em;color:#fff1df}.booking-head #step-count{color:#d1bdae;font-size:13px;white-space:nowrap}
.progress{height:3px;background:#2a1715}.progress span{background:linear-gradient(90deg,#681014,#d22e32);box-shadow:0 0 14px #c31f24}
body:not(.admin-body) .eyebrow{color:#cf3033;letter-spacing:.22em}body:not(.admin-body) h1,body:not(.admin-body) h2,body:not(.admin-body) h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.018em}
body:not(.admin-body) .step{padding:clamp(23px,3vw,36px)}body:not(.admin-body) .step-title{font-size:clamp(28px,3.1vw,42px);color:#fff2df;font-weight:500}.step-copy{color:#bcaea1}
.party-picker{border-color:#5a3831;background:#0a0807;border-radius:5px;box-shadow:inset 0 0 26px #000}.party-picker button{background:#211815;border:1px solid #603831;border-radius:4px;color:#f5e7d4}.party-picker button:hover{background:#7b1418;border-color:#b6272b}.party-picker strong{font-family:Georgia,serif;color:#fff1de}
.input,.field input,.field select,.field textarea{border-color:#4e342f;background:#0b0908;color:#f6ead8;border-radius:4px}.field input:hover,.field select:hover,.field textarea:hover{border-color:#805046}.field input:focus,.field select:focus,.field textarea:focus{border-color:#bd292d;box-shadow:0 0 0 3px #a7191e2e}
body:not(.admin-body) .btn{border-color:#573a34;border-radius:4px;background:#1e1715;color:#f3e7d5}body:not(.admin-body) .btn:hover{border-color:#a12527;background:#2c1917}body:not(.admin-body) .btn-primary{background:linear-gradient(180deg,#a7191e,#761014);border-color:#ca3134;color:#fff4e5;box-shadow:0 8px 22px #5c07084f}body:not(.admin-body) .btn-primary:hover{background:linear-gradient(180deg,#c32328,#8b1115);box-shadow:0 8px 28px #a7191e55}body:not(.admin-body) .btn-danger{background:#351315;border-color:#8d2928;color:#ffdeda}
.slot{border-color:#4c342f;background:#0b0908;border-radius:4px}.slot:hover,.slot.selected{border-color:#bd292d;background:#2b1111;box-shadow:inset 4px 0 #a7191e}.slot em{color:#dc4446}.room-tab{border-color:#4e3731;color:#cabdb0}.room-tab.active{background:#8f171b;border-color:#bc292d;color:#fff4e3}
.notice{border-color:#533a34;background:#18110f;color:#d8cbbd;border-radius:4px}.notice.error{border-color:#9b2929;background:#351012;color:#ffded7}.notice.success{border-color:#70422f;background:#21120f;color:#f5dfbd}
.summary{gap:0;border-color:#4e342f;border-radius:4px;background:#4e342f}.summary-row{background:#0d0a09;border-bottom:1px solid #34231f}.summary-row:last-child{border-bottom:0}.summary-row span{color:#ad9d91}.empty{border-color:#644039;border-radius:4px}.skeleton{background:linear-gradient(90deg,#17100e,#3a211d,#17100e);background-size:200%}
.confirmation-qr{display:flex;align-items:center;gap:18px;margin:0 0 22px;padding:15px;background:#0a0807;border:1px solid #593832;border-radius:5px;color:#cabbad}.confirmation-qr img{width:112px;height:112px;background:#fff8ea;padding:7px;border-radius:3px}.confirmation-qr span{font-size:14px;line-height:1.5}
.zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}.zone-option{min-height:116px;padding:13px;border:1px solid #4e342f;background:linear-gradient(145deg,#100d0c,#080706);color:#e9ddce;border-radius:8px;display:grid;grid-template-rows:70px auto;place-items:center;gap:8px;transition:.2s}.zone-option:hover,.zone-option.selected{border-color:#cf3437;background:linear-gradient(145deg,#341112,#130909);box-shadow:inset 0 0 24px #80131730,0 0 18px #8b15152e}.zone-option.selected{outline:2px solid #9f1e22;outline-offset:2px}.zone-option img{display:block;max-width:100%;width:auto;height:68px;object-fit:contain;filter:drop-shadow(0 5px 8px #000)}.zone-option span{font:600 13px 'DM Sans',sans-serif}.zone-brand{min-height:84px;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 24px;padding:12px 18px;border:1px solid #5b3b34;background:radial-gradient(circle at 50% 50%,#58131644,transparent 72%),#0a0807;border-radius:6px}.zone-brand>span{color:#bdaba0;text-transform:uppercase;letter-spacing:.16em;font-size:9px;writing-mode:vertical-rl}.zone-brand img{display:block;max-width:min(330px,75%);height:65px;object-fit:contain;filter:drop-shadow(0 5px 9px #000)}.zone-brand strong{font-family:Georgia,serif;color:#fff0dc}.zone-brand.compact{min-height:74px}.slot-heading{font:500 18px Georgia,serif;color:#f2e3d1;margin:0 0 12px}.zone-prompt{padding:18px;border:1px dashed #5b3b34;color:#b9a99d;text-align:center;border-radius:6px}
@keyframes fog-drift{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,-7%,0) scale(1.08)}}
@media(max-width:980px){.public-shell{grid-template-columns:minmax(380px,44%) 1fr}.hero-copy h1{font-size:55px}.booking-side{padding:28px 20px}}
@media(max-width:800px){body:not(.admin-body){overflow-x:hidden}.public-shell{display:block}.brand-stage{position:relative;min-height:390px;padding:24px 22px 34px;gap:18px;background-position:45% center}.brand-logo{width:175px}.hero-copy h1{font-size:50px;max-width:380px}.hero-copy p{font-size:15px;max-width:340px;margin-bottom:0}.brand-meta{font-size:12px;padding:8px 11px}.booking-side{padding:20px 14px 34px;margin:0;background:linear-gradient(#0b0807,#120a09)}.booking-card{border-radius:4px;box-shadow:0 16px 55px #000b,0 0 0 3px #160d0b}.booking-head{padding:20px 19px 16px}.booking-head h2{font-size:20px}.step-actions .btn{min-width:112px}.slots{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.brand-stage{min-height:350px;padding:20px 18px 28px}.brand-logo{width:145px}.hero-copy h1{font-size:43px;line-height:.88}.hero-copy p{font-size:14px;line-height:1.45}.brand-meta{display:grid;gap:2px;width:100%;border-radius:4px}.booking-head,.step{padding:19px 16px}.booking-head{align-items:flex-start}.booking-head #step-count{font-size:11px}.step-title{font-size:29px}.step-actions{gap:8px}.step-actions .btn{padding:0 12px}.confirmation-qr{align-items:flex-start}.confirmation-qr img{width:94px;height:94px}}
@media(max-width:430px){.zone-grid{gap:8px}.zone-option{min-height:96px;padding:9px;grid-template-rows:54px auto}.zone-option img{height:52px}.zone-option span{font-size:11px}.zone-brand{min-height:64px;margin-bottom:18px;padding:9px}.zone-brand img{height:48px;max-width:78%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-stage:before,.step,.spinner,.skeleton{animation:none!important}.progress span,.btn{transition:none!important}}

/* Precision pass against the approved visual reference */
@media(min-width:801px){
  .public-shell{grid-template-columns:51.5% 48.5%;background-image:linear-gradient(90deg,transparent 0 50%,#08060655 62%,#08060688 100%),url('/assets/haunted-hall-v2.jpg?v=20260927-4');background-size:cover;background-position:center}
  .brand-stage{background-image:linear-gradient(90deg,#08070624,#08070608 55%,#080706c7),linear-gradient(0deg,#080706dd,transparent 46%);border-right:0}
  .booking-side{padding:17vh 20px 40px;align-items:flex-start;background:#09060644;backdrop-filter:blur(1px)}
  .booking-card{width:min(735px,100%);min-height:670px;transform:none}
  .brand-stage .brand-logo{width:295px;margin-left:-30px;transform:translateY(-12px)}
  .brand-stage .hero-copy{transform:translateY(-45px);max-width:850px}
  .brand-stage .hero-copy p{font-family:Georgia,serif;font-size:20px;margin-top:66px}
  .brand-stage .brand-meta{transform:translateY(24px)}
}
.brand-stage .hero-copy{transform:translateY(-52px);max-width:850px}.brand-stage .hero-copy h1{font-family:'Butcherman','Creepster',Georgia,serif;font-weight:400;font-size:clamp(56px,5.8vw,104px);line-height:1.1;letter-spacing:.012em;text-transform:uppercase;max-width:850px;transform:scaleY(1.18);transform-origin:left top}.brand-stage .hero-copy h1 span{display:block;transform-origin:left center;white-space:nowrap}.brand-stage .hero-copy h1 span:first-child{transform:scaleX(.88);width:114%}.brand-stage .hero-copy h1 span:last-child{transform:scaleX(.81);width:123%}
.booking-card{border:1px solid #9c7656;border-radius:24px;background-color:#0d0d0c;background-image:linear-gradient(145deg,#1a1917f2,#090a09f7 78%),radial-gradient(circle at 100% 0,#8f181733,transparent 28%);box-shadow:0 28px 90px #000d,0 0 0 1px #1c0c09,0 0 30px #a60d1238,inset 0 0 45px #000}
.booking-card:before{opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.45' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E"),linear-gradient(105deg,transparent 0 48%,#b27d4c12 49%,transparent 50%);mix-blend-mode:screen}
.booking-card:after{content:'';position:absolute;inset:8px;z-index:1;pointer-events:none;border:1px solid #6d533d;border-radius:17px;box-shadow:inset 0 0 0 1px #160e0b,inset 0 0 18px #000}
.booking-card>*:not(.frame-corner){z-index:2}
.frame-corner{position:absolute;z-index:4!important;width:38px;height:38px;pointer-events:none;color:#c09a68;filter:drop-shadow(0 0 5px #8b1b18)}
.frame-corner:before{content:'❧';position:absolute;left:1px;top:-5px;width:34px;height:34px;color:#c59b63;font:30px Georgia,serif;line-height:34px;transform:rotate(135deg);text-shadow:0 0 7px #8d1b17}.frame-corner:after{content:none}
.corner-tl{left:1px;top:1px}.corner-tr{right:1px;top:1px;transform:scaleX(-1)}.corner-bl{left:1px;bottom:1px;transform:scaleY(-1)}.corner-br{right:1px;bottom:1px;transform:scale(-1)}
.booking-head{padding:65px 54px 47px;border:0;background:transparent;align-items:flex-end}.booking-head h2{font-size:clamp(27px,2.1vw,38px);line-height:1.05}.booking-head #step-count{font-family:Georgia,serif;font-size:17px;color:#eee0cf;padding-bottom:5px}
.progress{position:relative;margin:0 54px 59px;height:10px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:transparent;overflow:visible}
.progress i{display:block;border-radius:999px;background:#292929;box-shadow:inset 0 1px 1px #ffffff0a}.progress i.active{background:#ef252c;box-shadow:0 0 14px #d41118}
.progress:before{content:'';position:absolute;left:0;right:0;top:50px;height:1px;background:linear-gradient(90deg,transparent,#9b8061 8%,#9b8061 46%,transparent 46% 54%,#9b8061 54%,#9b8061 92%,transparent)}
.progress:after{content:'✥';position:absolute;left:50%;top:35px;transform:translateX(-50%);color:#927557;font-size:20px;line-height:30px}
body:not(.admin-body) .step{padding:0 54px 54px}body:not(.admin-body) .step-title{font-size:clamp(36px,3vw,52px);line-height:1.08;margin-bottom:12px}.step-copy{font-family:Georgia,serif;font-size:19px;line-height:1.45;margin-bottom:31px}
.party-picker{min-height:102px;padding:14px;border:1px solid #92795d;border-radius:20px;background:#080a09a8}.party-picker button{width:72px;height:72px;border-radius:17px;font-family:Georgia,serif;font-size:36px;background:linear-gradient(145deg,#1d2020,#111313);border-color:#3c4140}.party-picker strong{font-size:44px}
.step-actions{margin-top:38px}.step-actions .btn-primary:only-child{width:100%;min-height:90px;font-family:Georgia,serif;font-size:25px;letter-spacing:.1em;text-transform:uppercase;border-radius:15px;background-image:linear-gradient(#9f0f13dd,#71090ddd),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.35' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");border:1px solid #da3334;box-shadow:inset 0 0 20px #3d0000,0 8px 25px #6b07074d}
@media(max-width:800px){.brand-stage .hero-copy{transform:none}.booking-card{min-height:0;border-radius:16px}.booking-card:after{inset:5px;border-radius:11px}.frame-corner{transform:scale(.72)}.corner-tr{transform:scaleX(-1) scale(.72)}.corner-bl{transform:scaleY(-1) scale(.72)}.corner-br{transform:scale(-.72)}.booking-head{padding:31px 25px 20px}.progress{margin:0 25px 46px;height:8px}.progress:before{top:39px}.progress:after{top:24px}body:not(.admin-body) .step{padding:0 25px 30px}.party-picker{min-height:76px;border-radius:13px}.party-picker button{width:54px;height:54px;border-radius:10px}.party-picker strong{font-size:34px}.step-actions .btn-primary:only-child{min-height:62px;font-size:18px;border-radius:10px}}
@media(max-width:430px){.booking-head{padding:29px 22px 18px}.booking-head h2{font-size:24px}.booking-head #step-count{font-size:13px}.progress{margin-left:22px;margin-right:22px}body:not(.admin-body) .step{padding-left:22px;padding-right:22px}.step-copy{font-size:17px}.party-picker{padding:10px}}
@media(max-width:800px){.brand-stage .brand-logo{margin-left:0;transform:none}.brand-stage .hero-copy{max-width:100%}.brand-stage .hero-copy h1{transform:none;width:auto;max-width:380px;font-size:50px;line-height:.88}.brand-stage .hero-copy h1 span{transform:none!important;width:auto!important;white-space:normal}.brand-stage .hero-copy p{margin-top:1em}}
@media(max-width:800px){.brand-stage{min-height:245px!important;padding:18px 20px 22px!important;justify-content:flex-start;gap:12px!important;background-position:50% 37%}.brand-stage .brand-logo{width:112px!important}.brand-stage .hero-copy .eyebrow{font-size:9px}.brand-stage .hero-copy h1{font-size:36px;line-height:.86;max-width:330px}.brand-stage .hero-copy p,.brand-stage>.brand-meta{display:none}.booking-side{padding-top:12px}.mobile-venue-info{display:block;padding:24px 22px 30px;background:linear-gradient(#110b0a,#080706);border-top:1px solid #4e2b26;color:#d7c9b9}.mobile-venue-info p{font:16px/1.55 Georgia,serif;margin:0 0 17px}.mobile-venue-info div{display:flex;gap:7px;flex-direction:column;font-size:13px;color:#eee0cf}}
@media(max-width:430px){.brand-stage .hero-copy h1{font-size:43px}}
@media(max-width:430px){.brand-stage{min-height:225px!important}.brand-stage .brand-logo{width:100px!important}.brand-stage .hero-copy h1{font-size:33px}}
@media(max-width:800px){body:not(.admin-body) .party-step .step-title{font-size:clamp(22px,6.3vw,29px);letter-spacing:-.045em;white-space:nowrap}}
@media(min-width:801px){.booking-card{transform:translateX(-5px)}.brand-stage .hero-copy{transform:translateY(-29px)}.brand-stage .hero-copy .eyebrow{transform:translateY(-14px)}.brand-stage .hero-copy p{margin-top:51px}.brand-stage .brand-meta{transform:translate(-7px,11px);padding:0;border:0;background:transparent;border-radius:0;font:16px Georgia,serif}.booking-head{padding-bottom:45px}}

/* Haunted House operations console */
.admin-body{--admin-bg:#0b0908;--admin-surface:#15110f;--admin-raised:#1c1613;--admin-line:#44302a;--admin-muted:#b4a79b;--admin-ivory:#f3e8d7;--admin-red:#a7191e;--admin-red-bright:#d43538;background:radial-gradient(circle at 78% 0,#401010 0,transparent 30%),linear-gradient(135deg,#080706,#110d0b 62%,#090706);color:var(--admin-ivory);color-scheme:dark}
.admin-body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.58' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.admin-layout{position:relative;z-index:1}
.sidebar{background:linear-gradient(180deg,#100c0bfa,#090706fa);border-right:1px solid #552b25;box-shadow:12px 0 45px #0007}
.sidebar:after{content:'';position:absolute;inset:0 0 auto;height:190px;pointer-events:none;background:radial-gradient(circle at 50% 0,#8f15152e,transparent 70%)}
.sidebar-brand{position:relative;z-index:1;border-bottom:1px solid #3c2924;margin-bottom:14px;padding-bottom:20px}
.sidebar-brand img{width:50px;height:50px;filter:drop-shadow(0 0 12px #9e202055)}
.sidebar-brand strong{font-family:'Creepster',Georgia,serif;font-size:20px;font-weight:400;letter-spacing:.06em;color:#fff0db}
.sidebar-brand span{color:#9f9085;text-transform:uppercase;letter-spacing:.12em;font-size:9px}
.nav-link{border:1px solid transparent;border-radius:5px;color:#b9aca0}
.nav-link:hover{background:#251816;color:#fff2df;border-color:#57352f}
.nav-link.active{background:linear-gradient(90deg,#8c1217,#551014);color:#fff3df;border-color:#c03435;box-shadow:inset 4px 0 #e44747,0 6px 18px #5e090935}
.nav-link i{color:#d4bca8}
.sidebar-bottom{border-color:#3c2924}
.admin-main{background:transparent}
.topbar{background:#100d0ce8;border-color:#4a302a;backdrop-filter:blur(14px);box-shadow:0 8px 26px #0004}
.branch-select,.admin-body input,.admin-body select,.admin-body textarea{border-color:#523a33;background:#0d0a09;color:#f2e7d7;border-radius:5px}
.admin-body input:hover,.admin-body select:hover,.admin-body textarea:hover{border-color:#865147}
.admin-body input:focus,.admin-body select:focus,.admin-body textarea:focus{border-color:#c52b30;box-shadow:0 0 0 3px #a7191e35;outline:0}
.user-avatar{background:linear-gradient(145deg,#8f151a,#4f0e11);color:#fff0dc;border:1px solid #c73b3c;box-shadow:0 0 15px #8d151544}
.user-chip{color:#dacdbf}
.admin-content{padding-top:38px}
.admin-body .eyebrow{color:#d54143}
.page-head h1{font-family:'Creepster',Georgia,serif;font-weight:400;letter-spacing:.025em;color:#fff0dd;text-shadow:0 2px 16px #000;font-size:clamp(38px,4vw,58px)}
.admin-body .page-head p,.admin-body .empty{color:var(--admin-muted)}
.admin-body .btn{border-color:#5b3b34;background:#1b1412;color:#f1e4d3;border-radius:5px}
.admin-body .btn:hover{background:#2b1917;border-color:#a52c2e}
.admin-body .btn-primary{background:linear-gradient(180deg,#a91b20,#701014);color:#fff2df;border-color:#d43b3e;box-shadow:0 8px 22px #5e08083d}
.admin-body .btn-primary:hover{background:linear-gradient(180deg,#c5252a,#861317)}
.stat-card,.panel,.config-card{background:linear-gradient(145deg,#1a1512f5,#100d0cf5);border-color:#49322c;border-radius:7px;box-shadow:0 15px 40px #0003}
.stat-card{position:relative;overflow:hidden}
.stat-card:after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#711216}
.stat-card span{color:#ac9f94}.stat-card strong{color:#fff0dd;font-family:Georgia,serif}
.stat-card.accent{background:linear-gradient(145deg,#4a1012,#210d0d);border-color:#832126}.stat-card.accent span{color:#d6b9ac}.stat-card.accent strong{color:#ffdfc7}
.panel-head{border-color:#49322c;background:#120e0d}.panel-head h3,.config-card h3{color:#f6e8d5}
.reservation-row{border-color:#332520}.reservation-row:hover{background:#251613}.reservation-row small,.config-card p{color:#a99d92}
.pill{background:#29211e;color:#dacabd;border:1px solid #493832}.pill.confirmed{background:#24301f;color:#cce7bb;border-color:#405c36}.pill.payment_pending,.pill.payment_review{background:#392916;color:#f1d09a;border-color:#6d4e26}.pill.cancelled,.pill.no_show{background:#401718;color:#f4b7b3;border-color:#7f292b}.pill.arrived,.pill.seated{background:#17302e;color:#a9dfda;border-color:#285b57}
.icon-btn{border-color:#533a33;background:#181210;color:#f0e3d2;border-radius:5px}
.floor{background-color:#100d0c;background-image:linear-gradient(#2e211d 1px,transparent 1px),linear-gradient(90deg,#2e211d 1px,transparent 1px);border-radius:0 0 7px 7px}
.floor-table{border-color:#765047;background:#211714;color:#f2e4d1;box-shadow:0 8px 18px #0008}.floor-table.busy{background:#601318;border-color:#a72b2e}.floor-table.selected{border-color:#e04445;box-shadow:0 0 0 4px #a7191e55,0 0 20px #a7191e66}
.tabs{border-color:#49322c}.tab{color:#aa9d92}.tab.active{border-color:#cf3437;color:#f7e8d5}
.drawer{background:linear-gradient(145deg,#171210,#0e0b0a);color:#f1e5d5;box-shadow:-20px 0 70px #000b;border-left:1px solid #633b33}.drawer-head{background:#110d0c;border-color:#49322c}.activity{border-color:#553a32}.activity-item:before{background:#aa2024;border-color:#1a1110}.activity-item p{color:#a99c91}
.drawer-backdrop{background:#030202b8;backdrop-filter:blur(3px)}
.toast{background:#2a1715;border:1px solid #873031;color:#fff0dc;border-radius:5px}.toast.error{background:#681417}
.week-day{border-color:#3d2c27}.week-day>header span{background:#2d211d;color:#d9cabd}.week-booking{border-color:#4b352f;background:#181210;color:#eee0ce;border-radius:5px}.week-booking small,.week-empty{color:#a99c91}
.admin-body .skeleton{background:linear-gradient(90deg,#16100e,#38211e,#16100e);background-size:200%}
.config-card.archived{display:none}.config-room-logo{height:105px;display:grid;place-items:center;margin:-5px -5px 15px;padding:12px;background:radial-gradient(circle,#54151955,transparent 70%);border-bottom:1px solid #49322c}.config-room-logo img,.room-logo-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 12px #0009)}.room-logo-preview{height:150px;display:grid;place-items:center;padding:14px;border:1px solid #523a33;background:#0b0908;border-radius:5px}
.admin-body :focus-visible{outline-color:#e13c40}
@media(max-width:800px){.sidebar{box-shadow:20px 0 60px #000c}.topbar{height:66px}.admin-content{padding-top:25px}.page-head h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.admin-body .nav-link,.admin-body .reservation-row{transition:none!important}}