/* LeTa Charge · paper map + cable */
body.charge{
  --paper:#efede6;--paper-2:#e7e4da;--paper-3:#dcd8cc;--ink:#0d0d0b;--ink-2:#2b2b27;--phos:#c5f03a;--night:#0e0f0d;--night-2:#181a16;--bone:#e9ebe5;--warn:#ed4545;
  --bg:var(--paper);--bg-2:var(--paper-2);--fg:var(--ink);--dim:rgba(13,13,11,.64);--faint:rgba(13,13,11,.4);--line:rgba(13,13,11,.16);
  --accent:var(--ink);--on-accent:var(--paper);--cable:#0d0d0b;
  background:var(--bg);color:var(--fg);transition:background-color .9s var(--ease),color .9s var(--ease)
}
html:has(body.charge){background:#efede6}
body.charge.is-night{--bg:var(--night);--bg-2:var(--night-2);--fg:var(--bone);--dim:rgba(233,235,229,.64);--faint:rgba(233,235,229,.4);--line:rgba(233,235,229,.15);--accent:var(--phos);--on-accent:#000;--cable:#e9ebe5}
.charge ::selection{background:var(--phos);color:#000}
.charge mark{color:inherit;background:linear-gradient(transparent 14%,var(--phos) 14%,var(--phos) 86%,transparent 86%) no-repeat 0 0/var(--hl,100%) 100%;padding:0 .08em;margin:0 -.04em;border-radius:2px;transition:background-size 1s var(--ease)}
.charge .is-night mark,.charge.is-night mark{color:#000}
.charge .lw-grain{opacity:.05;mix-blend-mode:multiply}
.charge .lw-btn{--b:var(--ink);--t:var(--paper)}
.charge .lw-btn.ghost{--b:transparent;--t:var(--fg)}
.charge .lw-cursor-dot{background:var(--fg)}

/* ---------- bar ---------- */
.cbar{position:fixed;left:0;right:0;top:0;z-index:850;height:var(--bar-h);pointer-events:none}
.cbar>*{pointer-events:auto}
.cbar-logo{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 16px 0 12px;border-radius:999px;color:var(--fg);transition:transform .5s var(--ease)}
.cbar-logo .mark{width:42px;height:22px;overflow:visible}
.mark-cable{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.mark-plug{fill:var(--phos);stroke:var(--ink);stroke-width:1.5}
.mark-pins{stroke:var(--phos);stroke-width:3;stroke-linecap:round}
.mark-pin{fill:none;stroke:currentColor;stroke-width:4}
.cbar-word{font-size:15px;font-weight:600;font-stretch:115%;letter-spacing:-.01em}
.cbar-word b{font-weight:800}
.cbar-right{position:absolute;right:var(--gutter);top:14px;display:flex;align-items:center;gap:12px}
.cbar-status{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.cbar-status i,.soon i{width:7px;height:7px;border-radius:50%;background:var(--phos);box-shadow:0 0 0 2px var(--ink)}

/* ---------- gauge ---------- */
.gauge{position:fixed;right:calc(var(--gutter) * .45);top:50%;z-index:840;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateY(-50%);color:var(--fg);pointer-events:none}
.gauge-pct{font-size:11px;font-weight:400}
.gauge-bar{position:relative;width:12px;height:min(30vh,240px);border-radius:6px;border:1.5px solid var(--fg);padding:2px;overflow:hidden}
.gauge-bar::before{content:"";position:absolute;left:50%;top:-6px;width:6px;height:4px;transform:translateX(-50%);background:var(--fg);border-radius:2px 2px 0 0}
.gauge-bar i{position:absolute;left:2px;right:2px;bottom:2px;height:calc((100% - 4px) * var(--g,.07));border-radius:3px;background:var(--phos);box-shadow:0 0 12px color-mix(in srgb,var(--phos) 70%,transparent)}
.gauge-lab{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.12em;color:var(--dim)}

/* ---------- cable ---------- */
main{position:relative}
.cable{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.cable path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.cable-shade{stroke:rgba(13,13,11,.13);stroke-width:12;transform:translate(5px,9px)}
.cable-line{stroke:var(--cable);stroke-width:7;transition:stroke .9s var(--ease)}
.cable-hi{stroke:rgba(255,255,255,.22);stroke-width:1.6;transform:translate(-1px,-2px)}
.is-night .cable-shade{stroke:rgba(0,0,0,.4)}
.plug-body{fill:var(--cable);transition:fill .9s var(--ease)}
.plug-ring{fill:var(--phos)}
.plug-pins{stroke:var(--cable);stroke-width:3.4;stroke-linecap:round;transition:stroke .9s var(--ease)}
.cable-plug{filter:drop-shadow(3px 6px 4px rgba(0,0,0,.18))}

/* ---------- hero ---------- */
.hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;z-index:2;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-1}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform-origin:62% 60%}
.hero-gl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,237,230,.78),rgba(239,237,230,.25) 42%,transparent 60%),linear-gradient(to top,rgba(239,237,230,.6),transparent 22%);pointer-events:none}
.hero-copy{position:absolute;left:var(--gutter);top:calc(var(--bar-h) + 9vh);max-width:min(46vw,760px)}
.kicker{display:flex;gap:10px;align-items:center;color:var(--dim);margin-bottom:26px}
.kicker span{display:inline-grid;place-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--ink);color:var(--paper)}
.hero-title{font-size:clamp(46px,6.3vw,118px);line-height:.9;font-weight:800;font-stretch:122%;letter-spacing:-.05em}
.hero-title .l{display:block}
.hero-title mark{padding:0 .1em}
.hero-lede{max-width:36ch;margin-top:28px;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:var(--ink-2)}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px}
.soon{display:inline-flex;align-items:center;gap:9px;color:var(--dim)}
.hero-strip{position:absolute;left:var(--gutter);right:var(--gutter);bottom:22px;display:flex;gap:34px;color:var(--dim);border-top:1px solid var(--line);padding-top:14px}
.hero-strip b{color:var(--fg);font-weight:400}

