.brd{padding:32px 0 64px;overflow:hidden}.brd-grid{display:grid;gap:36px}.brd-stage{order:2}.brd-copy{order:3}.brd h1{font-size:min(13.6vw,64px);font-weight:900;line-height:.88;text-transform:uppercase;margin-top:14px}.brd h1 span{display:block;white-space:nowrap}.brd h1 .alt{color:var(--pinly-accent)}.brd-sub{font-size:17.5px;line-height:1.55;color:var(--pinly-fg-muted);max-width:46ch}.brd-fine{font:400 12.5px/1.5 var(--pinly-font-mono);color:var(--pinly-fg-subtle);margin-top:18px}.brd-stage{align-self:end;min-width:0}.brd-signs{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.brd-sign{display:flex;flex-direction:column;align-items:center;min-width:0}.brd-sign[data-side="1"] .brd-pole{height:74px}.brd-panel{width:100%;background:#12110f;color:#f2efe8;border-radius:6px;padding:14px 12px 16px;box-shadow:5px 5px 0 var(--pinly-accent)}.brd-name{font:700 clamp(15px,2.1vw,21px)/1.05 var(--c-display);text-transform:uppercase;letter-spacing:.02em;min-height:2.1em;display:flex;align-items:flex-end}.brd-fuel{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #34322D;font:500 10.5px/1 var(--pinly-font-mono);letter-spacing:.08em;text-transform:uppercase;color:#a29d92}.brd-digits{display:flex;gap:3px;align-items:stretch;margin-top:10px;perspective:400px;font:800 clamp(46px,10.5vw,84px)/1 var(--c-display);font-variant-numeric:tabular-nums}.brd-digits .cell{flex:1;min-width:0;text-align:center;background:#1e1d1a;border-radius:4px;padding:.1em 0 .06em;background-image:linear-gradient(#0000 calc(50% - .5px),#0a0a09 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));transform-origin:50% 50%;backface-visibility:hidden}.brd-digits .dot{align-self:flex-end;padding-bottom:.08em;width:.2em;text-align:center}.brd-digits[data-band="0"]{color:#3ddc84}.brd-digits[data-band="1"]{color:#a9cf45}.brd-digits[data-band="2"]{color:#ebc02f}.brd-digits[data-band="3"]{color:#f28b30}.brd-digits[data-band="4"]{color:#f2543f}.brd-digits .cell.flip{animation:brd-flip .5s cubic-bezier(.3,0,.3,1) both}@keyframes brd-flip{0%{transform:rotateX(0)}49%{transform:rotateX(-90deg)}51%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.brd-pole{width:14px;height:46px;background:#12110f}.brd-ground{position:relative;border-top:2px solid var(--pinly-fg);height:34px;margin:0 -8px}.brd-dim{position:absolute;left:25%;right:25%;top:12px;padding-top:7px;border-top:1px solid var(--pinly-fg-subtle);display:flex;justify-content:center;gap:.4em;white-space:nowrap;font:500 12px/1 var(--pinly-font-mono);color:var(--pinly-fg-muted)}.brd-dim:before,.brd-dim:after{content:"";position:absolute;top:-5px;width:1px;height:9px;background:var(--pinly-fg-subtle)}.brd-dim:before{left:0}.brd-dim:after{right:0}.brd-dim b{font-weight:600;color:var(--pinly-fg)}.brd-result{margin-top:18px;font-size:19px;line-height:1.35;color:var(--pinly-fg-muted)}.brd-result b{font:800 1.5em/1 var(--c-display);color:var(--pinly-fg);letter-spacing:.01em}.brd-result span{display:block;margin-top:2px}.brd-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.brd-tabs button{font:500 13.5px/1 var(--pinly-font-ui);min-height:44px;padding:0 13px;cursor:pointer;border:1.5px solid var(--pinly-line);border-radius:4px;background:none;color:var(--pinly-fg-muted)}.brd-tabs button i{font:400 10.5px var(--pinly-font-mono);margin-left:3px;opacity:.75}.brd-tabs button:hover{border-color:var(--pinly-fg);color:var(--pinly-fg)}.brd-tabs button[aria-pressed=true]{background:var(--pinly-fg);border-color:var(--pinly-fg);color:var(--pinly-bg)}.rng{margin-top:44px;border-top:1.5px solid var(--pinly-fg)}.rng-row,.rng-axis{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:14px 0 26px;border-bottom:1px solid var(--pinly-line)}.rng-axis{display:none}.rng-name{font:700 21px/1 var(--c-display);text-transform:uppercase;letter-spacing:.02em}.rng-name i,.rng-tank span{font:400 11px var(--pinly-font-mono);color:var(--pinly-fg-subtle);letter-spacing:.04em;margin-left:4px}.rng-tank{font:800 22px/1 var(--c-display);text-align:right}.rng-tank{grid-row:1;grid-column:2}.rng-track{grid-row:2;grid-column:1 / -1;position:relative;height:30px;margin:6px 34px 0}.rng-span{position:absolute;top:50%;height:1px;background:var(--pinly-fg-subtle)}.rng-track b{position:absolute;top:3px;bottom:3px;width:3px;margin-left:-1.5px;border-radius:1px;opacity:.9}.rng-track em{position:absolute;top:100%;margin-top:3px;font:500 11px/1 var(--pinly-font-mono);font-style:normal;color:var(--pinly-fg-muted)}.rng-track em.lo{transform:translate(50%)}.rng-track em.hi{transform:translate(-50%)}@media (min-width:900px){.brd{padding:44px 0 88px}.brd-grid{grid-template-columns:1.1fr .9fr;gap:44px 64px;align-items:start}.brd-head{grid-column:1 / -1}.brd h1{font-size:clamp(64px,7.1vw,104px)}.brd h1 span{display:inline}.brd h1 .alt{display:block}.brd-stage{order:0}.brd-copy{padding-top:8px}.brd-signs{gap:22px}.brd-panel{padding:18px 16px 20px}.brd-digits{font-size:clamp(60px,6.6vw,92px)}.rng-row,.rng-axis{grid-template-columns:190px 1fr 120px;gap:20px;padding:11px 0}.rng-axis{display:grid;padding:10px 0 4px;border-bottom:0}.rng-axis .rng-track{height:14px}.rng-axis i{position:absolute;transform:translate(-50%);font:400 11px/1 var(--pinly-font-mono);font-style:normal;color:var(--pinly-fg-subtle)}.rng-tank{grid-row:auto;grid-column:auto}.rng-track{grid-row:1;grid-column:2;margin:0 34px}.rng-track em{top:50%;margin-top:-5px}.rng-track em.lo{transform:translate(-7px)}.rng-track em.hi{transform:translate(7px)}.rng-row{border-bottom-color:var(--pinly-line-2)}}
