@font-face{font-family:"Barlow Semi Condensed";font-weight:800;font-style:normal;font-display:swap;
  src:url(fonts/barlow-semi-condensed-extrabold.e9c030e5.woff2) format("woff2")}
@font-face{font-family:"Chivo";font-weight:100 900;font-style:normal;font-display:swap;
  src:url(fonts/chivo-variable.4b1f3202.woff2) format("woff2")}
:root{
  --ink:#0b0807;--ink-2:#14100e;--ink-3:#1d1714;--rule:#2b2420;
  --bone:#efe6d2;--bone-2:#c9bda6;--bone-3:#8d8270;--stub-2:#5b5144;
  --joss:#d9a441;--lantern:#d2302a;
  --display:"Barlow Semi Condensed","Arial Narrow",sans-serif;--text:"Chivo",system-ui,sans-serif;
  --g:16px;--nav-h:64px;--sec:28px;--row-reserve-h:152px;--hub-row-reserve:0;
  --slot-grain:url(assets/grain/b9df54ba.webp);
  --slot-fog:url(assets/fog/41898064.webp);
  --slot-cobweb:url(assets/cobweb/8562e8ed.webp);
  --slot-paper:url(assets/paper/paper-03---old-vintage-paper-texture-0fa0171e.webp);
  --slot-wordmark:url(assets/wordmark/50590281.webp)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink)}
body{background:var(--ink);color:var(--bone);font:400 15px/1.45 var(--text);letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


.kick{font:600 12px/1.2 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--joss)}
.h1{font:800 36px/.94 var(--display);letter-spacing:-.005em;text-transform:uppercase;color:var(--bone)}
.h2{font:800 26px/1 var(--display);letter-spacing:.01em;text-transform:uppercase;color:var(--bone)}
.h3{font:800 22px/.98 var(--display);text-transform:uppercase;color:var(--bone)}
.dek{font:400 15px/1.45 var(--text);letter-spacing:-.01em;color:var(--bone-2)}
.when{font:500 15px/1.3 var(--text);letter-spacing:0;color:var(--joss)}
.meta{font:400 13px/1.35 var(--text);letter-spacing:-.01em;color:var(--bone-3)}
.label{font:600 11px/1.2 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3)}
.tag{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border:1px solid rgba(239,230,210,.5);
  font:600 11px/1.1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--bone)}
.tag.age{border-style:dashed}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border:1px solid rgba(239,230,210,.6);
  background:none;color:var(--bone);font:600 14px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer}