/* ---------- chapter scaffolding ---------- */
.chap{position:relative;z-index:2;padding:clamp(120px,19vh,230px) calc(var(--gutter) + 40px)}
.chap-n{display:flex;align-items:center;gap:12px;color:var(--dim);margin-bottom:22px}
.chap-n span:first-child{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 8px;border-radius:999px;border:1.5px solid var(--fg);color:var(--fg)}
.chap-title{font-size:clamp(38px,5.2vw,94px);line-height:.92;font-weight:780;font-stretch:120%;letter-spacing:-.045em;max-width:17ch}
.chap-lede{max-width:48ch;margin-top:26px;font-size:clamp(16px,1.2vw,19px);line-height:1.55;color:var(--dim)}

/* ---------- phone (app is black on purpose) ---------- */
.phone{position:relative;width:min(300px,78vw);aspect-ratio:9/19.3;padding:9px;border-radius:48px;background:linear-gradient(145deg,#2a2b27,#0b0b0a 40%,#1d1e1a);box-shadow:0 50px 80px -40px rgba(13,13,11,.55),0 0 0 1.5px rgba(13,13,11,.9),inset 0 0 0 1.5px rgba(255,255,255,.08)}
.phone::before{content:"";position:absolute;left:50%;top:18px;width:82px;height:24px;border-radius:14px;background:#000;transform:translateX(-50%);z-index:2}
.phone .screen{display:block;width:100%;height:100%;border-radius:40px;overflow:hidden;object-fit:cover;background:#000}
.app{position:relative;padding:50px 14px 86px;color:var(--bone);font-family:var(--sans);display:flex;flex-direction:column;gap:11px}
.app-tabs{position:absolute;left:10px;right:10px;bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);height:58px;padding:6px;border-radius:30px;background:var(--night-2)}
.app-tabs span{display:grid;place-items:center;align-content:center;gap:3px;border-radius:24px;font-size:9px;color:rgba(233,235,229,.6)}
.app-tabs span i{width:16px;height:12px;border:1.6px solid currentColor;border-radius:3px}
.app-tabs span:first-child{background:var(--phos);color:#000}
.app-status{position:absolute;left:30px;right:30px;top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--bone);z-index:3}
.app-bat{width:20px;height:10px;border-radius:3px;border:1px solid rgba(233,235,229,.7);padding:1px}
.app-bat i{display:block;width:55%;height:100%;border-radius:1px;background:var(--phos)}
.app-kicker{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;font-stretch:115%;color:var(--phos)}
.app-kicker svg{width:13px;height:13px;fill:none;stroke:var(--phos);stroke-width:1.6;stroke-linecap:round}
.app-h{font-size:23px;line-height:1;font-weight:800;font-stretch:125%;letter-spacing:-.03em}
.app-bat-card{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:4px 10px;padding:11px 12px;border-radius:16px;background:var(--night)}
.app-bat-card b{font-size:30px;line-height:.9;font-weight:800;font-stretch:125%}
.app-bat-card span{font-size:10.5px;color:rgba(233,235,229,.62);padding-bottom:2px}
.app-bat-card i{grid-column:1/-1;height:5px;border-radius:3px;background:#262823;overflow:hidden}
.app-bat-card s{display:block;width:50%;height:100%;background:var(--phos);border-radius:3px}
.app-chips{display:flex;gap:5px;flex-wrap:wrap}
.chip{height:26px;padding:0 10px;border-radius:999px;background:var(--night-2);color:var(--bone);font-size:10.5px;font-weight:600;font-stretch:110%;transition:background .3s,color .3s}
.chip.is-on{background:var(--phos);color:#000}
.chip:focus-visible{outline:2px solid var(--phos);outline-offset:2px}
.app-list{display:flex;flex-direction:column;gap:6px}
.app-list li{position:relative;padding:11px 12px;border-radius:14px;background:var(--night);border:1px solid transparent;transition:border-color .4s,background .4s}
.app-list li .st-badge{display:none;margin-bottom:4px;font-size:9px;color:var(--phos)}
.app-list li:first-child .st-badge{display:block}
.app-list li:first-child{border-color:#3c4a12;background:#0d1004}
.app-list li.is-picked{border-color:var(--phos);box-shadow:0 0 0 1px var(--phos),0 0 22px -6px var(--phos)}
.st-name{display:block;font-size:13.5px;font-weight:700;font-stretch:112%;letter-spacing:-.01em}
.st-m{display:flex;flex-wrap:wrap;gap:3px 9px;margin-top:5px;font-size:10.5px;color:rgba(233,235,229,.66);font-variant-numeric:tabular-nums}
.st-m em{font-style:normal}

/* ---------- 01 decide ---------- */
.decide-stage{position:relative;display:grid;grid-template-columns:auto 1fr minmax(320px,420px);align-items:center;gap:clamp(24px,4vw,72px);margin-top:clamp(48px,8vh,96px)}
.hold-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.hold{position:relative;display:grid;place-items:center;width:clamp(150px,13vw,200px);aspect-ratio:1;border-radius:50%;background:var(--paper-2);box-shadow:inset 0 0 0 1.5px var(--ink),0 22px 40px -24px rgba(13,13,11,.5);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .3s var(--ease),background .4s}
.hold.is-holding{transform:scale(.95);background:var(--paper-3)}
.hold.is-done{background:var(--ink);color:var(--paper)}
.hold svg{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);transform:rotate(-90deg)}
.hold-track{fill:none;stroke:var(--line);stroke-width:3}
.hold-ring{fill:none;stroke:var(--phos);stroke-width:7;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:339.3;filter:drop-shadow(0 0 6px rgba(197,240,58,.7))}
.hold-label{display:flex;flex-direction:column;align-items:center;line-height:1.05}
.hold-label b{font-size:clamp(26px,2.2vw,34px);font-weight:800;font-stretch:122%;letter-spacing:-.03em}
.hold-label span{font-family:var(--mono);font-size:11px;color:inherit;opacity:.7;margin-top:6px}
.hold-hint{color:var(--dim)}
.verdict{padding:24px 24px 20px;border-radius:22px;background:var(--paper-2);box-shadow:inset 0 0 0 1.5px var(--ink),0 30px 60px -36px rgba(13,13,11,.6)}
.verdict-k{color:var(--dim);margin-bottom:8px}
.verdict-h{font-size:clamp(22px,1.8vw,30px);line-height:1.02;font-weight:780;font-stretch:118%;letter-spacing:-.03em}
.verdict-line{margin-top:12px;font-size:12px;line-height:1.6;color:var(--ink-2)}
.verdict-why{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line);color:var(--dim)}
.verdict-reasons{display:flex;flex-direction:column;gap:8px;margin-top:10px;font-size:15.5px;line-height:1.35}
.verdict-reasons li{padding-left:22px;position:relative}
.verdict-reasons li::before{content:"";position:absolute;left:0;top:.42em;width:11px;height:7px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}
.verdict-note{margin-top:16px;font-size:10.5px;color:var(--faint)}

/* ---------- 02 map ---------- */
.map-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:center}
.legend{display:grid;grid-template-columns:1fr;gap:0;border-top:1.5px solid var(--fg)}
.legend li{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
.legend li>span{font-family:var(--mono);font-size:12px;color:var(--dim);text-align:right}
.odo-n{display:inline-flex;font-size:clamp(34px,3.6vw,62px);line-height:1;font-weight:760;font-stretch:118%;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.od-d{display:inline-block;height:1em;overflow:hidden}
.od-d>span{display:flex;flex-direction:column;transition:transform 1.8s cubic-bezier(.16,1,.3,1)}
.od-d>span>i{font-style:normal;height:1em;line-height:1}
.phone-tilt{transform:rotate(3deg);width:min(270px,70vw)}

/* ---------- 03 board ---------- */
.board{margin-top:clamp(40px,7vh,80px);padding:clamp(16px,2vw,28px);border-radius:26px;background:var(--night);color:var(--bone);box-shadow:0 50px 90px -50px rgba(13,13,11,.7)}
.board-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.board-tag{color:var(--phos)}
.board-sort{display:flex;gap:6px;padding:3px;border-radius:999px;background:var(--night-2)}
.board-sort button{height:30px;padding:0 14px;border-radius:999px;color:rgba(233,235,229,.7);font-family:var(--mono);font-size:11px;transition:background .3s,color .3s}
.board-sort button.is-on{background:var(--phos);color:#000}
.board-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(8px,1.4vw,22px);align-items:center;padding:8px 0;border-bottom:1px solid rgba(233,235,229,.08)}
.board-head{color:rgba(233,235,229,.5);font-size:11px;padding-bottom:12px}
.board-body .board-row{font-family:var(--mono);font-size:clamp(13px,1.35vw,21px)}
.flaps{display:flex;gap:2px;white-space:nowrap}
.fl{position:relative;display:inline-grid;place-items:center;width:.82em;height:1.42em;border-radius:3px;background:linear-gradient(#1d1f1a 50%,#171914 50%);color:var(--bone);box-shadow:inset 0 -1px 0 rgba(0,0,0,.5)}
.fl::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.75)}
.fl.is-flip{animation:flap .09s linear}
@keyframes flap{0%{transform:scaleY(1)}50%{transform:scaleY(.4)}100%{transform:scaleY(1)}}
.col-price .fl{color:var(--phos)}
.board-note{margin-top:16px;font-size:11px;line-height:1.6;color:rgba(233,235,229,.5);max-width:90ch}

/* ---------- 08 rest ---------- */
.rest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(40px,7vh,80px)}
.rcard{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:24px;box-shadow:inset 0 0 0 1.5px var(--fg)}
.rcard-k{color:var(--dim)}
.rcard-p{font-size:15px;line-height:1.55;color:var(--dim);margin-top:auto}
.bubble{align-self:flex-start;max-width:90%;padding:10px 16px;border-radius:20px 20px 20px 6px;background:var(--ink);color:var(--paper);font-size:17px;font-weight:600;font-stretch:108%}
.bubble:nth-of-type(2){align-self:flex-end;border-radius:20px 20px 6px 20px;background:var(--phos);color:#000}
.rcard-big{font-size:clamp(28px,2.6vw,42px);line-height:1;font-weight:780;font-stretch:120%;letter-spacing:-.04em}
.rcard-num{display:flex;align-items:baseline;gap:12px}
.rcard-num>span{font-family:var(--mono);font-size:12px;color:var(--dim)}

/* ---------- 09 atlas ---------- */
.atlas{position:relative;z-index:2;padding:clamp(120px,19vh,230px) calc(var(--gutter) + 40px)}
.atlas-key{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px;color:var(--dim)}
.atlas-key>span{display:inline-flex;align-items:center;gap:8px}
.k-free i{width:8px;height:8px;border-radius:50%;background:var(--ink)}
.k-pro i{font-style:normal;font-size:10px;padding:2px 6px;border-radius:4px;background:var(--phos);color:#000}
.k-count b{color:var(--fg);font-weight:400}
.atlas-body{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:clamp(28px,4vw,64px);margin-top:clamp(48px,8vh,90px)}
.atlas-index{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;border-top:1.5px solid var(--fg)}
.ai{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:11px 8px 11px 0;border-bottom:1px solid var(--line);font-size:14.5px;font-weight:600;font-stretch:108%;transition:background .3s,padding .5s var(--ease),color .3s}
.ai-code{color:var(--dim)}
.ai-n{color:var(--faint);font-size:11px}
.ai:hover{padding-left:6px}
.ai.is-on{background:var(--phos);color:#000;padding-left:10px;border-radius:6px}
.ai.is-on .ai-code,.ai.is-on .ai-n{color:#000}
.sheet{position:relative;padding:30px 0 70px;border-top:2px solid var(--fg);scroll-margin-top:80px}
.sheet-head{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(160px,230px);grid-template-areas:"code t clip" "code count clip";gap:6px 22px;align-items:start;margin-bottom:30px}
.sheet-code{grid-area:code;font-size:clamp(84px,9vw,150px);line-height:.78;font-weight:300;font-stretch:62%;letter-spacing:-.04em}
.sheet-t{grid-area:t}
.sheet-t h3{font-size:clamp(26px,2.6vw,42px);line-height:1;font-weight:780;font-stretch:120%;letter-spacing:-.035em}
.sheet-t p{margin-top:10px;max-width:46ch;color:var(--dim);font-size:15.5px;line-height:1.5}
.sheet-count{grid-area:count;align-self:end;color:var(--dim)}
.sheet-clip{grid-area:clip;position:relative;transform:rotate(2deg);margin-top:4px}
.sheet:nth-child(even) .sheet-clip{transform:rotate(-2.2deg)}
.sheet-clip img{width:100%;aspect-ratio:64/42;object-fit:cover;border-radius:4px;box-shadow:0 18px 30px -20px rgba(13,13,11,.7)}
.sheet-clip::before{content:"";position:absolute;left:50%;top:-9px;width:64px;height:20px;transform:translateX(-50%) rotate(-3deg);background:rgba(231,228,218,.75);box-shadow:0 1px 2px rgba(0,0,0,.08);z-index:1}
.entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,3vw,48px)}
.entry{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:start;padding:15px 0;border-bottom:1px dashed var(--line)}
.e-n{color:var(--faint);padding-top:3px}
.e-body h4{display:inline;font-size:16.5px;line-height:1.3;font-weight:680;font-stretch:108%;letter-spacing:-.01em;background:linear-gradient(transparent 58%,color-mix(in srgb,var(--phos) 0%,transparent) 58%) no-repeat 0 0/0% 100%;transition:background-size .7s var(--ease)}
.entry.is-pro .e-body h4{background-image:linear-gradient(transparent 56%,var(--phos) 56%,var(--phos) 92%,transparent 92%);background-size:100% 100%}
.entry:hover .e-body h4{background-image:linear-gradient(transparent 56%,var(--phos) 56%,var(--phos) 92%,transparent 92%);background-size:100% 100%}
.e-body p{margin-top:5px;font-size:14px;line-height:1.5;color:var(--dim)}
.e-pro{font-size:9.5px;padding:3px 6px;border-radius:4px;background:var(--phos);color:#000;margin-top:3px}
.e-free{width:7px;height:7px;margin:8px 4px 0;border-radius:50%;background:var(--fg)}

/* ---------- honesty: two calm columns ---------- */
.honest-prose{columns:2 360px;column-gap:clamp(28px,4vw,72px);margin-top:clamp(36px,6vh,64px);padding-top:26px;border-top:1.5px solid var(--fg);max-width:1240px}
.honest-prose p{break-inside:avoid;margin-bottom:1.1em;font-size:clamp(18px,1.55vw,24px);line-height:1.48;font-weight:450;letter-spacing:-.008em;text-wrap:pretty}


/* ---------- 11 tickets ---------- */
.tickets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(40px,7vh,80px);max-width:1180px}
.ticket{position:relative;padding:30px 30px 34px;border-radius:22px;background:var(--paper-2);box-shadow:inset 0 0 0 1.5px var(--ink);-webkit-mask:radial-gradient(circle 16px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 16px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 16px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 16px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.ticket.is-pro{background:var(--ink);color:var(--paper);box-shadow:none}
.tk-k{color:var(--dim)}
.ticket.is-pro .tk-k{color:var(--phos)}
.tk-price{display:block;margin:10px 0 18px;font-size:clamp(40px,4vw,64px);line-height:.9;font-weight:800;font-stretch:120%;letter-spacing:-.04em}
.tk-price.small{font-size:clamp(26px,2.4vw,38px)}
.tk-plans{display:grid;grid-template-columns:auto auto;justify-content:start;gap:4px 28px;margin:10px 0 18px}
.tk-plans p{display:flex;flex-direction:column}
.tk-plans .tk-price{margin:0 0 8px}
.tk-plans .mono{color:rgba(239,237,230,.62);font-size:11px}
.tk-say{padding-top:18px;border-top:1px dashed color-mix(in srgb,currentColor 30%,transparent);font-size:clamp(16px,1.3vw,19px);line-height:1.55}
.tk-say b{font-weight:680;font-stretch:108%}
.ticket.is-pro .tk-say b{color:var(--phos)}
.tk-note{margin-top:20px;font-size:11px;color:rgba(239,237,230,.55)}

/* ---------- 12 plug ---------- */
.plug{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(140px,22vh,260px) var(--gutter) clamp(110px,16vh,180px)}
.socket{position:relative;width:132px;height:132px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 10px var(--paper-2),0 0 0 11.5px var(--ink);display:grid;grid-template-columns:repeat(3,18px);grid-template-rows:repeat(2,18px);place-content:center;gap:12px 14px;transition:box-shadow 1s var(--ease)}
.socket i{width:18px;height:18px;border-radius:50%;background:#262823;box-shadow:inset 0 2px 3px rgba(0,0,0,.6)}
.socket i:nth-child(4){grid-column:1/2}
.socket.is-live{box-shadow:0 0 0 10px var(--paper-2),0 0 0 11.5px var(--ink),0 0 0 18px var(--phos),0 0 60px 20px rgba(197,240,58,.45)}
.plug-title{margin-top:56px;font-size:clamp(42px,6.4vw,118px);line-height:.9;font-weight:800;font-stretch:122%;letter-spacing:-.05em;max-width:14ch}
.plug-p{margin-top:24px;max-width:44ch;font-size:18px;line-height:1.5;color:var(--dim)}
.plug-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px}
.soon-btn{cursor:default}
.soon-btn::after{display:none}

/* ---------- footer ---------- */
.cfoot{position:relative;z-index:2;padding:40px calc(var(--gutter) + 40px) 26px;border-top:1.5px solid var(--fg)}
.cfoot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.cfoot-back{font-size:clamp(20px,1.8vw,28px);font-weight:700;font-stretch:115%;letter-spacing:-.02em;transition:transform .5s var(--ease)}
.cfoot-back:hover{transform:translateX(-6px)}
.cfoot-links{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--dim)}
.cfoot-links a:hover{color:var(--fg)}
.cfoot-attr{margin-top:34px;max-width:120ch;font-size:10.5px;line-height:1.7;color:var(--faint)}
.cfoot-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:22px;color:var(--dim)}

/* ---------- reduced motion ---------- */
.reduce .cable-plug{display:none}
.reduce .verdict{display:block}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .decide-stage{grid-template-columns:auto 1fr}
  .verdict{grid-column:1/-1}
  .map-grid{grid-template-columns:1fr 1fr}
  .map-grid .phone-tilt{display:none}
  .rest-grid{grid-template-columns:1fr 1fr}
  .rest-grid .car{grid-column:1/-1}
  .entries{grid-template-columns:1fr}
}
@media (max-width:760px){
  .chap,.atlas{padding:clamp(96px,14vh,140px) calc(var(--gutter) + 14px)}
  .cbar-logo{display:none}
  .cbar-status{display:none}
  .gauge{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));right:14px;transform:none;flex-direction:row-reverse;gap:8px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--bg) 80%,transparent);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .gauge-bar{width:54px;height:10px}
  .gauge-bar::before{left:auto;right:-5px;top:50%;width:3px;height:5px;transform:translateY(-50%)}
  .gauge-bar i{top:2px;bottom:2px;left:2px;right:auto;height:auto;width:calc((100% - 4px) * var(--g,.07))}
  .gauge-lab{display:none}
  .hero{min-height:640px}
  .hero-media img{object-position:50% 50%}
  .hero-media::after{background:linear-gradient(rgba(239,237,230,.88),rgba(239,237,230,.4) 46%,transparent 64%),linear-gradient(to top,rgba(239,237,230,.85),transparent 25%)}
  .hero-copy{top:calc(var(--bar-h) + 18px);right:var(--gutter);max-width:none}
  .hero-title{font-size:clamp(38px,11.4vw,56px)}
  .hero-lede{font-size:15.5px;margin-top:18px}
  .hero-cta{margin-top:22px}
  .hero-strip{gap:14px;flex-wrap:wrap;font-size:10.5px;bottom:64px}
  .chap-title{font-size:clamp(34px,9.6vw,50px)}
  .decide-stage{grid-template-columns:1fr;justify-items:center}
  .hold-wrap{order:-1}
  .verdict{width:100%}
  .map-grid{grid-template-columns:1fr}
  .board-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}
  .board-row>:nth-child(2),.board-row>:nth-child(3){display:none}
  .board-body .board-row{font-size:12px}
  .board-top{flex-direction:column;align-items:flex-start}
  .cable-line{stroke-width:4.5}
  .cable-shade{stroke-width:8}
  .rest-grid{grid-template-columns:1fr}
  .atlas-body{grid-template-columns:1fr;gap:20px}
  .atlas-index{top:60px;z-index:6;flex-direction:row;gap:6px;overflow-x:auto;padding:10px 0;margin:0 calc((var(--gutter) + 14px) * -1);padding-left:calc(var(--gutter) + 14px);padding-right:calc(var(--gutter) + 14px);background:var(--bg);border-top:0;border-bottom:1px solid var(--line);scrollbar-width:none}
  .atlas-index::-webkit-scrollbar{display:none}
  .ai{flex:none;grid-template-columns:auto auto;padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px}
  .ai-n{display:none}
  .ai:hover{padding-left:12px}
  .ai.is-on{padding-left:12px;border-color:var(--phos)}
  .sheet{scroll-margin-top:130px}
  .sheet-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"code t" "code count" "clip clip"}
  .sheet-code{font-size:76px}
  .sheet-clip{max-width:260px;margin-top:16px}
  .entry{grid-template-columns:44px minmax(0,1fr) auto}
  .tickets{grid-template-columns:1fr}
  .tk-plans{grid-template-columns:1fr}
  .socket{transform:scale(.8)}
  .cfoot{padding:36px calc(var(--gutter) + 14px) 90px}
  .cfoot-bottom{flex-direction:column}
}

