
body{margin:0}
.mnav a{display:block;padding:14px 4px;border-top:1px solid rgba(170,196,235,0.14);color:#E3EAF5;text-decoration:none;font-weight:700;font-size:17px}
.mnav a.navlink-active{color:#A9C394}
@media (max-width:600px){.hdr-in{padding:14px 16px !important;gap:12px !important}}


body{margin:0}


.glass{background:rgba(255,255,255,0.045);border:1px solid rgba(170,196,235,0.20);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.otab{width:100%;border-collapse:collapse;min-width:760px}
.otab th{text-align:left;font-family:'JetBrains Mono',monospace;font-weight:400;font-size:10.5px;letter-spacing:0.16em;color:#A9B7CD;padding:0 16px 14px;border-bottom:1px solid rgba(170,196,235,0.3)}
.otab td{padding:18px 16px;border-bottom:1px solid rgba(170,196,235,0.14);font-size:16px;color:#EEF2F8;vertical-align:middle}
.otab .num{font-weight:600;font-variant-numeric:tabular-nums}
.otab .occ{font-weight:300;font-size:30px;color:#FFFFFF;line-height:1}
.otab .tag{display:block;margin-top:6px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.14em;color:#A9B7CD}
.otab .bar{display:block;height:8px;border-radius:4px;background:rgba(127,161,209,0.75);margin-top:8px}
.otab tr.hl td{background:rgba(169,195,148,0.10)}
.otab tr.hl .bar{background:#A9C394}
.otab tr.tgt td{padding:12px 16px;background:rgba(169,195,148,0.04);border-top:2px dashed rgba(169,195,148,0.7);border-bottom:2px dashed rgba(169,195,148,0.7);color:#A9C394;font-size:14px}
.up{color:#A9C394}.down{color:#E8A99C}

/* --- Oct 2026 fixes: real video players, responsive stats, map callout, table hint --- */
.vid{display:block;width:100%;height:100%;background:#000;object-fit:contain}
.hstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.hstats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px !important}.hstats>div:nth-child(3){border-left:0 !important;padding-left:0 !important}.hstats>div:nth-child(2n){padding-right:0 !important}}
@media (max-width:600px){.hstats>div>span:first-child{font-size:clamp(24px,7.2vw,32px) !important}.hstats>div:nth-child(odd){padding-right:12px !important}.hstats>div:nth-child(even){padding-left:12px !important}}
@media (max-width:600px){.map-callout{left:auto !important;right:0 !important;top:calc(59.2% + 22px) !important}}
.swipe-hint{display:none;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:0.14em;color:#A9B7CD}
@media (max-width:800px){.swipe-hint{display:block}}
@media (max-width:600px){.ytab{min-width:0 !important;font-size:14px !important}.ytab th,.ytab td{padding:12px 12px !important}}
.glass.tile{container-type:inline-size}
@container (max-width:540px){.refstats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;row-gap:18px !important}}
@media (max-width:600px){.refstats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;row-gap:18px !important}}
@media (max-width:600px){div:has(> .node){gap:4px !important}.node{width:40px !important;height:40px !important;flex:0 0 40px}.node svg{width:20px;height:20px}.wire{min-width:4px !important;flex:1 1 4px !important}.node-now{transform:scale(1.08)}.flowlabels strong,.flowlabels br{display:none}}
@media (max-width:360px){div:has(> .node){gap:3px !important}.node{width:34px !important;height:34px !important;flex:0 0 34px}.node svg{width:18px;height:18px}.wire{min-width:2px !important;flex:1 1 2px !important}}
@media (max-width:600px){.stepcard{flex-direction:column !important;align-items:flex-start !important;gap:8px !important;padding:20px !important}}

/* --- round 3 --- */
@media (max-width:600px){.mawtiles>div{padding:18px 16px !important}.mawtiles>div>span:first-child{font-size:clamp(22px,6.4vw,40px) !important;white-space:nowrap}}
.calc-sticky{display:none}@media (max-width:860px){.calc-sticky{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(8,23,51,0.96);border-top:1px solid rgba(169,195,148,0.45);box-shadow:0 -10px 30px rgba(2,8,24,0.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cs-cell{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.cs-cell+.cs-cell{border-left:1px solid rgba(170,196,235,0.18)}.cs-v{font-weight:600;font-size:18px;font-variant-numeric:tabular-nums}.cs-l{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:0.12em;color:#A9B7CD}body:has(.calc-sticky){padding-bottom:74px}}
.bars-wrap .bar{transform-origin:bottom;transition:height .35s ease,background .35s ease,transform .7s cubic-bezier(.2,.8,.2,1)}html.js-anim .bars-wrap .bar{transform:scaleY(0)}html.js-anim.bars-in .bars-wrap .bar{transform:scaleY(1)}.grow-run .bars-wrap .bar:nth-of-type(3){transition-delay:0ms}.grow-run .bars-wrap .bar:nth-of-type(4){transition-delay:28ms}.grow-run .bars-wrap .bar:nth-of-type(5){transition-delay:56ms}.grow-run .bars-wrap .bar:nth-of-type(6){transition-delay:84ms}.grow-run .bars-wrap .bar:nth-of-type(7){transition-delay:112ms}.grow-run .bars-wrap .bar:nth-of-type(8){transition-delay:140ms}.grow-run .bars-wrap .bar:nth-of-type(9){transition-delay:168ms}.grow-run .bars-wrap .bar:nth-of-type(10){transition-delay:196ms}.grow-run .bars-wrap .bar:nth-of-type(11){transition-delay:224ms}.grow-run .bars-wrap .bar:nth-of-type(12){transition-delay:252ms}.grow-run .bars-wrap .bar:nth-of-type(13){transition-delay:280ms}.grow-run .bars-wrap .bar:nth-of-type(14){transition-delay:308ms}.grow-run .bars-wrap .bar:nth-of-type(15){transition-delay:336ms}.grow-run .bars-wrap .bar:nth-of-type(16){transition-delay:364ms}.grow-run .bars-wrap .bar:nth-of-type(17){transition-delay:392ms}.grow-run .bars-wrap .bar:nth-of-type(18){transition-delay:420ms}.grow-run .bars-wrap .bar:nth-of-type(19){transition-delay:448ms}.grow-run .bars-wrap .bar:nth-of-type(20){transition-delay:476ms}.grow-run .bars-wrap .bar:nth-of-type(21){transition-delay:504ms}.grow-run .bars-wrap .bar:nth-of-type(22){transition-delay:532ms}.grow-run .bars-wrap .bar:nth-of-type(23){transition-delay:560ms}.grow-run .bars-wrap .bar:nth-of-type(24){transition-delay:588ms}.grow-run .bars-wrap .bar:nth-of-type(25){transition-delay:616ms}.grow-run .bars-wrap .bar:nth-of-type(26){transition-delay:644ms}.grow-run .bars-wrap .bar:nth-of-type(27){transition-delay:672ms}
.srcs summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#C3CEDF;padding:6px 0}.srcs summary::-webkit-details-marker{display:none}.srcs summary::before{content:'+';display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid rgba(170,196,235,0.45);font-size:13px;line-height:1}.srcs[open] summary::before{content:'\2212'}.srcs summary:focus-visible{outline:2px solid #A9C394;outline-offset:3px;border-radius:4px}
@media (max-width:600px){.opstats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.opstats>div{border-right:0 !important;border-bottom:1px solid rgba(170,196,235,0.14);padding:18px 18px !important}.opstats>div:nth-child(odd):not(:last-child){border-right:1px solid rgba(170,196,235,0.14) !important}.opstats>div:last-child{grid-column:1 / -1;border-bottom:0}}
.chstrip{border-top:1px solid rgba(170,196,235,0.10)}.chstrip-in{max-width:1240px;margin:0 auto;padding:8px 32px;display:flex;align-items:center;gap:16px}.chstrip-l{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.16em;color:#A9C394;white-space:nowrap}.chstrip-segs{flex:1;display:flex;gap:6px;max-width:420px}.chseg{flex:1;height:4px;border-radius:2px;background:rgba(170,196,235,0.22);display:block}.chseg-done{background:rgba(169,195,148,0.55)}.chseg-now{background:#A9C394}@media (max-width:600px){.chstrip-in{padding:8px 16px;gap:12px}.chstrip-l{font-size:10px}}
.pin.pin-r{transform:translate(-7px,-50%)}.pin.pin-l{transform:translate(calc(-100% + 7px),-50%);flex-direction:row-reverse}@media (max-width:600px){.pin-r .plabel,.pin-l .plabel{letter-spacing:0.06em;padding:3px 6px}.lbl-h{display:none}.pin-r .plabel{transform:translateY(55%);letter-spacing:0 !important}.maplegend{left:8px !important;bottom:8px !important;padding:8px 10px !important;gap:4px !important;font-size:11px !important}.maplegend>span>span{width:9px !important;height:9px !important}}
.route:not(.route-on){opacity:.82 !important}
