:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#151719;font-family:Avenir Next Condensed,Arial Narrow,system-ui,sans-serif;font-weight:500}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,table{font:inherit}.scene{background-color:#151719;background-image:linear-gradient(#0d141b0f,#0d141b2e),url(/images/roadside-landscape.jpg);background-position:50%;background-size:cover;place-items:center;min-height:100svh;padding:28px 20px 36px;display:grid}.pylon-wrap{width:min(400px,100%)}.pylon{background:#ff690d;border:1px solid #d94900;border-radius:20px 20px 5px 5px;padding:14px 14px 12px;overflow:hidden;box-shadow:0 25px 42px #0000007a,inset 0 0 0 2px #ff9f305c}.pylon-brand{border-bottom:2px solid #401c0b85;align-content:center;justify-items:center;min-height:184px;padding:8px 12px 16px;display:grid}.brand-logo{width:clamp(100px,27vw,142px);height:auto;display:block}.price-table{table-layout:fixed;border-collapse:separate;border-spacing:0 5px;width:100%}.fuel-column{width:22%}.today-column{width:44%}.tomorrow-column{width:34%}.price-table thead th{text-align:center;vertical-align:middle;border-right:1px solid #582b1147;height:48px;padding:4px 3px 5px;font-size:clamp(13px,3.8vw,17px);font-weight:800;line-height:1.05}.price-table thead th:last-child{border-right:0}.price-table thead th span,.price-table thead time{display:block}.price-table thead time{margin-top:3px;font-size:clamp(10px,2.8vw,12px);font-weight:600}.fuel-row>*{background:linear-gradient(#17191a,#080909);border-block:1px solid #3b3e3f;height:98px}.fuel-row>:first-child{border-left:1px solid #3b3e3f;border-radius:11px 0 0 11px}.fuel-row>:last-child{border-right:1px solid #3b3e3f;border-radius:0 11px 11px 0}.fuel-row th{padding:8px}.fuel-row{cursor:pointer}.fuel-row:hover>*{filter:brightness(1.12)}.fuel-row-toggle{cursor:pointer;background:0 0;border:0;justify-items:center;width:100%;padding:0;display:grid}.fuel-badge{color:#fff;background:#08743d;border-radius:7px;place-items:center;width:min(100%,62px);height:58px;margin-inline:auto;font-family:Avenir Next Condensed,Arial Narrow,system-ui,sans-serif;font-size:clamp(23px,7vw,32px);font-weight:800;line-height:1;display:grid}.fuel-row--pb98 .fuel-badge{background:#d82418}.fuel-row--on .fuel-badge{background:#343637}.price-cell{text-align:center;vertical-align:middle;border-right:1px solid #404344;padding:7px 4px}.led-price{white-space:nowrap;color:#ffad24;filter:drop-shadow(0 0 2px #ff970f29);justify-content:center;align-items:center;display:inline-flex}.led-price--today{gap:clamp(1px,.35vw,4px)}.led-price--tomorrow{gap:1px}.led-digit{aspect-ratio:50/84;width:clamp(19px,5.8vw,34px);overflow:visible}.led-price--tomorrow .led-digit{width:clamp(14px,4.2vw,24px)}.segment{fill:none;stroke:#3c2b14;stroke-width:6px;stroke-linecap:square}.segment--on{stroke:#ffad24}.led-comma{align-self:flex-end;margin:0 0 3px -1px;font-family:Avenir Next Condensed,Arial Narrow,system-ui,sans-serif;font-size:clamp(30px,8vw,47px);font-weight:700;line-height:.8}.led-price--tomorrow .led-comma{font-size:clamp(21px,5.2vw,31px)}.price-change,.tomorrow-note{margin-top:3px;font-family:Barlow Condensed,sans-serif;font-size:clamp(12px,3.3vw,16px);font-weight:700;line-height:1.05;display:block}.price-change--up{color:#ff6859}.price-change--down{color:#55d98a}.price-change--same{color:#e6bd68}.tomorrow-note{color:#f5f5f5;white-space:nowrap;margin-inline:auto;font-size:clamp(7px,2.4vw,12px);font-weight:500}.price-disclaimer{color:#1e160f;align-items:flex-start;gap:9px;margin:13px 5px 12px;font-size:clamp(14px,3.7vw,17px);font-weight:600;line-height:1.25;display:flex}.info-mark{border:2px solid #21180f;border-radius:50%;flex:0 0 21px;place-items:center;width:21px;height:21px;font-family:Georgia,serif;font-size:14px;font-style:italic;font-weight:700;display:grid}.source-panel{color:#f2f2f2;background:#111313;border:1px solid #3d4142;border-radius:9px;align-items:flex-start;gap:11px;padding:11px 13px;font-family:system-ui,sans-serif;font-size:clamp(11px,3vw,13px);line-height:1.35;display:flex}.source-panel div{gap:2px;display:grid}.source-panel strong{color:#fff;font-weight:650}.source-panel span:not(.status-dot){color:#a8aaab}.source-panel a{color:#ffbd5a;text-underline-offset:2px}.status-dot{background:#e6a72d;border-radius:50%;flex:0 0 10px;width:10px;height:10px;margin-top:4px}.source-panel--offline{border-color:#a45a10}.source-panel--offline .status-dot{background:#ffad24}.independent-note{color:#3b1b09;text-align:center;margin:8px 3px 0;font-family:system-ui,sans-serif;font-size:10px;line-height:1.3}.pylon-foot{background:linear-gradient(#ff690d 0 40%,#222525 41% 100%);border-bottom:5px solid #222525;justify-content:space-between;height:25px;margin:0 22px;display:flex}.pylon-foot span{background:#2b2e2f;width:16px;height:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.history-row>td{background:0 0;border:0;padding:0}.history-expander{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s,opacity .18s;display:grid}.history-expander--open{opacity:1;grid-template-rows:1fr}.history-panel{color:#f2f2f2;background:#111313;border:1px solid #3b3e3f;border-radius:0 0 11px 11px;min-height:0;margin-top:-5px;padding:15px 16px 12px;overflow:hidden}.history-panel h2{margin:0 0 11px;font:700 16px/1.2 system-ui,sans-serif}.history-ranges{gap:6px;margin-bottom:8px;display:flex}.history-ranges button{color:#f2f2f2;cursor:pointer;background:0 0;border:1px solid #747879;border-radius:999px;min-width:68px;padding:5px 12px;font:600 12px/1.15 system-ui,sans-serif}.history-ranges button[aria-pressed=true]{color:#17110c;background:#ff690d;border-color:#ff690d}.history-ranges button:focus-visible,.history-data summary:focus-visible{outline-color:#ffad24}.history-chart-shell{width:100%;position:relative}.history-chart{cursor:crosshair;pointer-events:all;touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.chart-gridline{stroke:#292d2e;stroke-width:1px}.chart-axis{stroke:#777c7d;stroke-width:1px}.chart-axis-label{fill:#c6c9c9;font:10px system-ui,sans-serif}.chart-date-label{fill:#aeb2b2;font-size:9px}.chart-date-label--future{fill:#fff}.chart-line{fill:none;stroke:#ff690d;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-line--future{stroke-dasharray:5 5}.chart-tomorrow-separator{stroke:#d5d7d7;stroke-width:1px;stroke-dasharray:3 4}.chart-point-hit{fill:#0000;cursor:pointer}.chart-point{fill:#ff690d;stroke:#ffad24;stroke-width:1.4px;pointer-events:none}.chart-point--future{fill:#111313;stroke:#f3f3f3;stroke-width:2px}.chart-tooltip{z-index:1;color:#f2f2f2;pointer-events:none;background:#090a0a;border:1px solid #575b5c;border-radius:5px;gap:2px;min-width:80px;padding:6px 8px;font:11px/1.2 system-ui,sans-serif;display:grid;position:absolute;transform:translate(-50%,-112%)}.chart-tooltip small{color:#c1c4c4}.chart-legend{color:#d8dada;flex-wrap:wrap;gap:8px 18px;margin:0 0 6px 3px;font:11px system-ui,sans-serif;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend-dot{background:#ff690d;border:2px solid #ffad24;border-radius:50%;width:10px;height:10px}.chart-legend-dot--future{background:0 0;border-color:#f3f3f3}.history-empty{color:#f2f2f2;margin:8px 0;font:13px/1.4 system-ui,sans-serif}.history-data{color:#eceeee;border-top:1px solid #383c3d;font:12px system-ui,sans-serif}.history-data summary{cursor:pointer;width:fit-content;padding:8px 0 2px}.history-data-scroll{max-height:180px;margin-top:6px;overflow:auto}.history-data table{border-collapse:collapse;width:100%;font:inherit;text-align:left}.history-data th,.history-data td{border-bottom:1px solid #303435;padding:5px 6px}.history-data th{color:#ffbd5a}@media (width>=900px){.pylon-wrap{zoom:clamp(1.15, 7.5vw, 1.4)}}:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (width<=560px){.scene{background-color:#111313;background-image:none;align-items:start;min-height:100svh;padding:0}.pylon-wrap{width:100%}.pylon{min-height:100svh;box-shadow:none;border:0;border-radius:0;padding:10px 10px 12px}.pylon-brand{min-height:clamp(150px,26svh,205px)}.brand-logo{width:clamp(96px,27vw,132px)}.fuel-row>*{height:clamp(82px,12svh,98px)}.fuel-row th{padding:5px}.fuel-badge{height:clamp(48px,7.4svh,60px)}.source-panel{margin-top:2px}.independent-note{color:#4a1e09}}@media (width<=350px){.pylon{padding-inline:7px}.fuel-column{width:20%}.today-column{width:45%}.tomorrow-column{width:35%}.fuel-row th{padding-inline:4px}.price-change{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}