.btn.p{background:var(--lantern);border-color:var(--lantern);color:#fff}
.btn .ic{width:18px;height:18px}
.acts{display:flex;gap:10px}
.acts .btn{flex:1}


.mast{position:absolute;z-index:6;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 var(--g)}
.word{display:block;width:108px;height:19px;background:var(--slot-wordmark) left center/contain no-repeat;font-size:0}
.mast .label{color:var(--bone-2)}

.mast .mgrp>[data-hub-mast-date]{box-sizing:border-box;inline-size:190px;flex:0 0 190px;white-space:nowrap;text-align:right;overflow:hidden;text-overflow:ellipsis}
.mgrp{display:flex;align-items:center;gap:2px;margin-right:-12px}
@media (min-width:360px){.mgrp{min-width:236px;justify-content:flex-end}}
.fx{display:grid;place-items:center;width:44px;height:44px;background:none;border:0;color:var(--bone-3);cursor:pointer}
.fx .ic{width:20px;height:20px}
.fx[aria-pressed=true]{color:var(--joss)}
.mast.solid{position:sticky;background:var(--ink);border-bottom:1px solid var(--rule)}
.mast.scrimmed{background:linear-gradient(180deg,rgba(11,8,7,.92),rgba(11,8,7,0))}


.poster{position:relative;height:calc(var(--vh,100svh) - var(--nav-h));min-height:700px;max-height:900px;overflow:hidden;isolation:isolate}
.slide{position:absolute;inset:0;visibility:hidden}
.slide.on{visibility:visible}
html[data-level="0"] .slide:not([data-level="0"]),html[data-level="1"] .slide:not([data-level="1"]),html[data-level="2"] .slide:not([data-level="2"]),html[data-level="3"] .slide:not([data-level="3"]){visibility:hidden}
html[data-level="0"] .slide[data-level="0"],html[data-level="1"] .slide[data-level="1"],html[data-level="2"] .slide[data-level="2"],html[data-level="3"] .slide[data-level="3"]{visibility:visible}
.photo{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.photo>*{position:absolute;inset:0;pointer-events:none}
.photo>img.comp-illustration{width:100%;height:100%;object-fit:cover}
.photo .ph,.photo .hi,.photo .gl{background:var(--img) var(--pos,50% 40%)/cover no-repeat}
.photo .mist,.photo .hi,.photo .gl,.photo .scan,.photo .vig,.photo .fog,.photo .web,.photo .bats,.photo .mark{opacity:0}
.photo .hi{filter:grayscale(1) contrast(1.6) brightness(1.15);mix-blend-mode:screen}
.photo .grain{background:var(--slot-grain) 0 0/256px repeat;mix-blend-mode:overlay;opacity:0}
.photo .fog{top:30%;bottom:auto;left:-15%;right:-15%;height:40%;background:var(--slot-fog) center/cover no-repeat;mix-blend-mode:screen;-webkit-mask:radial-gradient(ellipse 38% 60% at 50% 45%,transparent 55%,#000 100%);mask:radial-gradient(ellipse 38% 60% at 50% 45%,transparent 55%,#000 100%)}
.photo .web{inset:auto;right:-120px;top:206px;width:260px;height:182px;-webkit-mask:linear-gradient(270deg,#000 40%,transparent 92%);mask:linear-gradient(270deg,#000 40%,transparent 92%);background:var(--slot-cobweb) center/cover;mix-blend-mode:screen}
.photo .web-2{right:auto;left:-120px;top:330px;transform:scaleX(-1) rotate(8deg)}
.photo .vig{background:radial-gradient(ellipse 85% 70% at 50% 42%,rgba(0,0,0,0) 40%,rgba(0,0,0,.85) 100%)}
.photo .scan{background:repeating-linear-gradient(180deg,rgba(0,0,0,.55) 0 1px,rgba(0,0,0,0) 1px 3px);mix-blend-mode:multiply;-webkit-mask:linear-gradient(90deg,#000 0 14%,transparent 14% 86%,#000 86%);mask:linear-gradient(90deg,#000 0 14%,transparent 14% 86%,#000 86%)}

.photo .gl{--bands:linear-gradient(180deg,transparent 27%,#000 27% 54%,transparent 54%);--strip:linear-gradient(90deg,transparent 93%,#000 93%)}
.photo .gl-r,.photo .gl-c,.photo .gl-s{-webkit-mask:var(--bands),var(--strip);-webkit-mask-composite:source-in;mask:var(--bands),var(--strip);mask-composite:intersect}
.photo .gl-r,.photo .gl-c{background-blend-mode:multiply;mix-blend-mode:screen;filter:brightness(1.7)!important}
.photo .gl-r{background-color:#ff2a1f;transform:translateX(var(--split,0))}
.photo .gl-c{background-color:#00d8ff;transform:translateX(calc(var(--split,0) * -1))}
.photo .gl-s{--bands:linear-gradient(180deg,transparent 30%,#000 30% 33%,transparent 33% 41%,#000 41% 42.5%,transparent 42.5% 47%,#000 47% 49%,transparent 49%);transform:translateX(var(--slip,0))}

.photo .bats{inset:auto;left:0;right:0;top:232px;height:150px}
.bats i{position:absolute;background:url(assets/bats/09c7e8f7.webp) no-repeat;filter:drop-shadow(0 0 1px rgba(239,230,210,.3)) drop-shadow(0 0 8px rgba(210,48,42,.5))}
.bats i:nth-child(1){left:auto;right:-14px;top:-4px;width:78px;height:51px;background-size:243.75px auto;background-position:0 0}
.bats i:nth-child(2){left:-10px;top:96px;width:54px;height:35px;background-size:158.8px auto;background-position:-100px 0}
.bats i:nth-child(3){left:auto;right:8px;top:78px;width:38px;height:25px;background-size:111.8px auto;background-position:-33.5px 0}
.photo .mark{inset:auto;right:22px;top:236px;display:flex;align-items:flex-end;gap:8px;color:var(--joss)}
.mark .ic{width:46px;height:46px;stroke-width:1.5}
.mark .ic+.ic{width:30px;height:30px;transform:rotate(-14deg)}


[data-level="0"] .ph{filter:saturate(1.12) sepia(.06) brightness(1.04)}
[data-level="1"] .ph{filter:brightness(.8) saturate(.92)}
[data-level="2"] .ph,[data-level="2"] .gl{filter:grayscale(.65) sepia(.3) hue-rotate(-18deg) brightness(.72) contrast(1.05)}
[data-level="2"] .mist{background:var(--lantern);mix-blend-mode:multiply;opacity:.32}
[data-level="3"] .ph,[data-level="3"] .gl{filter:grayscale(1) contrast(1.25) brightness(.9)}
[data-level="3"] .mist{background:var(--lantern);mix-blend-mode:multiply;opacity:.78}
[data-level="3"] .hi{opacity:.3}
[data-fx=on] [data-level="0"] .mark{opacity:.95}
[data-fx=on] [data-level="1"] .grain{opacity:.1}
[data-fx=on] [data-level="1"] .vig{opacity:.3}
[data-fx=on] [data-level="1"] .fog{opacity:.08}
[data-fx=on] [data-level="1"] .bats{opacity:.85}
[data-fx=on] [data-level="1"] .bats i:not(:nth-child(2)){display:none}
[data-fx=on] [data-level="2"] .grain{opacity:.2}
[data-fx=on] [data-level="2"] .vig{opacity:.45}
[data-fx=on] [data-level="2"] .scan{opacity:.12}
[data-fx=on] [data-level="2"] .gl{--split:3px;--slip:-10px;opacity:.75}
[data-fx=on] [data-level="2"] .fog{opacity:.16}
[data-fx=on] [data-level="2"] .web{opacity:.32}
[data-fx=on] [data-level="2"] .web-2{opacity:0}
[data-fx=on] [data-level="2"] .bats{opacity:.9}
[data-fx=on] [data-level="2"] .bats i:nth-child(3){display:none}
[data-fx=on] [data-level="3"] .grain{opacity:.32}
[data-fx=on] [data-level="3"] .vig{opacity:.55}
[data-fx=on] [data-level="3"] .scan{opacity:.15}
[data-fx=on] [data-level="3"] .gl{--split:6px;--slip:18px;opacity:.7}
[data-fx=on] [data-level="3"] .fog{opacity:.26}
[data-fx=on] [data-level="3"] .web{opacity:.5}
[data-fx=on] [data-level="3"] .bats{opacity:1}

[data-fx=on] .slide[data-level="2"] .dial b{text-shadow:-1px 0 rgba(0,216,255,.35),1px 0 rgba(210,48,42,.6)}
[data-fx=on] .slide[data-level="3"] .dial b{text-shadow:-3px 0 rgba(0,216,255,.4),3px 0 rgba(210,48,42,.75)}

@media (prefers-reduced-motion:no-preference){
  [data-fx=on] .slide.on[data-level="3"] .gl-s,[data-fx=on] .slide.on[data-level="2"] .gl-s{animation:slip 7s steps(1) 3}
  [data-fx=on] .slide.on .fog{animation:drift 24s ease-in-out 2 alternate}
  [data-fx=on] .slide.on .bats i{animation:flit 2.4s ease-out 1 both}
}
@keyframes slip{0%,61%,64%,88%,90%,100%{transform:translateX(var(--slip,0))}62%{transform:translateX(calc(var(--slip,0) * -1.6))}89%{transform:translateX(calc(var(--slip,0) * 2))}}
@keyframes drift{to{transform:translateX(-6%)}}
@keyframes flit{from{transform:translate(-40px,18px) scale(.8);opacity:0}to{transform:none;opacity:inherit}}

.photo .scrim{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(11,8,7,.9) 0,rgba(11,8,7,.8) 215px,rgba(11,8,7,0) 330px),
  linear-gradient(180deg,rgba(11,8,7,0) 42%,rgba(11,8,7,.9) 64%,var(--ink) 80%)}

.dial{position:absolute;z-index:5;left:var(--g);top:62px;display:flex;align-items:flex-end;gap:12px}
.dial b{font:800 120px/.8 var(--display);letter-spacing:-.04em;color:var(--bone)}
.dialbig .dial b{color:var(--bone);text-shadow:none;opacity:1;filter:none}
.dial div{padding-bottom:4px}
.dial .label{color:var(--bone-2)}
.dial strong{display:block;font:800 22px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;margin-top:5px}
.step{position:absolute;z-index:6;right:var(--g);top:96px;display:flex;gap:6px}
.step a{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(239,230,210,.45);background:rgba(11,8,7,.5);color:var(--bone)}
.step .ic{width:20px;height:20px}
.ruler{position:absolute;z-index:5;left:var(--g);right:var(--g);top:184px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(239,230,210,.35)}
.ruler a{position:relative;display:block;padding:9px 4px 12px 0;font:800 14px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--bone-3);text-decoration:none}
.ruler a::before{content:"";position:absolute;left:0;top:-5px;width:1px;height:9px;background:rgba(239,230,210,.5)}
.ruler a[aria-current]{color:var(--bone)}
.ruler a[aria-current]::after{content:"";position:absolute;left:-1px;top:-3px;width:calc(100% + 1px);height:5px;background:var(--lantern)}
.copy{position:absolute;z-index:5;left:var(--g);right:var(--g);bottom:18px;min-height:326px;display:flex;flex-direction:column;justify-content:flex-end}
.copy>.kick{white-space:nowrap}
.copy .h1{margin:8px 0 14px}

.nw{white-space:nowrap}
.art{position:relative;display:inline-block;width:.62em;height:.62em;margin-left:.08em;color:inherit;vertical-align:.02em}
.art .ic{display:block;width:100%;height:100%;stroke-width:2.6}
.art::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}

.stub{position:relative;display:grid;grid-template-columns:1fr 96px;background:linear-gradient(rgba(239,230,210,.86),rgba(239,230,210,.86)),var(--slot-paper) center/cover;color:var(--ink);border-radius:2px}
.stub::before,.stub::after{content:"";position:absolute;right:96px;width:12px;height:12px;margin-right:-6px;border-radius:50%;background:var(--ink)}
.stub::before{top:-6px}.stub::after{bottom:-6px}
.stub .l{padding:12px 12px 12px 14px;border-right:1.5px dashed rgba(11,8,7,.35);display:flex;flex-direction:column;justify-content:center;gap:3px}
.stub .t{font:500 16px/1.3 var(--text);letter-spacing:0;color:var(--ink)}
.stub .a{font:400 14px/1.35 var(--text);letter-spacing:-.01em;color:var(--stub-2)}
.stub .r{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px 6px}
.stub .r .label{color:var(--stub-2);font-size:10px}
.stub .r b{font:800 26px/1 var(--display);margin-top:4px;color:var(--ink)}
.stub .r b.s{font-size:19px;line-height:1.05;text-transform:uppercase}
.copy .acts{margin-top:12px}
.more{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin-top:4px;padding:0;background:none;border:0;border-bottom:1px solid var(--rule);
  font:600 12px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-2);text-decoration:none;cursor:pointer}
.more .ic{width:16px;height:16px}


.sec{padding:var(--sec) 0 4px}
.sec>header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 var(--g)}
.sec>header .dek{padding:0}
.sec>header .label{white-space:nowrap}
.sec .lede{padding:6px var(--g) 0}
.in{padding:0 var(--g)}


.rows{list-style:none;margin:12px var(--g) 0;border-top:1px solid var(--rule);min-height:calc(var(--row-reserve-h) * var(--hub-row-reserve))}
html[data-hub-row-count="0"]{--hub-row-reserve:0}
html[data-hub-row-count="1"]{--hub-row-reserve:1}
html[data-hub-row-count="2"]{--hub-row-reserve:2}
html[data-hub-row-count="3"]{--hub-row-reserve:3}
html[data-hub-row-count="4"]{--hub-row-reserve:4}
html[data-hub-row-count="5"]{--hub-row-reserve:5}
html[data-hub-row-count="6"]{--hub-row-reserve:6}
html[data-hub-row-count="7"]{--hub-row-reserve:7}
html[data-hub-row-count="8"]{--hub-row-reserve:8}
html[data-hub-row-count="9"]{--hub-row-reserve:9}
html[data-hub-row-count="10"]{--hub-row-reserve:10}
.rows>li{border-bottom:1px solid var(--rule)}
.row{display:grid;grid-template-columns:30px 1fr 84px;gap:12px;align-items:start;padding:14px 0;list-style:none;cursor:pointer}
.row::-webkit-details-marker{display:none}
.row .n{font:800 22px/1 var(--display);color:var(--bone-3);padding-top:2px}
.row .kick{font-size:11px}
.row .h3{margin:4px 0 5px}
.row .when .pr{display:block;color:var(--bone-2);font-weight:400;letter-spacing:-.01em}
.row .tags{margin-top:8px}
.thumb{position:relative;width:84px;height:84px;overflow:hidden;background:var(--ink-2)}
.thumb .ph{position:absolute;inset:0;background:var(--img) var(--pos,50% 50%)/cover no-repeat}
.thumb .mist{position:absolute;inset:0;opacity:0}
.plate{position:absolute;inset:0;display:grid;place-items:center;background:var(--ink-2);border:1px solid var(--rule);font:800 30px/1 var(--display);color:var(--bone-3)}
.plate[data-level="3"]{background:#2a0f0d}
.box{padding:0 0 14px 42px}
.box dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font:400 14px/1.4 var(--text)}
.box dt{font:600 11px/1.6 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3)}
.box dd{color:var(--bone-2)}
.box .acts{margin-top:12px}


.crew{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:14px}
.crew a{position:relative;display:block;height:188px;overflow:hidden;text-decoration:none;background:var(--ink-2)}
.crew .ph{position:absolute;inset:0;background:var(--img) var(--pos,50% 50%)/cover no-repeat;filter:saturate(.9) brightness(.9)}
.crew a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,8,7,0) 38%,rgba(11,8,7,.92))}
.crew .c{position:absolute;z-index:2;left:12px;right:12px;bottom:12px}
.crew .h3{font-size:22px}
.crew .meta{color:var(--bone-2);margin-top:4px}


.mapfig{position:relative;margin-top:14px;background:#120d0c;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.mapfig img{width:100%;height:auto}
.mapfig .osm{display:none;padding:6px 10px;font:400 10px/1.3 var(--text);color:rgba(239,230,210,.6)}
.times{margin:4px var(--g) 0}
.times .tr{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:56px;padding:10px 0;border-bottom:1px solid var(--rule)}
.times .tr b{display:block;font:500 15px/1.3 var(--text);letter-spacing:-.01em;color:var(--bone)}
.times .tr .meta{display:block;margin-top:2px}
.times .tr .when{font-size:17px;text-align:right}
.times .tr .lk{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 12px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--bone);text-decoration:none;border-bottom:1px solid rgba(239,230,210,.4)}
.times .tr .lk .ic{width:14px;height:14px}
.times .tr .st{font:500 15px/1.3 var(--text);color:var(--joss)}


.acc{margin:0 var(--g);border-bottom:1px solid var(--rule)}
.acc>summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;list-style:none;cursor:pointer;
  font:600 12px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-2)}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary .ic{width:16px;height:16px}
.acc .ic-minus,.acc[open] .ic-plus{display:none}
.acc[open] .ic-minus{display:block}

.acc ul{list-style:none;padding:0 0 14px}
.acc li{position:relative;padding:4px 0 4px 14px;font:400 14px/1.45 var(--text);color:var(--bone-2)}
.acc li::before{content:"";position:absolute;left:0;top:12px;width:5px;height:1px;background:var(--bone-3)}


.sheet{position:fixed;inset:0;z-index:20;display:none}
.sheet.on{display:block}
.sheet .dim{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.sheet .pane{position:absolute;left:0;right:0;bottom:0;max-height:86%;overflow:auto;background:var(--ink-2);border-top:1px solid var(--rule);padding:8px var(--g) 24px}
.sheet .grab{width:40px;height:4px;margin:4px auto 12px;background:var(--rule)}
.sheet .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.sheet .x{display:grid;place-items:center;width:44px;height:44px;margin:-6px -10px 0 0;color:var(--bone)}
.sheet dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;padding:12px 0;border-top:1px solid var(--rule)}
.sheet dt{font:600 11px/1.6 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3)}
.sheet dd{font:400 15px/1.4 var(--text);color:var(--bone)}
.sheet dd .when{font-size:15px}


.tabs{position:sticky;bottom:0;z-index:9;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--nav-h);background:var(--ink);border-top:1px solid var(--rule)}
.tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;font:600 11px/1 var(--text);letter-spacing:.04em;text-transform:uppercase;color:var(--bone-3);text-decoration:none;white-space:nowrap}
.tabs a[aria-current]{color:var(--bone);box-shadow:inset 0 -3px 0 var(--lantern)}
.tabs .ic{display:block;width:22px;height:22px}
.tabs svg[data-hub-slot="getting-home"],.tabs span[data-hub-slot="getting-home"]{display:none}
html[data-hub-active-slot="getting-home"] .tabs [data-hub-slot="map"]{display:none}
html[data-hub-active-slot="getting-home"] .tabs svg[data-hub-slot="getting-home"]{display:block}
html[data-hub-active-slot="getting-home"] .tabs span[data-hub-slot="getting-home"]{display:inline}
.hub-content-slot{display:contents}
.hub-content-slot[hidden]{display:none!important}
html[data-hub-active-slot="map"] .hub-content-slot[data-hub-content-slot="getting-home"],html[data-hub-active-slot="getting-home"] .hub-content-slot[data-hub-content-slot="map"]{display:none!important}
html[data-hub-active-slot="map"] .hub-content-slot[data-hub-content-slot="map"],html[data-hub-active-slot="getting-home"] .hub-content-slot[data-hub-content-slot="getting-home"]{display:contents!important}

