/* Mobile-first night-out system: one job, one wheel, one clear action. */
:root{--night-lime:#c8f23b;--night-surface:#182019;--night-border:#54663d}
.wheel-editor{padding:20px;background:linear-gradient(140deg,#202a1c,#10150f);border:1px solid var(--night-border);border-radius:18px;margin:16px 0}
.wheel-editor h3{font:500 22px/1.3 'MADE Tommy Soft';margin:0 0 12px}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.helper-copy{font-size:14px;color:#c7cebf}
.wheel-choice{min-height:44px}.wheel-choice[aria-pressed=false]{background:#292e29;color:#acb2a7;box-shadow:none}
.secondary-count{padding:10px!important;margin:16px 0!important}.secondary-count .counter-digits{font-size:22px!important}.secondary-count .counter-caption{font-size:13px!important}
.site-footer{padding:20px 0 80px!important;margin-top:16px!important}.beer-support{padding:18px!important;margin:16px 0!important}a[href*='/venues/list']{color:#c8f23b;font-weight:700}.responsible-copy{margin-bottom:8px}
.media-tool{position:absolute;z-index:12;right:-7px;width:44px;height:44px;display:grid;place-items:center;background:#162110;border:1px solid #b9e454;border-radius:13px;color:#d5ff74;box-shadow:0 4px 15px #0008;cursor:pointer}.media-tool svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.media-photo{top:4%}.media-video{bottom:4%}.media-tool[aria-pressed=true]{color:#fff;background:#ad2737;animation:record-pulse 1s infinite}.media-tool::after{display:none!important}.media-status{font-size:14px;color:#d3dfc4;text-align:center}.media-dialog{max-width:480px;width:92%;padding:20px;border:1px solid #a7c96d;border-radius:20px;background:#141d12;color:#fff}.media-dialog::backdrop{background:#000b}.media-dialog img,.media-dialog video{max-width:100%;max-height:50svh;display:block;margin:10px auto}.media-dialog .btn{margin:6px}.social-share{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:12px}.social-share a,.social-share button{min-width:44px;min-height:44px;border:1px solid #72894b;border-radius:12px;display:grid;place-items:center;padding:10px;color:#d8f5a5;background:#172013;font:500 15px 'MADE Tommy Soft'}.social-share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
@keyframes record-pulse{50%{box-shadow:0 0 14px #ec536e}}
.ad-zone{margin:22px 0;min-width:0}.ad-zone h2{font:500 22px 'MADE Tommy Soft';margin-bottom:8px}.ad-zone small{color:#c5d5b7}.ad-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:thin}.ad-card{flex:0 0 100%;scroll-snap-align:start;position:relative;display:block;border:1px solid #6b7d4d;border-radius:18px;overflow:hidden;background:#1c2718;color:#fff;text-decoration:none}.ad-card img{width:100%;height:190px;object-fit:cover;display:block}.ad-copy{padding:16px}.ad-copy h3{font:500 22px 'MADE Tommy Soft';margin:4px 0}.ad-copy p{margin:6px 0;font-size:15px}.ad-label{background:#c8f23b;color:#121a0b;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:700}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.offer-grid .ad-card img{height:125px}.offer-grid .ad-copy{padding:12px}.offer-grid h3{font-size:18px}.ad-controls{display:flex;gap:8px;justify-content:flex-end;margin:8px 0}.ad-controls button{min-height:40px;background:#24321d;border:1px solid #698944;color:#d8fca8;border-radius:9px;padding:6px 12px}
@media(max-width:820px){
body{padding-bottom:60px}.app-shell,.shell{padding-inline:14px}.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) 132px;gap:6px!important;padding:9px!important;margin:6px 0 0!important;border-radius:17px;min-height:0;position:relative}.brand{gap:7px!important;min-width:0}.brand-mark{width:32px!important;height:32px!important;flex-shrink:0}.brand-copy strong{font-size:11px!important;line-height:1.2!important}.header-actions{grid-column:2;grid-row:1;width:auto!important}.header-actions .group-launch{min-height:44px!important;padding:6px 8px!important;font-size:14px!important;line-height:1.15!important;width:132px!important;white-space:normal}.header-actions>[data-open-wheel]{display:none!important}.desktop-nav{grid-column:1/-1;grid-row:2;margin:0!important;gap:5px!important;padding:0!important;scrollbar-width:none}.desktop-nav button{font-size:14px!important;padding:8px 12px!important;min-height:40px}.desktop-nav::-webkit-scrollbar{display:none}.bottom-nav{height:58px;padding:5px 0 calc(5px + env(safe-area-inset-bottom));z-index:30}.bottom-nav button{font-size:12px;min-height:44px}.bottom-nav svg{width:19px;height:19px}
.hero{padding:8px 0 20px!important;gap:8px!important}.hero-wheel{grid-row:1!important;width:min(72vw,calc(100svh - 340px),300px)!important;margin:23px 0 58px!important;min-width:210px}.hero-demo-caption{padding:9px 0;left:-12%;right:-12%}.hero-demo-caption span{font-size:15px}.hero-demo-caption small{font-size:13px;margin-top:4px}.hero-demo-caption strong{font-size:17px!important}.hero-destination .hero-demo-caption{padding:10px 6px;left:0;right:0}.hero-destination .hero-demo-caption span{font-size:12px}.hero-destination .hero-demo-caption small{font-size:11px}.hero-copy{grid-row:2!important;text-align:center;max-width:100%}.hero-title{font-size:clamp(28px,8vw,38px)!important;line-height:1.06!important;margin:0!important}.hero-subtitle{font-size:26px!important;line-height:1.1!important;margin:5px 0 10px!important}.hero-vibe{font-size:15px!important;line-height:1.35!important;margin:8px auto 14px;max-width:340px}.home-count{grid-column:1;grid-row:3;padding:10px 8px!important;margin:2px 0 10px!important;gap:6px!important}.home-count .counter-caption{font-size:13px!important}.home-count .counter-digits{font-size:25px!important;gap:3px!important}.hero-stat-slates{margin:12px 0;gap:8px}.hero-stat-slates>div{padding:12px 8px}.hero-stat-slates strong{font-size:24px}.hero-stat-slates span{font-size:14px}.hero-actions{margin-top:12px}.hero-group-banner{grid-row:4!important;padding:14px;gap:10px}.hero-group-banner p{font-size:17px}.hero-copy{display:contents}.hero-title{grid-row:2}.hero-subtitle{grid-row:3}.home-count{grid-row:4}.hero-vibe{grid-row:5}.hero-stat-slates{grid-row:6}.hero-actions{grid-row:7}.hero-group-banner{grid-row:8!important}
.view>.page-heading{margin:10px 0 8px;padding:0;gap:8px;min-height:44px}.page-heading h2{font-size:18px!important;line-height:1.15;flex:1}.back-button,.page-heading .icon-button{width:40px;height:40px;min-height:40px}.page-heading-actions{gap:4px}.wheel-layout{display:block}.wheel-panel{padding:20px 5px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}.wheel-stage,.compact-wheel{width:min(84vw,calc(100svh - 250px),340px)!important;max-width:100%!important;margin:16px auto 10px!important}.spin-button{font-size:clamp(20px,6vw,28px)!important;z-index:9;touch-action:manipulation}.spin-button small{font-size:10px}.wheel-board-info{margin:8px 0}.wheel-option-count{padding:10px}.wheel-option-count strong{font-size:26px!important}.wheel-option-count span{font-size:15px}.wheel-selection{font-size:18px;min-height:26px;margin:8px 0}.wheel-choices-inline,.wheel-choice-list{gap:7px}.wheel-choice{font:500 15px/1.2 'MADE Tommy Soft';padding:10px 12px}.special-layout{display:flex!important;flex-direction:column;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}.special-layout .wheel-stage{order:0}.special-layout .wheel-copy{order:2;width:100%;padding:10px 0}.special-layout .wheel-board-info{order:1;width:100%}.special-layout .wheel-copy h3{font-size:20px!important;margin:4px 0}.special-layout .eyebrow{display:none}.special-layout .wheel-copy p{font-size:15px;margin:5px 0}.special-tabs{margin:8px 0!important;gap:5px;scrollbar-width:thin}.special-tab{font-size:14px!important;padding:9px 12px!important;min-height:42px}.duty-layout{display:flex!important;flex-direction:column;gap:12px}.duty-layout>.duty-form{order:2;padding:16px}.duty-layout>section:not(.duty-form){order:1;padding:12px 4px;background:transparent;border:0;box-shadow:none}.forfeit-choices{display:grid!important;grid-template-columns:1fr!important;gap:8px}.forfeit-choices label,.custom-forfeits label{min-height:48px;font-size:16px}.forfeit-choices input{width:22px;height:22px}.wheel-editor{padding:15px}.input-row input{min-width:0;font-size:16px}.wheel-motion-control{margin:4px 0}.secondary-count{display:none!important}.footer-links{gap:6px!important;flex-wrap:wrap}.site-footer{padding-bottom:70px!important}.beer-support{margin:12px 0!important;padding:14px!important}.ad-card img{height:155px}
}
.filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-fields label{display:grid;gap:5px}.filter-fields select{width:100%;font-size:16px;min-height:44px}.shortlist-grid{display:grid;gap:8px;max-height:320px;overflow:auto;padding:10px}.shortlist-grid label{display:flex;gap:10px;align-items:center;min-height:44px}.shortlist-grid input{width:22px;height:22px}.night-filter p{font-size:15px;line-height:1.4}
@media(max-width:500px){.filter-fields{grid-template-columns:1fr}}
.community-support{padding:16px 0 10px!important;margin:10px 0!important}.community-support>p{margin:8px 0!important}.community-support .landlord-contact{color:#c8f23b!important;font-weight:700!important}.site-footer>p{margin:6px 0!important}
@media(max-width:820px){.hero-wheel{width:min(72vw,calc(100svh - 415px),300px)!important;min-width:190px}.secondary-count{display:grid!important;margin:14px 0!important}}

/* Equal navigation tracks and a recognisable centre action. */
.desktop-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:8px!important;padding:0!important;justify-content:stretch}
.desktop-nav button{width:100%;min-width:0;padding:10px 5px!important;white-space:normal;align-self:stretch;display:grid;place-items:center;text-align:center;line-height:1.2}
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.bottom-nav .bottom-spin{overflow:visible;gap:1px;color:var(--accent);font-weight:700}
.bottom-spin img{width:38px;height:38px;filter:drop-shadow(0 3px 4px #000) drop-shadow(0 0 6px #b9f52c80);margin-top:-8px}
.live-offer-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.live-offer-card{padding:20px;border:1px solid #6e8b3f;border-radius:18px;background:linear-gradient(145deg,#263223,#10170f);display:grid;gap:10px;min-width:0}
.live-offer-card img{width:100%;height:180px;object-fit:cover;border-radius:10px}.live-offer-card h3,.live-offer-card p{margin:0}.live-offer-card strong{color:#c7f536;font-size:22px}.live-offer-card .btn{min-height:44px;display:grid;place-items:center;text-align:center}
body[data-view="offers"] .special-tabs{display:none!important}
@media(max-width:820px){.desktop-nav{grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible!important;gap:4px!important}.desktop-nav button{font-size:11px!important;padding:6px 2px!important;min-height:48px;border-radius:9px}.desktop-nav button[data-group-launch]{font-size:10px!important}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.live-offer-card{padding:16px}}

@media(max-width:820px){.desktop-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px!important}.desktop-nav button{font-size:14px!important;min-height:38px;padding:7px 5px!important}.hero-wheel{width:min(68vw,calc(100svh - 445px),280px)!important}}

/* v58: keep the wheel stable, give navigation room, and bring controls together. */
button,a,[role="button"],canvas{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #e7ffad;outline-offset:3px}
.mobile-choice-jump{display:none}.wheel-option-count{cursor:pointer}.wheel-choice-list{scroll-margin-top:18px}.hero-vibe strong{color:#c1e777;font-weight:700;text-shadow:0 0 13px #a6d34e66;white-space:normal}
.feedback-link{display:block;width:fit-content;margin:16px auto 4px;padding:12px 18px;border:1px solid #6e8950;border-radius:12px;color:#d3ecae;font-weight:700;text-decoration:none}
.resolve-strip{display:none!important}.resolve-strip[open]{position:fixed;inset:0;z-index:auto;margin:auto;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 40px);height:fit-content;min-height:0;padding:0;border:1px solid #a8cb61;border-radius:20px;background:#1c2918;display:flex!important;flex-direction:column;gap:0;align-items:stretch;overflow:auto;box-shadow:0 12px 42px #0009;backdrop-filter:none}.resolve-strip::backdrop{background:#0008;backdrop-filter:none}
#resolveQuestion{display:block;width:min(100%,430px);padding:26px 20px 15px;text-align:center;background:#1c2918;border:1px solid #a8cb61;border-bottom:0;border-radius:20px 20px 0 0;font:500 26px/1.3 'MADE Tommy Soft';color:white;box-shadow:0 -10px 35px #0007}
.resolve-actions{display:flex;justify-content:center;gap:16px;width:min(100%,430px);padding:12px 20px 24px;background:#1c2918;border:1px solid #a8cb61;border-top:0;border-radius:0 0 20px 20px;box-shadow:0 18px 35px #0007}.resolve-actions .btn{flex:1;min-height:56px;font-size:22px}
@media(max-width:820px){
:root{--mobile-bar-clearance:max(15px,env(safe-area-inset-bottom,0px));--mobile-bar-height:calc(66px + var(--mobile-bar-clearance))}
body{padding-bottom:0!important}.app-shell{padding-bottom:calc(var(--mobile-bar-height) + 8px)!important;min-height:100svh}.site-footer{padding:12px 0 4px!important;gap:12px!important;margin-top:8px!important}.site-footer>p{margin:4px 0!important}.community-support{padding-bottom:4px!important}.bottom-nav{box-sizing:border-box;height:var(--mobile-bar-height)!important;padding:6px 0 var(--mobile-bar-clearance)!important}.bottom-nav button{gap:4px;min-height:52px;font-size:12px}.bottom-nav .bottom-spin{gap:1px}.bottom-spin img{margin-top:-5px;width:36px;height:36px}
.topbar{grid-template-columns:minmax(0,1fr) 31%!important}.header-actions .group-launch{width:100%!important;font-size:13px!important}.brand-mark{width:28px!important;height:28px!important}.brand{gap:6px!important}.brand-copy{min-width:0}.brand-copy strong{font-size:clamp(11px,3.45vw,17px)!important;white-space:nowrap;letter-spacing:-.035em}
.city-wheel-choice{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 8px!important;align-items:stretch}.city-wheel-choice[hidden]{display:none!important}.city-wheel-choice>.btn{min-width:0;min-height:48px;padding:7px 5px;text-align:center;font-size:13px;display:flex;align-items:center;justify-content:center}.city-wheel-choice .mobile-choice-jump{display:flex!important;flex-direction:column;gap:2px;width:100%;min-width:0;margin:0;border-radius:12px}.mobile-choice-jump strong{font-size:20px!important}.mobile-choice-jump span{font-size:10px;line-height:1.1}.wheel-view .wheel-board-info>.wheel-option-count{display:none}.wheel-view:has(#cityWheelChoice[hidden]) .wheel-board-info>.wheel-option-count{display:flex}
.city-wheel-choice [aria-pressed="true"],.special-tab.is-active,.btn--primary,.wheel-choice[aria-pressed="true"]{background:linear-gradient(135deg,#c4dfa0,#9aba65)!important;color:#15210d!important;box-shadow:inset 0 1px 0 #e6f2cf,0 2px 10px #0003}
.wheel-panel{padding-top:15px!important}.wheel-stage,.compact-wheel{width:min(88vw,calc(100svh - 348px),370px)!important;min-width:min(260px,84vw);margin:18px auto 8px!important}.wheel-board-info{margin-top:5px}.secondary-count{margin:7px auto 10px!important;width:min(100%,370px);padding:8px!important;gap:5px!important}.secondary-count .counter-caption{font-size:12px!important}.secondary-count .counter-digits{font-size:22px!important}.wheel-selection{margin:7px 0}.media-tool{right:-5px}
.hero-wheel{width:min(84vw,calc(100svh - 390px),340px)!important;min-width:min(240px,80vw);margin:24px auto 35px!important}.hero-demo-caption{margin-bottom:0!important}.hero-vibe{color:#fff!important}.toast{bottom:calc(var(--mobile-bar-height) + 12px)}
}

/* v59 homepage storytelling: overlays occupy the wheel, never the slogan space. */
.hero-demo-caption[hidden]{display:none!important}.hero-demo-caption:has(small:empty) small{display:none}.hero-destination .hero-demo-caption{top:35%;left:2%;right:2%;overflow:hidden}.hero-drink-message .hero-demo-caption span{font:500 clamp(18px,4.5vw,27px)/1.2 'Akira Expanded';color:#f5ffec}.hero-drink-message .hero-demo-caption strong{font:700 clamp(19px,5vw,29px)/1.25 'MADE Tommy Soft'!important;color:#bfe582}.hero-name-reel .hero-demo-caption{animation:hero-transition-flash .45s ease-out}.hero-name-reel .hero-demo-caption strong{min-height:2.6em;display:grid;place-items:center}.hero-demo-caption strong{overflow-wrap:anywhere}
@keyframes hero-transition-flash{0%{box-shadow:0 0 30px #d7ff9c;background:#74934e}100%{box-shadow:0 10px 32px #000a}}
@media(max-width:820px){.brand{width:100%}.brand-copy{flex:1;width:0}.brand-copy strong{display:block;letter-spacing:-.02em}.hero{row-gap:3px!important;padding-top:5px!important}.hero-wheel{margin:22px auto 8px!important}.hero-title{margin:0!important}.hero-subtitle{margin:3px 0 4px!important}.home-count{margin:3px auto 5px!important;padding:7px 8px!important;width:100%}.hero-vibe{font-size:20px!important;line-height:1.3!important;margin:5px auto 12px!important;max-width:100%!important;text-wrap:balance}.hero-vibe strong{font-size:22px}.hero-destination .hero-demo-caption{padding:12px 8px;left:1%;right:1%}.hero-destination .hero-demo-caption span{font-size:16px}.hero-drink-message .hero-demo-caption span{font-size:19px}.hero-destination .hero-demo-caption small{font-size:13px}.hero-destination .hero-demo-caption strong{font-size:18px!important}.hero-drink-message .hero-demo-caption strong{font-size:22px!important}}


#resolveStrip #resolveQuestion,#resolveStrip .resolve-actions{width:100%;box-sizing:border-box;border:0;box-shadow:none}#resolveStrip #resolveQuestion{font-size:26px}#resolveStrip .resolve-actions{flex-shrink:0}

/* v63: Spin instructions and centred venue details. */
.wheel-invitation{color:#f5f6f1}.wheel-invitation strong{color:#c1e777;font-weight:700;text-shadow:0 0 13px #a6d34e88}
.wheel-view .wheel-meta{justify-content:center}.wheel-view #viewIncluded{margin-inline:auto}
.media-dialog .media-status{font-size:16px;line-height:1.4;color:#d4eea9}