.bpc0{--c:var(--color-yellow)}.bpc1{--c:var(--color-pink-deep)}.bpc2{--c:var(--color-mint)}.bpc3{--c:var(--color-dusk)}.bpc4{--c:var(--color-sky)}.bpcx{--c:#f7b27a}.bp-grid{flex:none;grid-template-columns:repeat(10,1fr);display:grid}.bp-grid-big{background:var(--color-night);border:3px solid var(--color-ink);width:clamp(190px,26vw,260px);box-shadow:4px 4px 0 var(--color-ink);gap:3px;padding:6px}.bp-grid-mini{gap:1px;width:100%}.bp-px{aspect-ratio:1;background:var(--c);opacity:.26;display:block}.bp-px.is-part{opacity:.72}.bp-px.is-on{opacity:1;animation:.24s steps(3,end) both bp-pop;box-shadow:inset 2px 2px #ffffff8c,inset -2px -2px #0a1c4a59}.bp-grid-mini .bp-px.is-on{box-shadow:none}.bp-px:nth-child(3n).is-on{animation-delay:40ms}.bp-px:nth-child(5n).is-on{animation-delay:80ms}.bp-px:nth-child(7n).is-on{animation-delay:.12s}@keyframes bp-pop{0%{transform:scale(.4)}66%{transform:scale(1.18)}to{transform:none}}.bp-window{background:var(--color-night);max-width:none;color:var(--color-text)}.bp-window .window-bar{flex-wrap:wrap;gap:0 12px}.bp-hero{align-items:center;gap:28px;padding:clamp(18px,3.4vw,36px);display:grid}@media (width>=860px){.bp-hero{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px}}.bp-kicker{width:fit-content;font-family:var(--pixel);color:var(--color-ink);background:var(--color-yellow);padding:2px 8px;font-size:13px}.bp-tiles{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.bp-tile{background:var(--color-deep);border:3px solid var(--color-line);flex-direction:column;flex:64px;align-items:center;max-width:124px;padding:10px 6px 8px;display:flex;box-shadow:3px 3px #000}.bp-tile:first-child{border-color:var(--color-yellow)}.bp-num{font-family:var(--pixel);color:#fff;font-size:clamp(28px,4.6vw,48px);font-weight:400;line-height:1.05}.bp-tile:first-child .bp-num{color:var(--color-yellow)}.bp-tile small{color:var(--color-text);margin-top:4px;font-size:13px}.bp-minis{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.6vw,14px);display:grid}.bp-road{flex-direction:column;display:flex}.bp-road-item{position:relative}.bp-stop,.bp-jee{color:var(--color-ink);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.bp-stop{border:3px solid var(--color-ink);min-height:44px;box-shadow:3px 3px 0 var(--color-ink);background:#fff;text-decoration:none}.bp-stop:hover{background:var(--color-paper-2)}.bp-stop[aria-current]{background:var(--color-yellow);box-shadow:5px 5px 0 var(--color-ink)}.bp-stop.is-over b{text-decoration:line-through}.bp-jee{background:var(--color-paper-2);border:2px dashed var(--color-ink-soft)}.bp-jee.is-yours{background:#fff;border-style:solid}.bp-stop-meter{grid-template-columns:repeat(10,1fr);gap:2px;margin-top:6px;display:grid}.bp-stop-meter i{background:#173a8c29;height:7px;display:block}.bp-stop-meter i.is-on{background:var(--color-ink)}.bp-cat{z-index:1;width:42px;height:33px;image-rendering:pixelated;position:absolute;top:-30px;right:12px}.bp-gap{border-left:4px dotted var(--color-ink);min-height:34px;color:var(--color-ink-soft);align-items:center;margin-left:22px;padding-left:16px;font-size:13px;font-weight:600;display:flex}.bp-gap.is-s{min-height:44px}.bp-gap.is-m{min-height:60px}.bp-gap.is-l{min-height:72px}@media (width>=1240px){.bp-road{flex-direction:row;align-items:stretch;padding-top:28px}.bp-road-item{flex:130px;min-width:100px;display:flex}.bp-road-item:has(.bp-stop){min-width:128px}.bp-stop b{font-size:15px}.bp-stop{padding:10px}.bp-road-item>*{width:100%}.bp-road-item>.bp-cat{width:42px}.bp-gap{text-align:center;border-left:0;flex-direction:column;flex:0 44px;justify-content:center;min-width:40px;min-height:0;margin:0;padding:0;line-height:1.2;position:relative}.bp-gap:before{content:"";border-top:4px dotted var(--color-ink);position:absolute;top:50%;left:0;right:0}.bp-gap span{background:var(--color-paper);padding:2px;position:relative}.bp-gap.is-xs{flex-basis:40px}.bp-gap.is-s{flex-basis:52px;min-height:0}.bp-gap.is-m{flex-basis:72px;min-height:0}.bp-gap.is-l{flex-basis:84px;min-height:0}}.bp-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:20px;display:flex}.bp-tools label{min-width:0;max-width:100%}.bp-select{min-width:0;max-width:100%;min-height:44px;font:inherit;color:var(--color-ink);border:2px solid var(--color-ink);background:#fff;border-radius:0;padding:6px 8px;font-weight:600}.bp-panel{gap:28px;scroll-margin-top:84px;display:grid}:root.js .bp-panel:not(.is-open){display:none}@media (width>=1000px){.bp-panel{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:44px}}@media (width>=1000px) and (height>=960px){.bp-side{position:sticky;top:84px}}.bp-key{flex-wrap:wrap;gap:4px 16px;display:flex}.bp-key li{align-items:center;gap:6px;display:flex}.bp-key .bp-px{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--color-ink);animation:none}.bp-clear{background:var(--color-mint-soft);border:2px solid var(--color-ink);align-items:center;gap:6px;width:fit-content;margin:10px 0 0;padding:3px 8px;font-size:14px;font-weight:600;display:flex}.bp-clear img{width:16px;height:16px;image-rendering:pixelated}.bp-facts{margin:16px 0 0}.bp-facts div{border-top:2px solid var(--color-line-soft);flex-wrap:wrap;justify-content:space-between;gap:2px 16px;padding:8px 0;font-size:15px;display:flex}.bp-facts dt{color:var(--color-ink-soft)}.bp-facts dd{margin:0;font-weight:600}.bp-level{grid-template-columns:repeat(10,1fr);gap:2px;margin-top:3px;display:grid}.bp-level i{background:#173a8c24;height:8px;display:block}.bp-level i.is-on{background:var(--color-dusk)}.bp-block{border-top:3px solid var(--color-ink);padding:14px 0 16px}.bp-block.is-single{border-top-width:2px;padding:2px 0}.bp-block.is-single .bp-row{font-family:var(--mono,inherit);font-weight:600}.bp-block-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.bp-swatch{background:var(--c);border:2px solid var(--color-ink);flex:none;width:16px;height:16px}.bp-row{cursor:pointer;align-items:center;gap:12px;min-height:44px;padding:4px 0;font-size:15px;display:flex}.bp-row:hover{background:var(--color-paper-2)}:root:not(.js) .bp-row{cursor:default}.bp-check{appearance:none;border:2px solid var(--color-ink);width:24px;height:24px;box-shadow:2px 2px 0 var(--color-ink);cursor:pointer;background:#fff;flex:none;margin:0}.bp-check:checked{background:var(--color-mint) url(/img/tick.png) center / 16px 16px no-repeat;image-rendering:pixelated}.bp-check:checked~.bp-row-name{color:var(--color-ink-soft)}.bp-notes{border:2px solid var(--color-ink);background:#fff;margin-top:44px;padding:clamp(16px,2.6vw,24px)}@media (prefers-reduced-motion:reduce){.bp-px.is-on{animation:none}}