html[data-hub-active-slot="getting-home"] #hub-shell[data-path-view="map"] .mast.scrimmed,
html[data-hub-active-slot="getting-home"] #hub-shell[data-path-view="getting_home"] .mast.scrimmed{position:sticky;top:0;background:var(--ink);border-bottom:1px solid var(--rule)}
html[data-hub-active-slot="map"] #hub-shell[data-path-view="getting_home"] .mast.solid{position:absolute;top:0;background:linear-gradient(180deg,rgba(11,8,7,.92),rgba(11,8,7,0));border-bottom:0}
html[data-hub-active-slot="map"] #hub-shell [data-hub-mast-slot="getting-home"],
html[data-hub-active-slot="getting-home"] #hub-shell [data-hub-mast-slot="map"]{display:none!important}
.thumb>img.thumb-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo>img[data-image-kind="illustration"]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html[data-level="0"] .sec[data-at]:not([data-at="0"]),html[data-level="1"] .sec[data-at]:not([data-at="1"]),html[data-level="2"] .sec[data-at]:not([data-at="2"]),html[data-level="3"] .sec[data-at]:not([data-at="3"]){display:none}
@media(max-width:767px){.tabs[data-count=5] a{font-size:10px;letter-spacing:.015em}.tabs[data-count=5] .ic{width:20px;height:20px}}