/* ---------- 03 filters: the connector turns frame by frame ---------- */
.turn{padding-left:0;padding-right:0}
.turn-pin{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,72px);min-height:100vh;padding:0 calc(var(--gutter) + 40px)}
.turn-stage{position:relative;width:100%;max-width:min(80vh,720px);aspect-ratio:1;justify-self:center}
.turn-canvas,.turn-poster{position:absolute;inset:0;width:100%;height:100%;-webkit-mask:radial-gradient(closest-side,#000 62%,transparent 99%);mask:radial-gradient(closest-side,#000 62%,transparent 99%)}
.turn-poster{object-fit:contain;transition:opacity .5s}
.turn-canvas{opacity:0;transition:opacity .5s}
.turn-canvas.is-on{opacity:1}
.turn-canvas.is-on+.turn-poster{opacity:0}
.turn-deg{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);color:var(--dim);white-space:nowrap}
.turn-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px}
.turn-chips span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--fg);color:var(--fg);transition:background .45s,color .45s,box-shadow .45s}
.turn-chips span.is-on{background:var(--phos);box-shadow:inset 0 0 0 1.5px var(--phos);color:#000}
.turn-caps{display:grid;margin-top:26px}
.turn-caps li{grid-area:1/1;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1.5px solid var(--fg);opacity:0;transform:translateY(18px);transition:opacity .45s,transform .7s var(--ease)}
.turn-caps li.is-on{opacity:1;transform:none}
.turn-caps li>.mono{font-size:12px;color:var(--dim)}
.turn-caps b{font-size:clamp(24px,2.2vw,36px);line-height:1.02;font-weight:780;font-stretch:118%;letter-spacing:-.03em}
.turn-caps li>span:last-child{max-width:42ch;font-size:16px;line-height:1.5;color:var(--dim)}
.reduce .turn-caps li,.no-js .turn-caps li{grid-area:auto;opacity:1;transform:none;margin-bottom:20px}
.reduce .turn-canvas{display:none}

/* ---------- atlas: list ↔ sheet (grid) view ---------- */
.atlas-key{align-items:center}
.atlas-view{display:inline-flex;gap:4px;margin-left:auto;padding:3px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--fg)}
.atlas-view button{height:28px;padding:0 14px;border-radius:999px;font-family:var(--mono);font-size:11px;color:var(--dim);transition:background .3s,color .3s}
.atlas-view button.is-on{background:var(--fg);color:var(--bg)}
.atlas-view button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.atlas.is-grid .entries{grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:10px}
.atlas.is-grid .entry{grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-content:stretch;gap:12px;min-height:172px;padding:14px;border:1.5px solid var(--fg);border-radius:12px;background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:18px 18px;background-position:-1px -1px}
.atlas.is-grid .entry.is-pro{background-color:color-mix(in srgb,var(--phos) 24%,var(--paper))}
.atlas.is-grid .e-n{grid-row:1;grid-column:1;padding-top:0;color:var(--fg)}
.atlas.is-grid .e-pro,.atlas.is-grid .e-free{grid-row:1;grid-column:2;margin-top:0}
.atlas.is-grid .e-body{grid-row:2;grid-column:1/-1;align-self:end}
.atlas.is-grid .e-body h4{font-size:15.5px;background-size:0 100%}
.atlas.is-grid .entry.is-pro .e-body h4{background-image:none}
.atlas.is-grid .e-body p{font-size:12.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.atlas .entry{will-change:auto}

@media (max-width:760px){
  .turn-pin{grid-template-columns:1fr;align-content:center;gap:10px;min-height:100vh;min-height:100svh;padding:var(--bar-h) calc(var(--gutter) + 14px) 16px}
  .turn-stage{max-width:min(40vh,82vw)}
  .turn .chap-title{font-size:clamp(28px,8vw,40px)}
  .turn .chap-lede{display:none}
  .turn-chips{margin-top:12px;gap:4px}
  .turn-chips span{height:26px;padding:0 9px;font-size:11px}
  .turn-caps{margin-top:12px}
  .turn-caps b{font-size:21px}
  .turn-caps li>span:last-child{font-size:14px}
  .atlas-view{margin-left:0}
  .atlas.is-grid .entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .atlas.is-grid .entry{min-height:150px;padding:11px}
  .atlas.is-grid .e-body h4{font-size:14px}
  .atlas.is-grid .e-body p{-webkit-line-clamp:4;line-clamp:4;font-size:12px}
}

/* ---------- 05 one trip: a single card that changes shape (static stack by default, pinned morph when live) ---------- */
.journey{padding-left:0;padding-right:0}
.jr-intro{padding:0 calc(var(--gutter) + 40px);margin-bottom:clamp(40px,7vh,80px)}
.jr-pin{position:relative;padding:0 calc(var(--gutter) + 40px)}
.jr-track,.jr-night,.hud-c,.jr-code{display:none}
.jr-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.jr-s{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:26px;background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.jr-s.s2{background:var(--night-2);color:var(--bone);box-shadow:none}
.jr-kick{font-size:11px;color:var(--faint)}
.s2 .jr-kick,.s2 .s2-read{color:rgba(233,235,229,.6)}
.jr-story{font-size:clamp(22px,2vw,30px);line-height:1.04;font-weight:780;font-stretch:118%;letter-spacing:-.03em}
.jr-p{font-size:15px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}
.jr-p b{font-weight:700;background:linear-gradient(transparent 60%,rgba(197,240,58,.8) 60%,rgba(197,240,58,.8) 92%,transparent 92%)}
.s2 .jr-p{color:rgba(233,235,229,.8)}
.s2 .jr-p b{background:none;color:var(--phos)}
.jr-txt{display:flex;flex-direction:column;gap:8px}
.s0-map{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.s0-map img,.s0-map svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s0-route{fill:none;stroke:var(--phos);stroke-width:22;stroke-linecap:round;mix-blend-mode:multiply;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--draw,100))}
.s0-stop{fill:var(--ink);transform-box:fill-box;transform-origin:50% 50%}
.s0-sum{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:8px;background:var(--paper);font-size:11px;box-shadow:0 0 0 1px var(--ink)}
.s1-drive{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px;border-radius:18px;background:#000;color:var(--bone)}
.s1-dist{font-size:clamp(54px,5vw,84px);line-height:.85;font-weight:800;font-stretch:122%;letter-spacing:-.05em}
.s1-dist small{margin-left:.15em;font-size:.32em;letter-spacing:0;color:rgba(233,235,229,.65)}
.s1-turn{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:650;font-stretch:110%}
.s1-turn svg{width:30px;height:30px;flex:none;fill:none;stroke:var(--phos);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.s1-best{font-size:11px;color:var(--phos)}
.s2-reach{width:100%;max-width:260px;align-self:center;overflow:visible}
.reach-zone{fill:rgba(197,240,58,.08);stroke:var(--phos);stroke-width:1.5}
.reach-me{fill:var(--bone);stroke:#000;stroke-width:3}
.reach-dots circle{transition:fill .4s,stroke .4s}
.reach-dots .in{fill:var(--phos);stroke:none}
.reach-dots .out{fill:none;stroke:rgba(233,235,229,.3);stroke-width:1.5}
.s2-read b{color:var(--phos);font-weight:400}
.s3-timer{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:#000;color:var(--bone)}
.s3-timer svg{width:64px;height:64px;flex:none;transform:rotate(-90deg)}
.la-track{fill:none;stroke:#262823;stroke-width:6}
.la-ring{fill:none;stroke:var(--phos);stroke-width:6;stroke-linecap:round;stroke-dasharray:169.6;stroke-dashoffset:var(--ring,110)}
.s3-timer b{display:block;font-size:40px;line-height:1;font-weight:800;font-stretch:122%}
.s3-timer span{font-family:var(--mono);font-size:11px;color:rgba(233,235,229,.65)}
.s4-lines div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed rgba(13,13,11,.28);font-size:13px}
.s4-lines dd{margin:0}
.s4-gap{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.s4-gap mark{font-size:clamp(34px,3vw,48px);font-weight:800;font-stretch:120%;letter-spacing:-.03em}
.s4-gap span{font-size:11px;color:var(--faint)}

/* live: the frame is pinned and morphs; each stage owns one shape */
.journey.is-live{padding-bottom:0}
.journey.is-live .jr-pin{height:100vh;height:100svh;padding:0;overflow:hidden;display:grid;place-items:center}
.journey.is-live .jr-night{display:block;position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease)}
.journey.is-live .jr-night img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.journey.is-live .jr-night::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,rgba(14,15,13,.3),rgba(14,15,13,.92) 70%)}
.journey.is-dark .jr-night{opacity:1}
.journey.is-live .jr-track{display:flex;position:absolute;left:calc(var(--gutter) + 40px);right:calc(var(--gutter) + 40px);top:calc(var(--bar-h) + 14px);gap:8px;z-index:2}
.jr-track li{flex:1;display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--faint);transition:color .4s}
.jr-track li i{position:relative;height:2px;background:var(--line);overflow:hidden}
.jr-track li i::after{content:"";position:absolute;inset:0;background:var(--fg);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.jr-track li.is-on{color:var(--fg)}
.journey.is-live .jr-frame{position:relative;z-index:2;width:400px;height:620px}
.journey.is-live .hud-c{display:block;position:absolute;width:16px;height:16px;border:0 solid var(--fg);opacity:.75;transition:border-color .6s}
.hud-c.tl{left:-16px;top:-16px;border-top-width:1.5px;border-left-width:1.5px}
.hud-c.tr{right:-16px;top:-16px;border-top-width:1.5px;border-right-width:1.5px}
.hud-c.bl{left:-16px;bottom:-16px;border-bottom-width:1.5px;border-left-width:1.5px}
.hud-c.br{right:-16px;bottom:-16px;border-bottom-width:1.5px;border-right-width:1.5px}
.journey.is-live .jr-code{display:block;position:absolute;left:0;top:-40px;font-size:11px;color:var(--fg);white-space:nowrap}
.journey.is-live .jr-card{position:absolute;inset:0;display:block;border-radius:30px;background:var(--paper-2);color:var(--ink);box-shadow:0 50px 90px -60px rgba(13,13,11,.6),inset 0 0 0 1.5px var(--ink);overflow:hidden}
.journey.is-live .jr-card::before,.journey.is-live .jr-card::after{content:"";position:absolute;top:50%;z-index:3;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--ink);opacity:0;transition:opacity .35s}
.journey.is-live .jr-card::before{left:-15px}
.journey.is-live .jr-card::after{right:-15px}
.jr-frame.is-ticket .jr-card::before,.jr-frame.is-ticket .jr-card::after{opacity:1}
.jr-frame.is-receipt .jr-card{-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/18px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/18px 100%}
.journey.is-live .jr-s{position:absolute;inset:0;padding:26px;background:none;box-shadow:none;border-radius:0;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .4s var(--ease),transform .7s var(--ease),visibility 0s .4s}
.jr-frame[data-stage="0"] .s0,.jr-frame[data-stage="1"] .s1,.jr-frame[data-stage="2"] .s2,.jr-frame[data-stage="3"] .s3,.jr-frame[data-stage="4"] .s4{opacity:1!important;visibility:visible!important;transform:none!important;transition-delay:.12s,.12s,0s!important}
.journey.is-live .s0 .jr-txt{margin-top:auto}
.journey.is-live .s1{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:stretch}
.journey.is-live .s1 .jr-txt{justify-content:center}
.journey.is-live .s2{display:grid;place-items:center;align-content:center;text-align:center;color:var(--bone);padding:12%}
.journey.is-live .s2-reach{position:absolute;inset:4%;width:92%;max-width:none;opacity:.55}
.journey.is-live .s2 .jr-txt{position:relative;max-width:34ch;align-items:center}
.journey.is-live .s2 .jr-story{font-size:clamp(20px,1.8vw,27px)}
.journey.is-live .s2 .jr-p{font-size:14px}
.journey.is-live .s3{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center;padding:26px 34px}
.journey.is-live .s3 .s3-timer{flex-direction:column;justify-content:center;height:100%;text-align:center}
.journey.is-live .s3 .jr-txt{padding-left:28px;border-left:1.5px dashed rgba(13,13,11,.3)}
.journey.is-live .s4{padding:30px 30px 44px;background:#f8f7f2}
.journey.is-live .s4 .jr-txt{margin-top:auto}

/* screen-edge glow: only while the battery is low */
.edge-glow{position:fixed;inset:0;z-index:845;pointer-events:none;opacity:0;transition:opacity .9s var(--ease);box-shadow:inset 0 0 0 1.5px rgba(197,240,58,.85),inset 0 0 70px 6px rgba(197,240,58,.28)}
body.is-glow .edge-glow{opacity:1;animation:glow-breathe 2.6s ease-in-out infinite}
@keyframes glow-breathe{0%,100%{box-shadow:inset 0 0 0 1.5px rgba(197,240,58,.85),inset 0 0 70px 6px rgba(197,240,58,.24)}50%{box-shadow:inset 0 0 0 1.5px rgba(197,240,58,1),inset 0 0 110px 14px rgba(197,240,58,.36)}}
.reduce .edge-glow{animation:none}

/* HUD call-outs on the turning connector (Igloo-style) */
.hud-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hud-l{fill:none;stroke:var(--fg);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:var(--hd,0);opacity:.7}
.hud-dot{fill:var(--fg)}
.hud-tag{position:absolute;padding:4px 8px;border:1px solid var(--fg);background:color-mix(in srgb,var(--bg) 82%,transparent);font-size:11px;letter-spacing:.04em;white-space:nowrap}
.hud-tag::before,.hud-tag::after{content:"";position:absolute;width:5px;height:5px;border:0 solid var(--fg)}
.hud-tag::before{left:-4px;top:-4px;border-top-width:1.5px;border-left-width:1.5px}
.hud-tag::after{right:-4px;bottom:-4px;border-bottom-width:1.5px;border-right-width:1.5px}
.hud-tag.t1{left:0;top:16%;transform:translateY(-100%)}
.hud-tag.t2{right:0;top:84%}
.reduce .hud-lines,.reduce .hud-tag{display:none}

/* atlas folds away behind one button */
.atlas{overflow-anchor:none}
.atlas-open{display:inline-flex;align-items:center;gap:14px;margin-top:30px;height:56px;padding:0 24px 0 12px;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:650;font-size:15.5px;font-stretch:108%;transition:transform .5s var(--ease)}
.atlas-open:hover{transform:translateY(-2px)}
.ao-ring{position:relative;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--phos)}
.ao-ring::before,.ao-ring::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:var(--phos);transition:transform .5s var(--ease)}
.ao-ring::after{transform:rotate(90deg)}
.atlas-open[aria-expanded=true] .ao-ring::after{transform:rotate(0)}
.ao-close,.atlas-open[aria-expanded=true] .ao-t:not(.ao-close){display:none}
.atlas-open[aria-expanded=true] .ao-close{display:inline}
.atlas-fold{overflow:clip}
.atlas-fold[hidden]{display:none!important}
.atlas-fold .atlas-key{margin-top:clamp(36px,6vh,60px)}

@media (max-width:760px){
  .jr-intro,.jr-pin{padding-left:calc(var(--gutter) + 14px);padding-right:calc(var(--gutter) + 14px)}
  .journey.is-live .jr-track{left:calc(var(--gutter) + 14px);right:calc(var(--gutter) + 14px);top:calc(var(--bar-h) + 8px);gap:5px}
  .jr-track li span{display:none}
  .jr-track li.is-on span{display:block;position:absolute;top:10px;left:0;white-space:nowrap}
  .jr-track{position:relative}
  .journey.is-live .jr-s{padding:18px}
  .journey.is-live .jr-story{font-size:20px}
  .journey.is-live .jr-p{font-size:13.5px;line-height:1.5}
  .journey.is-live .s1{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:14px}
  .journey.is-live .s1-dist{font-size:46px}
  .journey.is-live .s2{padding:13%}
  .journey.is-live .s2 .jr-story{font-size:17px}
  .journey.is-live .s2 .jr-p{font-size:12px;line-height:1.42}
  .journey.is-live .s2 .s2-read{font-size:10px}
  .journey.is-live .s3{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:14px;padding:22px 24px}
  .journey.is-live .s3 .s3-timer{flex-direction:row;height:auto}
  .journey.is-live .s3 .jr-txt{padding-left:0;border-left:0;padding-top:12px;border-top:1.5px dashed rgba(13,13,11,.3)}
  .hud-tag{font-size:10px;padding:3px 6px}
  .atlas-open{height:52px;font-size:14px;padding-right:18px}
}
.journey.is-live .s0-stop{transform:scale(0);transition:transform .5s var(--ease-back)}
.journey.is-live .s0-stop.on{transform:scale(1)}
.journey.is-live .s0-map{flex:1;aspect-ratio:auto;min-height:0}
.journey.is-live .jr-code{top:auto;bottom:-38px}
.journey.is-live .s2-reach{opacity:.8}
.journey.is-live .s2 .jr-txt{isolation:isolate}
.journey.is-live .s2 .jr-txt::before{content:"";position:absolute;inset:-22% -16%;z-index:-1;background:radial-gradient(closest-side,rgba(24,26,22,.96) 55%,rgba(24,26,22,0))}
/* receipt: the overcharge is a longer bar, never a figure */
.s4-bars{display:flex;flex-direction:column;gap:14px;padding-bottom:6px}
.s4-bar{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:12px;font-size:12px}
.s4-bar i{position:relative;height:14px;border-radius:3px;background:rgba(13,13,11,.08);overflow:hidden}
.s4-bar i::before,.s4-bar i s{content:"";position:absolute;top:0;bottom:0;left:0}
.s4-bar i::before{width:80%;background:var(--ink);transform-origin:0 50%;transform:scaleX(var(--grow,1))}
.s4-bar i.paid s{left:80%;width:20%;background:repeating-linear-gradient(-45deg,var(--phos) 0 6px,#a9d22a 6px 9px);transform-origin:0 50%;transform:scaleX(clamp(0,calc(var(--grow,1) * 1.6 - .6),1))}
.s4-gap mark{font-size:clamp(22px,2vw,30px);font-weight:780;font-stretch:118%;letter-spacing:-.025em;line-height:1.1}
/* board: the price column is an order bar */
.col-price .fl{color:var(--phos);font-size:.9em}