.dialbig{position:relative;padding:20px var(--g) 0}
.dialbig .dial{position:static}
.ctrl{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(239,230,210,.35);margin-top:18px}
.ctrl a{position:relative;display:block;min-height:92px;padding:11px 6px 12px 0;text-decoration:none}
.ctrl a::before{content:"";position:absolute;left:0;top:-5px;width:1px;height:9px;background:rgba(239,230,210,.5)}
.ctrl b{display:block;font:800 22px/1 var(--display);color:var(--bone-3)}
.ctrl span{display:block;margin-top:5px;font:800 14px/1.05 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--bone-3)}
.ctrl a[aria-checked=true] b,.ctrl a[aria-checked=true] span{color:var(--bone)}
.ctrl a[aria-checked=true]::after{content:"";position:absolute;left:-1px;top:-3px;width:calc(100% + 1px);height:5px;background:var(--lantern)}
.guide{list-style:none;margin:6px 0 0;border-top:1px solid var(--rule)}
.guide li{display:grid;grid-template-columns:28px 1fr;gap:4px 12px;padding:11px 0;border-bottom:1px solid var(--rule)}
.guide li b{grid-row:span 2;font:800 22px/1 var(--display);color:var(--bone-3)}
.guide li strong{font:800 16px/1.1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.guide li span{font:400 14px/1.4 var(--text);color:var(--bone-2)}
.guide li.on b{color:var(--lantern)}
.picks{display:grid;gap:12px;margin:14px var(--g) 0;align-items:stretch}


.card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--ink-2);text-decoration:none}
.card .photo{position:relative;height:200px;flex:none}
.card .photo .scrim{background:linear-gradient(180deg,rgba(11,8,7,0) 40%,rgba(11,8,7,.92))}
.card .c{position:absolute;z-index:3;inset:auto 12px 12px 12px;pointer-events:auto}
.card .c .h3{margin-top:5px}
.card .body{display:flex;flex:1 1 auto;flex-direction:column;padding:0 12px 12px}
.card .stub{min-height:48px;margin-top:-2px}
.card .tags{margin:10px 0 0}
.card .plate{font-size:30px;color:rgba(239,230,210,.08);place-items:start end;padding:0 12px;border:0}


.pagehd{padding:20px var(--g) 0}
.pagehd .h1{margin-top:8px;font-size:30px}
.pagehd .dek{margin-top:8px;max-width:34em}
.night{display:flex;justify-content:space-between;align-items:baseline;margin:26px var(--g) 0;padding-bottom:8px;border-bottom:1px solid var(--rule)}
.empty{margin:22px var(--g) 0;padding:28px 18px 22px;border:1px dashed rgba(239,230,210,.25);text-align:left}
.empty .num{font:800 30px/.8 var(--display);color:transparent;-webkit-text-stroke:1px var(--bone-3)}
@media(min-width:701px){.empty .num,.pagehd .h1{font-size:40px}}
.empty .h2{margin-top:14px}
.empty .dek{margin-top:6px}
.empty .acts{margin-top:18px;flex-direction:column}
.empty .acts .btn{flex:none}


.mapview{position:relative;height:calc(var(--vh,100svh) - var(--nav-h));min-height:700px;overflow:hidden;background:#120d0c}
.mapview img.base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mapbar{position:absolute;z-index:6;left:var(--g);right:var(--g);top:52px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.seg{display:flex;border:1px solid rgba(239,230,210,.45);background:rgba(11,8,7,.8)}
.seg a{display:flex;align-items:center;min-height:40px;padding:0 12px;font:600 11px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-3);text-decoration:none}
.seg a[aria-current]{background:var(--bone);color:var(--ink)}
.zoom{position:absolute;z-index:6;right:var(--g);top:110px;display:flex;flex-direction:column;border:1px solid rgba(239,230,210,.45);background:rgba(11,8,7,.8)}
.zoom a{display:grid;place-items:center;width:44px;height:44px;color:var(--bone)}
.zoom a+a{border-top:1px solid rgba(239,230,210,.25)}
.zoom .ic{width:20px;height:20px}
.mapsheet{position:absolute;z-index:6;left:0;right:0;bottom:0;background:var(--ink);border-top:1px solid var(--rule);padding:6px var(--g) 14px}
.mapsheet .grab{width:40px;height:4px;margin:4px auto 10px;background:var(--rule)}
.mapsheet .hd{display:flex;justify-content:space-between;align-items:baseline}
.mapsheet ol{list-style:none;margin-top:8px;border-top:1px solid var(--rule)}
.mapsheet li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;min-height:52px;border-bottom:1px solid var(--rule)}
.mapsheet li .n{font:800 20px/1 var(--display);color:var(--lantern)}
.mapsheet li b{display:block;font:800 17px/1.05 var(--display);text-transform:uppercase}
.mapsheet li .meta{display:block;margin-top:2px}
.mapp .lead{position:absolute;z-index:6;left:0;right:0;bottom:var(--nav-h)}
.mapp .mapsheet{position:relative}
.mapp .mapview img.base{height:calc(100% - 290px)}

.mapp[data-view=island] .mapview img.base{top:52px;width:390px;height:472px;object-fit:none;object-position:0 0}
.mapp[data-view=island] .mapbar{top:284px;left:12px;right:auto}
.mapp[data-view=island] .seg,.mapp[data-view=island] .zoom{background:var(--ink)}
.mapp[data-view=island] .seg a{min-height:46px;padding:0 22px}
.mapp[data-view=island] .zoom{top:60px;right:12px}
.mapp[data-view=island] .zoom a{height:46px}
.mapp .mapcredit{bottom:300px}
.mapcredit{position:absolute;z-index:6;left:var(--g);font:400 10px/1.3 var(--text);color:rgba(239,230,210,.6)}

.stub.np{grid-template-columns:1fr}
.stub.np::before,.stub.np::after{display:none}
.stub.np .l{border-right:0}
.card .more{margin-top:auto}
.lvlnote{margin:14px var(--g) 0}
.mapsheet .times{margin:0}

.areas{display:grid;gap:14px;margin:16px var(--g) 0}
.area .label{display:block;margin-bottom:6px}
.area .stub{grid-template-columns:1fr 104px}
.area .stub::before,.area .stub::after{right:104px}
.area .stub .l{gap:0;padding:6px 12px 6px 14px}
.area .h3{color:var(--ink);font-size:22px;padding:6px 0 4px}
.ln{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:baseline;padding:7px 0;border-top:1px solid rgba(11,8,7,.15);text-transform:none;letter-spacing:0}
.ln span,.ln b{font:400 14px/1.3 var(--text);letter-spacing:0;text-transform:none}
.ln span{color:var(--stub-2)}
.ln b{font-weight:500;font-size:16px;line-height:1.2;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.ln span small.meta{font:400 13px/1.35 var(--text);letter-spacing:-.01em;text-transform:none;color:var(--stub-2)}
.ln a{font:600 11px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(11,8,7,.4);padding:6px 0}
.ln span small.meta{display:block;margin-top:3px}.area .r .meta{display:block;margin-top:2px}
.area .r .label{margin:0;color:var(--stub-2);white-space:nowrap}
.area .r .ev{font:800 20px/1 var(--display);text-transform:uppercase;color:var(--ink);margin-top:4px}



.card .web,.card .bats,.card .mark{display:none}


.ltb{display:none}
.ltb-on .ltb{position:absolute;z-index:7;left:0;right:0;top:52px;display:grid;grid-template-columns:22px 1fr 44px;align-items:center;gap:10px;height:56px;padding:0 4px 0 var(--g);
  background:var(--ink-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.ltb .ic{width:20px;height:20px;color:var(--joss)}
.ltb b{display:block;font:500 15px/1.2 var(--text);letter-spacing:-.01em;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ltb b .when{font-size:15px}
.ltb span.meta{display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ltb a.lk{color:var(--bone);font-weight:500;text-decoration:underline;text-underline-offset:2px}
.ltb .x{display:grid;place-items:center;width:44px;height:44px;color:var(--bone-2);background:none;border:0}
.ltb .x .ic{color:inherit;width:18px;height:18px}
.ltb[data-state=urgent]{background:var(--lantern);border-color:var(--lantern)}
.ltb[data-state=urgent] .ic,.ltb[data-state=urgent] b,.ltb[data-state=urgent] b .when,.ltb[data-state=urgent] .meta,.ltb[data-state=urgent] .x{color:#fff}
.ltb[data-state=gone] b{color:var(--bone-2)}
.ltb[data-state=gone] .ic{color:var(--bone-3)}
.ltb-on .dial{top:120px}.ltb-on .step{top:154px}.ltb-on .ruler{top:242px}
.ltb-on .photo .scrim{background:linear-gradient(180deg,rgba(11,8,7,.9) 0,rgba(11,8,7,.8) 272px,rgba(11,8,7,0) 386px),linear-gradient(180deg,rgba(11,8,7,0) 42%,rgba(11,8,7,.9) 64%,var(--ink) 80%)}


.status{display:none}
.st-on .slide[data-level="3"] .status{display:flex;position:absolute;left:12px;top:-13px;z-index:2;align-items:center;gap:8px;height:26px;padding:0 9px;
  font:600 11px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;background:var(--lantern);color:#fff}
.status small{font:400 11px/1 var(--text);letter-spacing:0;text-transform:none;opacity:.92}
.st-queues .slide[data-level="3"] .status{background:var(--joss);color:var(--ink)}
.copy .stub{margin-top:0}
.st-on .slide[data-level="3"] .copy .h1{margin-bottom:22px}
.st-on .slide[data-level="3"] .stub .l{padding-top:20px}


.a2hs .pane{padding-bottom:20px}
.a2hs .hd{align-items:center}
.a2hs .app{display:flex;align-items:center;gap:12px}
.a2hs .tile{display:grid;place-items:center;width:56px;height:56px;background:var(--ink);border:1px solid var(--rule)}
.a2hs .tile .ic{width:30px;height:30px;color:var(--joss);stroke-width:1.5}
.a2hs ol{list-style:none;margin:14px 0 0;border-top:1px solid var(--rule)}
.a2hs ol li{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid var(--rule);font:400 15px/1.35 var(--text);color:var(--bone)}
.a2hs ol li b.n{font:800 20px/1 var(--display);color:var(--joss)}
.a2hs ol li .ic{width:22px;height:22px;color:var(--bone)}
.a2hs .acts{margin-top:16px}
.a2hs .ptr{display:flex;justify-content:center;margin-top:12px;color:var(--bone-3)}


.quizr{margin:16px var(--g) 0;border:1px solid var(--rule);background:var(--ink-2)}
.artslot{position:relative;display:grid;place-items:center;height:300px;margin:12px;border:1.5px dashed rgba(239,230,210,.35);
  background:repeating-linear-gradient(135deg,rgba(239,230,210,.03) 0 10px,transparent 10px 20px)}
.artslot span{font:600 11px/1.5 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-3);text-align:center}
.quizr .c{padding:4px 16px 18px}
.quizr .origin{display:inline-flex;margin:10px 0 0}
.quizr .line{margin-top:12px;font:400 17px/1.45 var(--text);color:var(--bone)}
.quizr .fine{margin-top:10px}
.quizr .acts{margin-top:16px}
.quiz-h{font:800 64px/.86 var(--display);text-transform:uppercase;letter-spacing:-.01em;margin-top:8px}


@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}


body .haunt-map-page{color:var(--bone)}
body .haunt-map-page .haunt-map-sheet-title{margin:0;font:800 26px/1 var(--display);letter-spacing:.01em;text-transform:uppercase;color:var(--bone)}
body .haunt-map-page .haunt-map-sheet-kicker{font:600 11px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-3)}
body .haunt-map-page .haunt-map-sheet-kicker[data-hub-night-date]{inline-size:10.2em;flex:0 0 10.2em;text-align:right}
body .haunt-map-page .haunt-map-event-title.hc-r-card-title{font:800 17px/1.05 var(--display);letter-spacing:-.15px;text-transform:uppercase;color:var(--bone)}
body .haunt-map-page .haunt-map-event-venue.hc-r-meta{font:400 12px/1.25 var(--text);letter-spacing:-.01em;color:var(--bone-3)}
body .haunt-map-page .haunt-map-event-time.hc-r-time-dark{font:500 15px/1.3 var(--text);letter-spacing:normal;font-variant-numeric:tabular-nums;color:var(--joss)}
body .haunt-map-page .haunt-map-view-control button{flex:0 0 auto;width:auto;min-width:0;padding:0 22px;font:600 11px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
body .haunt-map-page .haunt-map-event-title{color:var(--bone)}
body .haunt-map-page .haunt-map-zoom button{background:var(--ink-2);color:var(--bone);border-color:var(--rule)}
body .haunt-map-page .haunt-map-view-control button[aria-pressed="true"]{background:var(--bone);color:var(--ink)}
body .haunt-map-page .haunt-map-view-control button[aria-pressed="false"]{background:var(--ink);color:var(--bone-3)}
@media(min-width:1024px){
  .haunt-map-page{grid-column:1/-1}
  .haunt-map-page .haunt-map-shell{grid-template-columns:minmax(540px,42%) minmax(0,1fr);width:100%;margin-inline:auto}
  .haunt-map-page .haunt-map-island-sheet,.haunt-map-page .haunt-map-sentosa-sheet{margin-top:-66px}
  .haunt-map-page .haunt-map-view-control{top:20px;left:24px;transform:none}
  .haunt-map-page .haunt-map-view-control [role=group]{width:auto;min-height:40px}
  body .haunt-map-page .haunt-map-view-control button{padding:0 12px;font-size:11px;letter-spacing:.1em}
  body .haunt-map-page .haunt-map-event-time.hc-r-time-dark{font-size:16px}
  .haunt-map-page .haunt-map-zoom{top:20px;right:24px}
}
@media(max-width:1023px){
  .haunt-map-page[data-view=island] .haunt-map-island-sheet{max-height:calc(100% - 142px)}
  .haunt-map-page[data-view=island] .haunt-map-view-control{top:284px;left:12px;transform:none}
  .haunt-map-page[data-view=island] .haunt-map-zoom{top:60px;right:12px}
}


@media (min-width:1024px){
  :root{--g:40px;--sec:40px}
  body{display:grid;grid-template-columns:minmax(540px,42%) 1fr;grid-template-rows:64px auto;min-height:100vh}
  
  #hub-shell[data-path-view="tonight"],#hub-shell[data-path-view="scare_level"],#hub-shell[data-path-view="my_run"],#hub-shell[data-path-view="getting_home"]{display:grid;grid-column:1/-1;grid-row:1/-1;grid-template-columns:minmax(540px,42%) 1fr;grid-template-rows:64px auto;min-height:100vh;width:100%;margin-inline:auto}
  #hub-shell[data-path-view="map"]{display:block;grid-column:1/-1;grid-row:1/-1;min-height:calc(100vh - 64px);width:100%;margin:0 auto}
  html[data-hub-active-slot="getting-home"] #hub-shell[data-path-view="map"]{display:grid;grid-template-columns:minmax(540px,42%) 1fr;grid-template-rows:64px auto;min-height:100vh}
  .mast{position:sticky;top:0;grid-column:1/-1;grid-row:1;height:64px;background:var(--ink);border-bottom:1px solid var(--rule);z-index:10}
  .word{width:124px;height:22px}
  .mgrp{margin-right:-12px}
  
  .tabs{position:fixed;top:0;left:50%;right:auto;bottom:auto;transform:translateX(-50%);z-index:11;height:64px;grid-template-columns:repeat(5,minmax(128px,148px));background:none;border:0}
  .tabs a{flex-direction:row;gap:8px;font-size:12px;letter-spacing:.1em}
  .tabs .ic{width:18px;height:18px}
  .lead{grid-column:1;grid-row:2;position:sticky;top:64px;height:calc(var(--vh,100vh) - 64px);align-self:start}
  .col{grid-column:2;grid-row:2;min-width:0;max-width:none;padding-bottom:64px}
  .poster{height:100%;min-height:0;max-height:none}
  .dial{top:34px}
  .step{top:68px}
  .ruler{top:156px}
  .copy{bottom:28px}
  .h1{font-size:48px;line-height:1.02}
  .h2{font-size:30px}
  .h3{font-size:24px}
  .dek{font-size:16px}
  .when{font-size:16px}
  .copy .stub{max-width:520px}
  .copy .acts{max-width:520px}
  .copy .more{max-width:520px}
  .stub .r b{font-size:28px}
  .rows{margin-top:16px}
  .row .when .pr{display:inline}
  .row .when .pr[data-has-time]::before{content:" · "}
  .row{grid-template-columns:40px 1fr 132px;gap:18px;padding:18px 0}
  .row .n{font-size:28px}
  .thumb{width:132px;height:96px}
  .box{padding-left:58px}
  .crew{grid-template-columns:1fr 1fr;gap:8px;margin:16px var(--g) 0}
  .crew a{height:220px}
  .sentosa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;padding-left:var(--g);padding-right:var(--g)}
  .sentosa>header{grid-column:1/-1;padding:0}
  .sentosa .mapfig{margin:16px 0 0;border:1px solid var(--rule)}
  .sentosa .mapfig img{aspect-ratio:600/780;object-fit:cover}
  .mapfig .osm{display:block}
  .sentosa .side{margin-top:12px}
  .sentosa .times,.sentosa .acc{margin-left:0;margin-right:0}
  .sheet .pane{left:auto;right:0;top:0;bottom:0;width:480px;max-height:none;border-top:0;border-left:1px solid var(--rule);padding-top:24px}
  .sheet .grab{display:none}
  
  .lead.panel{background:var(--ink);border-right:1px solid var(--rule);overflow:auto}
  .dialbig,.pagehd{padding-top:40px}
  .picks{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;grid-auto-rows:1fr}
  .card .photo{height:240px}
  .areas{grid-template-columns:minmax(0,640px);gap:16px}
  .empty{margin-top:40px}
  .empty .acts{flex-direction:row}
  
  .mapview{grid-column:2;grid-row:2;height:calc(var(--vh,100vh) - 64px);min-height:0}
  .mast.scrimmed{background:var(--ink)}
  .mapp .lead{position:sticky;bottom:auto}
  .mapp .mapview img.base,.mapp[data-view=island] .mapview img.base{top:0;width:100%;height:100%;object-fit:cover;object-position:75% 50%}
  .mapp[data-view=island] .mapbar{top:20px;left:var(--g)}
  .mapp[data-view=island] .seg a{min-height:40px;padding:0 12px}
  .mapp[data-view=island] .zoom{top:20px;right:var(--g)}
  .mapp[data-view=island] .zoom a{height:44px}
  .mapp .mapcredit{bottom:12px}
  .mapcredit{left:auto;right:var(--g)}
  .lead.panel .mapfig{margin:16px var(--g) 0;border:1px solid var(--rule)}
  .lvlnote{margin-left:var(--g);margin-right:var(--g)}
  .mapbar{top:20px}
  .zoom{top:20px}
  .lead.panel .mapsheet{position:static;border:0;padding:24px var(--g)}
  .lead.panel .mapsheet .grab{display:none}
  
  .ltb-on body{grid-template-rows:64px 56px auto}
  .ltb-on .ltb{position:sticky;top:64px;grid-column:1/-1;grid-row:2;padding-left:var(--g);z-index:9}
  .ltb-on .lead,.ltb-on .col{grid-row:3}
  .ltb-on .lead{top:120px;height:calc(var(--vh,100vh) - 120px)}
  .ltb-on .dial{top:34px}.ltb-on .step{top:68px}.ltb-on .ruler{top:156px}
  .ltb-on .photo .scrim{background:linear-gradient(180deg,rgba(11,8,7,.9) 0,rgba(11,8,7,.8) 215px,rgba(11,8,7,0) 330px),linear-gradient(180deg,rgba(11,8,7,0) 42%,rgba(11,8,7,.9) 64%,var(--ink) 80%)}
  .ltb b,.ltb span.meta{display:inline}
  .ltb span.meta{margin-left:14px}
  .quiz-h{font-size:88px}
  .quizr{margin-top:40px}
  .artslot{height:420px}
}




.area .r .line-meta{display:block;margin-top:2px;color:var(--stub-2);font:500 10px/1 var(--text);letter-spacing:.04em;white-space:nowrap}


@media(max-width:767px){.poster{height:calc(var(--vh,100svh) - var(--nav-h) - 48px);min-height:652px}}


@media(max-width:1023px){
  body .haunt-map-page .haunt-map-shell{height:auto;min-height:100svh;padding:0 0 var(--nav-h)}
  body .haunt-map-page .haunt-map-slot:not([hidden]){display:flex;flex-direction:column}
  body .haunt-map-page .haunt-map-stage{flex:none;height:calc(58svh - 52px);min-height:368px;margin-top:52px;overflow:hidden;isolation:isolate}
  body .haunt-map-page[data-view="sentosa"] .haunt-map-stage{flex:none;height:calc(58svh - 52px);min-height:368px;margin-top:52px;overflow:hidden;isolation:isolate}
  body .haunt-map-page .haunt-map-live,body .haunt-map-page .haunt-map-svg{overflow:hidden;clip-path:inset(0)}
  body .haunt-map-page .haunt-map-sheet{position:relative;inset:auto;left:auto;right:auto;bottom:auto;width:auto;max-height:none;margin:0;overflow:visible;border-top:0;padding:6px 16px 14px;z-index:4}
  body .haunt-map-page[data-view="sentosa"] .haunt-map-view-control{top:0;left:12px;right:auto;transform:none}
  body .haunt-map-page[data-view="sentosa"] .haunt-map-zoom{top:58px;right:12px}
  body .haunt-map-page[data-view="island"] .haunt-map-view-control{top:232px;left:12px;right:auto;transform:none}
  body .haunt-map-page[data-view="island"] .haunt-map-zoom{top:8px;right:12px}
}
@media(min-width:1024px){
  body .haunt-map-page[data-view="island"] .haunt-map-view-control,
  body .haunt-map-page[data-view="sentosa"] .haunt-map-view-control{top:20px;left:24px;right:auto;transform:none}
  body .haunt-map-page[data-view="sentosa"] .haunt-map-zoom{top:20px;right:24px}
}
body .haunt-map-page .haunt-map-sentosa-rows .times{margin:0;border-top:0}
body .haunt-map-page .haunt-map-sentosa-rows .times .tr{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:10px 0;border-bottom:1px solid var(--rule)}
body .haunt-map-page .haunt-map-sentosa-rows .times .tr b{display:block;color:var(--bone);font:400 15px/1.3 var(--text);letter-spacing:-.01em;text-transform:none}
body .haunt-map-page .haunt-map-sentosa-rows .times .tr .meta{display:block;margin-top:2px;color:var(--bone-3);font:400 13px/1.35 var(--text);letter-spacing:-.01em;text-transform:none}
body .haunt-map-page .haunt-map-sentosa-rows .times .tr .when{display:block;color:var(--joss);font:500 17px/1.3 var(--text);letter-spacing:0;text-align:right;white-space:nowrap}
body .haunt-map-page .haunt-map-sentosa-rows .times .tr .lk{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--bone);font:600 12px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;border:0;white-space:nowrap}
body .haunt-map-page .haunt-map-sentosa-rows .times .tr .lk .ic{width:14px;height:14px}
body .haunt-map-page .haunt-map-live .haunt-map-pin-label-plate{display:none!important}
body .haunt-map-page .haunt-map-live .haunt-map-pin-label{fill:var(--bone);font:500 13px/1.2 var(--text);letter-spacing:-.01em;paint-order:stroke;stroke:var(--ink);stroke-width:4px;stroke-linejoin:round;pointer-events:none}
body .haunt-map-page .haunt-map-live .haunt-pin-dot{stroke-width:3.4}
body .haunt-map-page .haunt-map-live .haunt-pin-drop{fill:var(--lantern);stroke:var(--ink);stroke-width:1.8;vector-effect:non-scaling-stroke}
body .haunt-map-page .haunt-map-embed .place-pin.pick-marker circle{stroke-width:3;vector-effect:non-scaling-stroke}
body .haunt-map-page .haunt-map-embed .place-pin.pick-marker .haunt-pin-drop{fill:var(--lantern);stroke:var(--ink);stroke-width:1.8}


body .haunt-map-page .haunt-map-event{display:block;min-height:0;padding:0}

body .haunt-map-page .haunt-map-event-action{box-sizing:border-box;display:grid;width:100%;height:52px;min-height:52px;grid-template-columns:28px minmax(0,1fr) minmax(0,9em);gap:10px;align-items:center;padding:10px 0;overflow:hidden;border:0;border-bottom:1px solid var(--rule);background:none;color:inherit;text-align:left;cursor:pointer}
body .haunt-map-page .haunt-map-event-action:focus-visible{outline:2px solid var(--joss);outline-offset:2px}
body .haunt-map-page .haunt-map-event-copy{display:grid;grid-template-rows:18px 15px;align-content:center;min-width:0;overflow:hidden}
body .haunt-map-page .haunt-map-event-number{color:var(--joss);font:800 20px/1 var(--display)}
body .haunt-map-page .haunt-map-event-title,body .haunt-map-page .haunt-map-event-venue{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .haunt-map-page .haunt-map-event-time{display:block;min-width:0;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .haunt-map-page{--hm-label-size:13px;--hm-pin-radius:20px;--hm-pin-number-size:14px;--hm-hit-radius:25px;--map-land:#131111;--map-water:#141414}
body .haunt-map-page .haunt-pin-drop{fill:var(--lantern);stroke:var(--ink)}
body .haunt-map-page .haunt-pin-dot{fill:var(--ink);stroke:var(--joss);stroke-width:2.4}
body .haunt-map-page .haunt-pin-number{font-size:14px;fill:var(--bone)}
body .haunt-map-page .haunt-map-pin-label-plate{fill:var(--ink-2);stroke:var(--joss)}
body .haunt-map-page .haunt-map-pin-label{fill:var(--bone)}
body .haunt-map-page .haunt-map-live .haunt-map-svg .landmark,
body .haunt-map-page .haunt-map-live .haunt-map-svg .region-label,
body .haunt-map-page .haunt-map-live .haunt-map-svg .haunt-map-station-label,
body .haunt-map-page .haunt-map-live .haunt-map-svg .haunt-map-pin-label{fill:var(--bone)!important;stroke:var(--ink);stroke-width:3px;paint-order:stroke;stroke-linejoin:round}
body .haunt-map-page .haunt-map-live .haunt-map-svg .haunt-map-pin-label-plate{fill:var(--ink-2)!important;stroke:var(--joss)!important}
body .haunt-map-page .haunt-map-live .haunt-map-svg .map-footnote text{fill:var(--bone)!important}
body .haunt-map-page .haunt-map-stage,body .haunt-map-page .haunt-map-live,body .haunt-map-page .haunt-map-svg{background:var(--map-water);background-image:none}
body .haunt-map-page .haunt-map-svg #land path,
body .haunt-map-page .haunt-map-svg .island,
body .haunt-map-page .haunt-map-svg .island.main,
body .haunt-map-page .haunt-map-svg .land{fill:var(--map-land);stroke:var(--rule)}
body .haunt-map-page .haunt-map-svg #water path,
body .haunt-map-page .haunt-map-svg .water{fill:var(--map-water);stroke:var(--ink-2)}
body .haunt-map-page .haunt-map-svg #roads path{stroke:var(--bone-3);opacity:.38}
body .haunt-map-page .haunt-map-svg #rail path{stroke:var(--bone-2);opacity:.62}
body .haunt-map-page .haunt-map-svg #parks path{fill:var(--ink-3);stroke:var(--rule);opacity:.72}
body .haunt-map-page .haunt-map-embed[data-level="1"] .haunt-map-embed-geometry,
body .haunt-map-page .haunt-map-embed[data-level="2"] .haunt-map-embed-geometry,
body .haunt-map-page .haunt-map-embed[data-level="3"] .haunt-map-embed-geometry{filter:none}
body .haunt-map-page .haunt-map-embed-fog{opacity:0;animation:none}
html[data-fx] body[data-level] .haunt-map-page .haunt-map-embed[data-level] .haunt-map-embed-fog{opacity:0!important;animation:none!important}
body .haunt-map-page[data-level="3"] .haunt-map-svg #land path,
body .haunt-map-page[data-level="3"] .haunt-map-svg #water path,
body .haunt-map-page[data-level="3"] .haunt-map-svg #roads path,
body .haunt-map-page[data-level="3"] .haunt-map-svg #parks path,
body .haunt-map-page[data-level="3"] .haunt-map-svg #rail path{filter:none}
@media(min-width:1024px){body .haunt-map-page .haunt-map-event-action{height:68px;min-height:68px;padding-block:12px;grid-template-columns:28px minmax(0,1fr) minmax(0,10em)}body .haunt-map-page .haunt-map-event-time{max-width:10em}}


#hub-shell[data-path-view="tonight"] .col,#hub-shell[data-path-view="tonight"] .col>.sec{display:block!important;visibility:visible!important}.copy .stub .a{position:relative;top:12px}.stub .r{min-width:0}.stub .r b{line-height:1.25;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;max-width:100%}@media(max-width:767px){#hub-shell .poster .dial{top:80px!important}#hub-shell .poster .ruler{top:200px!important}}@media(min-width:768px){.sheet .pane{top:64px}}@media(min-width:1024px){.ltb-on #hub-shell[data-path-view="tonight"],.ltb-on #hub-shell[data-path-view="scare_level"],.ltb-on #hub-shell[data-path-view="my_run"],.ltb-on #hub-shell[data-path-view="getting_home"]{grid-template-rows:64px 56px auto}}/* W2-22 */
/* Compact price tickets, whole words, and content-sized secondary layouts (27). */
#hub-shell .card .stub{grid-template-columns:minmax(0,1fr) minmax(96px,128px);min-height:0;align-items:stretch}
#hub-shell .card .stub::before,#hub-shell .card .stub::after{right:128px}
#hub-shell .card .stub.np{grid-template-columns:minmax(0,1fr)}
#hub-shell .card .stub.np .l{border-right:0}
#hub-shell .card .stub .r b{font-size:20px;line-height:1.2;text-transform:none;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}
#hub-shell .card .stub .l{min-width:0}
#hub-shell .card [data-price-note]{font:400 14px/1.5 var(--text);color:var(--bone);text-transform:none;letter-spacing:normal;margin:12px 0 0;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}
#hub-shell[data-path-view="scare_level"] .picks{align-items:start;grid-auto-rows:auto}
#hub-shell[data-path-view="scare_level"] .card{align-self:start;height:auto;min-height:0}
#hub-shell[data-path-view="scare_level"] .card .body{flex:0 0 auto}
#hub-shell[data-path-view="scare_level"] .card .more{margin-top:12px}
#hub-shell .reader-editorial,#hub-shell .reader-essentials{min-width:0;max-width:100%;box-sizing:border-box}
#hub-shell .reader-editorial a,#hub-shell .reader-essentials a,#hub-shell .reader-essentials p{white-space:normal;overflow-wrap:break-word;word-break:normal}
#hub-shell .reader-editorial{padding:24px var(--g,16px)}
#hub-shell .reader-essentials{margin-bottom:32px!important}
body .plan-persistent{display:none}
@media(max-width:1023px){
 body{padding-bottom:80px!important}
 body .plan-persistent{display:none}
 body #tabbar-mount{position:fixed!important;inset:auto 0 0!important;height:64px!important;z-index:20}
 body #tabbar-mount .tabs{position:static!important;transform:none!important;width:100%;height:64px;grid-template-columns:repeat(6,minmax(0,1fr))}
 #hub-shell .reader-essentials{margin-bottom:24px!important}
 #hub-shell [data-transport-clock]{padding-right:0}
}
@media(min-width:1024px){
 body:has(#hub-shell[data-path-view]){display:block;min-height:0}
 #hub-shell[data-path-view="scare_level"],#hub-shell[data-path-view="my_run"],#hub-shell[data-path-view="getting_home"]{min-height:0;grid-template-columns:minmax(300px,32%) minmax(0,1fr);align-items:start;grid-template-rows:64px auto!important}
 #hub-shell[data-path-view="scare_level"]>.lead,#hub-shell[data-path-view="my_run"]>.lead,#hub-shell[data-path-view="getting_home"]>.lead{height:auto;min-height:0;position:static}
 #hub-shell[data-path-view="scare_level"]>.col,#hub-shell[data-path-view="my_run"]>.col,#hub-shell[data-path-view="getting_home"]>.col{padding-bottom:24px}
 #hub-shell[data-path-view="my_run"]{display:block;max-width:1200px;margin-inline:auto}
 #hub-shell[data-path-view="my_run"]>.lead{margin-top:24px}
 #hub-shell[data-path-view="my_run"] .empty{padding-block:24px;margin-top:24px}
 #hub-shell .reader-editorial ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 #hub-shell[data-path-view="getting_home"]>.lead .mapfig{max-width:360px;margin-inline:auto}
 #hub-shell .reader-editorial{max-width:1136px;margin-top:32px}
 #hub-shell .reader-essentials{max-width:1136px;margin-top:24px!important}
 #hub-shell .sentosa{grid-template-columns:minmax(0,1fr);row-gap:0}
 #hub-shell .sentosa .mapfig{max-width:420px;width:100%;justify-self:start}
 #hub-shell .sentosa .mapfig img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;aspect-ratio:auto}
 #hub-shell .sentosa .side{margin-top:16px;min-width:0}
 #hub-shell .sentosa .times{margin-top:12px}
}
/* D1 J01/MC01: the whole sheet (dim and pane) sits above the tab bar (z 20 on phones), so its action row is never painted under it. */
.sheet{z-index:30}
.sheet .pane{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
/* D1 MC02: the two poster actions share one two-column row and wrap instead of overflowing the poster gutter. */
#hub-shell .copy .acts{gap:10px}
#hub-shell .copy .acts .btn{min-width:0;height:auto;min-height:48px;padding:10px 12px;white-space:normal;text-align:center;line-height:1.2;box-sizing:border-box}
/* D1 N7: tab items size to their content and share the free space equally, so the visible gaps between icon+label groups are equal.
   The My Run counter is out of flow and anchored to the icon, so it never adds width or moves a neighbour. */
@media(min-width:320px){
 #tabbar-mount.tabs{display:flex}
 #tabbar-mount.tabs a{flex:1 1 auto;min-width:44px;padding:0;position:relative}
 #tabbar-mount.tabs [data-probe=tab-plan] span{white-space:nowrap;max-width:none}
 #tabbar-mount.tabs [data-plan-count]{position:absolute;right:auto;left:calc(50% + 2px);top:6px;margin-left:0}
}
@media(min-width:1024px){
 #tabbar-mount.tabs{width:720px}
 #tabbar-mount.tabs [data-plan-count]{left:calc(50% - 32px);top:10px;margin-left:0}
}
/* D1-2 J01 wizard: the final action row stays above the tab bar (sticky above the 64px bar), so its centre is never under a tab */
@media(max-width:1023px){
 #hub-shell[data-path-view="planner"] #app .wrap>.act{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:6;background:var(--ink,#0b0807);padding-bottom:12px}
 html{scroll-padding-bottom:96px}
}
/* D1-2 N7: ink-sized tab links keep a 44px touch target through an extended hit area (neighbours overlap by at most 4px) */
@media(min-width:320px){#tabbar-mount.tabs a::after{content:"";position:absolute;inset:0 -4px}}
/* D3 desktop craft */
/* D01: map label halo is 2 rendered px at any zoom (JS sets --hm-halo = 2/scale on the svg); label type 14 px. */
body .haunt-map-page{--hm-label-size:14px}
body .haunt-map-page .haunt-map-svg .haunt-map-pin-label,body .haunt-map-page .haunt-map-svg .haunt-map-station-label,body .haunt-map-page .haunt-map-svg .landmark,body .haunt-map-page .haunt-map-svg .region-label,body .haunt-map-page .haunt-map-svg .close-label{paint-order:stroke fill;stroke-width:var(--hm-halo,.5px)!important}
/* D02: below a 720 px right column (1024-1259 px viewports) the compact Sentosa transport stacks: 320 px map above a full-width table. */
@media(min-width:1024px) and (max-width:1259px){
html #hub-shell[data-path-view="tonight"] .col>section.sec.sentosa:not([data-at]){grid-template-columns:minmax(0,1fr)!important}
html #hub-shell .sec.sentosa>.mapfig,html #hub-shell .sec.sentosa>.side{grid-column:1!important}
html #hub-shell .sec.sentosa>.side{grid-row:auto!important}
}
/* D03: desktop Getting Home tickets keep the line-code rail and the paired route/time rows (the runtime's inline single-column rows lose to !important). */
@media(min-width:1024px){
html #hub-shell[data-path-view=getting_home] .areas>section.area{max-width:760px}
html #hub-shell[data-path-view=getting_home] .areas>section.area .stub{grid-template-columns:minmax(0,1fr) 104px!important}
html #hub-shell[data-path-view=getting_home] .areas>section.area .stub .r{border-top:0;padding:10px 6px;margin-top:0;text-align:center}
html #hub-shell[data-path-view=getting_home] .area .stub .l{min-width:0}
html #hub-shell[data-path-view=getting_home] .area .ln{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(176px,200px)!important;column-gap:16px!important;row-gap:4px;align-items:start}
html #hub-shell[data-path-view=getting_home] .area .ln>b{text-align:right!important;white-space:normal}
html #hub-shell[data-path-view=getting_home] .area .ln>b small.meta{text-align:right}
html #hub-shell[data-path-view=getting_home] .area .ln>a{justify-self:end;white-space:nowrap}
}
/* D07: the shared fact grid caps its label track at 96 px (the longest unbroken label word, INFORMATION, is 92.2 px at 11 px caps); a longer label wraps between words and the answers keep the rest (287 px of 399). */
.sheet dl{grid-template-columns:fit-content(96px) minmax(0,1fr)}
.sheet dt{min-width:0;overflow-wrap:break-word}
/* D07: session picker options sit under When as a stacked list, 8 px apart, 44 px+ high. */
.sheet dd[data-hub-detail-when]>p{display:grid;gap:8px;margin:6px 0 0}
.sheet dd[data-hub-detail-when]>p>[data-detail-session]{width:100%;min-height:44px;margin:0;justify-content:center}
/* D04: above 1600 px the Tonight and Scare Level stage is a centred 1600 px (masthead stays full width): Tonight 700 poster + 900 column (820 content), Scare Level 360 control column + 1240 results in three columns. */
@media(min-width:1600px){
#hub-shell[data-path-view="tonight"]{grid-template-columns:minmax(0,1fr) 700px 900px minmax(0,1fr)!important}
#hub-shell[data-path-view="scare_level"]{grid-template-columns:minmax(0,1fr) 360px 1240px minmax(0,1fr)!important}
#hub-shell:is([data-path-view="tonight"],[data-path-view="scare_level"])>div{grid-column:2}
#hub-shell:is([data-path-view="tonight"],[data-path-view="scare_level"])>section{grid-column:3}
#hub-shell[data-path-view="tonight"] .crew a{height:auto;aspect-ratio:17/10}
#hub-shell[data-path-view="scare_level"] .picks{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* D04: the Map list photo is an art-directed 3:1 strip, never a stretched band. */
@media(min-width:1024px){.haunt-map-page .map-event-photo{height:120px;max-width:360px}}
/* d2 ROB-03 region: Guide loading skeleton and failure panel. */
.guide-state{display:grid;gap:16px;min-height:240px;padding:8px 0}
.guide-state p{margin:0}
.guide-state .btn{justify-self:start;min-height:48px;padding:12px 20px}
.guide-state a{display:inline-flex;align-items:center;min-height:44px}
.guide-skel{display:grid;gap:12px}
.guide-skel i{display:block;height:14px;background:rgba(239,230,210,.14)}
.guide-skel i:nth-child(3n){width:70%}
@media(prefers-reduced-motion:no-preference){.guide-skel i{animation:guide-sk 1.4s ease-in-out infinite alternate}@keyframes guide-sk{to{opacity:.45}}}
html:not([data-decor]){--slot-grain:none;--slot-fog:none;--slot-cobweb:none}html:not([data-decor]) .bats i{background-image:none}html:not([data-decor])[data-fx=on] .slide.on .bats i,html:not([data-decor])[data-fx=on] .slide.on .fog{animation:none}
/* D1 D25/D36 outbound-link mark: the arrow is part of the final word's non-breaking group */
.ext-mark{white-space:nowrap}
.ext-vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* D1 D27: one nav definition. The planner route no longer switches the bar to a six-track grid; every view uses the same flex bar. */
@media(min-width:320px){html body:has(#hub-shell)>#tabbar-mount.tabs{display:flex!important}}
@media(min-width:320px) and (max-width:1023px){html body:has(#hub-shell)>#tabbar-mount.tabs{z-index:20!important}}

#details[data-online] .acts,#details[data-unavailable] .acts{display:none!important}