@font-face{font-family:Tourney;font-style:italic;font-weight:100 900;font-stretch:75% 125%;font-display:swap;src:url(/fonts/tourney-latin-wdth-italic.woff2)format("woff2-variations")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/chakra-petch-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/chakra-petch-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/chakra-petch-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/chakra-petch-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/chakra-petch-latin-500-italic.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/chakra-petch-latin-700-italic.woff2)format("woff2")}:root{--acid:#62d23a;--scuff:#80f255;--shade:#58c838;--pink:#ea87e4;--ink:#000;--paper:#f3f7ee;--dim:#b9c7b0;--ok:#62d23a;--display:"Tourney", "Chakra Petch", sans-serif;--text:"Chakra Petch", "Segoe UI", system-ui, sans-serif;--gutter:16px;--stroke:3px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--text);color:var(--ink);background:var(--acid);font-synthesis:none;-webkit-font-smoothing:antialiased;cursor:url(/art/ui/cursor.png) 2 2,auto;font-size:17px;line-height:1.35;overflow-x:hidden}a{color:inherit}button,input{font:inherit;color:inherit}button{cursor:url(/art/ui/cursor.png) 2 2,pointer}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}::selection{background:var(--ink);color:var(--pink)}.station{min-height:100svh;padding:72px 4vw calc(var(--road) + 16px);--road:clamp(140px, 20vh, 240px);grid-template:"head pump""panel pump"minmax(0,1fr)"about pump"/minmax(0,1.05fr) minmax(0,.95fr);gap:0 2vw;display:grid;position:relative;overflow:hidden}.head{grid-area:head;position:relative}.road{height:var(--road);z-index:0;pointer-events:none;background:url(/art/ui/road.png) 0 0/auto 100% repeat-x;position:absolute;bottom:0;left:0;right:0}.paper{z-index:-1;background:var(--acid) url(/art/paper.jpg) center / cover no-repeat;position:fixed;inset:0}.panel{z-index:1;grid-area:panel;position:relative}.stage{margin-bottom:calc(-56px - .3 * var(--road));z-index:1;grid-area:pump;place-self:end center}.wordmark{font-family:var(--display);letter-spacing:-.01em;color:var(--pink);text-shadow:.06em .06em 0 var(--ink);text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(56px,8.2vw,148px);font-style:italic;font-weight:900;font-stretch:110%;line-height:.92}.wordmark small{font-family:var(--text);letter-spacing:.22em;color:var(--ink);text-shadow:none;margin:12px 0 0 .12em;font-size:clamp(15px,1.35vw,22px);font-style:italic;font-weight:700;font-stretch:100%;display:block}.lede{max-width:52ch;margin:18px 0 0 .1em;font-size:clamp(16px,1.15vw,19px);font-weight:500}.corner{z-index:2;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.5;position:absolute}.corner.tl{align-items:flex-start;gap:12px;display:flex;top:18px;left:4vw}.corner.tl img{width:40px;height:40px}.corner.tr{text-align:right;top:18px;right:4vw}.frame{border:22px solid #0000;border-image:url(/art/ui/frame.png) 21 fill/22px;padding:0}.frame.fill{border-image-source:url(/art/ui/frame_fill.png)}.panel{grid-template-rows:auto minmax(0,1fr);align-self:start;min-height:0;max-height:100%;margin-top:26px;display:grid;position:relative}.panel-head{border-bottom:var(--stroke) solid var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:0 14px 10px;display:flex}.panel-name{flex-wrap:wrap;align-items:baseline;gap:14px;min-width:0;display:flex}.readings{flex-shrink:0;gap:0;display:flex}.readings .btn{letter-spacing:.16em;border-width:10px;min-height:34px;margin:0 6px 6px 0;padding:0 12px;font-size:12px}.panel-title{font-family:var(--text);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:20px;font-style:italic;font-weight:700}.panel-sub{letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:600}.panel-body{scrollbar-width:thin;scrollbar-color:var(--ink) transparent;min-height:0;padding:0 14px 6px;overflow:auto}.panel-body p{margin:0 0 12px}.line{font-weight:600}.small{font-size:14px}.mono{font-variant-numeric:tabular-nums}.stack{gap:10px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.state{border:var(--stroke) solid var(--ink);margin:0 0 12px;padding:10px 12px;font-weight:600}.state.ok{background:var(--pink)}.state.bad{background:var(--ink);color:var(--paper)}.state.wait{background:0 0}.btn{min-height:48px;font-family:var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:0 0;border:14px solid #0000;border-image:url(/art/ui/btn.png) 17 fill/14px;justify-content:center;align-items:center;gap:10px;margin:0 8px 8px 0;padding:0 25px 6px 18px;font-size:15px;font-style:italic;font-weight:700;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:hover{transform:translate(-1px,-1px)}.btn:active,.btn[aria-pressed=true]{transform:translate(4px,4px)}.btn.on{color:var(--pink);border-image-source:url(/art/ui/btn_on.png)}.btn.white{border-image-source:url(/art/ui/btn_white.png)}.btn[disabled],.btn[aria-disabled=true]{color:#6b7a63;cursor:url(/art/ui/cursor.png) 2 2,not-allowed;border-image-source:url(/art/ui/btn_white.png);transform:none}.btn img{object-fit:contain;width:20px;height:20px}.btn.big{letter-spacing:.18em;min-height:58px;font-size:18px}.btn.wide{width:calc(100% - 8px)}.field{border:var(--stroke) solid var(--ink);background:var(--paper);width:100%;min-height:48px;font-family:var(--text);letter-spacing:.02em;padding:10px 12px;font-size:15px;display:block}.field::placeholder{color:#6b7a63}label.lbl{letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.stage{width:min(100%, calc((100svh - 102px - .3 * var(--road)) * .697));max-width:520px;position:relative}.pump{z-index:1;width:100%;position:relative;container-type:inline-size}.pump>img.body{width:100%;height:auto;display:block}.over{position:absolute}.display{width:35.7%;height:13.1%;color:var(--paper);text-align:left;grid-template-rows:auto 1fr auto;align-items:center;row-gap:1.5%;padding:2.4% 4%;display:grid;top:6.8%;left:28.8%}.display .counter{letter-spacing:.04em;text-transform:uppercase;color:var(--dim);white-space:nowrap;justify-content:space-between;gap:2%;font-size:2.2cqw;font-weight:600;display:flex}.display .counter b{color:var(--paper);font-variant-numeric:tabular-nums}.display .lbl-d{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:3cqw;font-weight:600}.display .num{font-family:var(--display);color:var(--pink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9.2cqw;font-style:italic;font-weight:800;font-stretch:100%;line-height:1}.display .num.dim{color:var(--dim);font-size:3.6cqw;font-family:var(--text);white-space:normal;font-style:normal;font-weight:600;line-height:1.1}.display.running .num{animation:.8s steps(2,end) infinite tick}@keyframes tick{50%{color:var(--paper)}}.price{width:35.7%;height:5.8%;color:var(--paper);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-content:center;padding:0 3% 0 4%;font-size:2.35cqw;font-weight:600;line-height:1.25;display:grid;top:21.9%;left:28.8%}.price b{color:var(--pink)}.xsticker{aspect-ratio:1;background:url(/art/ui/sticker.png) 50%/contain no-repeat;place-items:center;width:7.4%;transition:transform 80ms;display:grid;position:absolute;top:4.2%;left:59.8%;transform:rotate(8deg)}.xsticker img{width:52%;height:52%;margin:-4% 0 0 -4%}.xsticker:active{transform:rotate(8deg)translate(3px,3px)}.xsticker.soon{opacity:.7}.face{grid-template-rows:auto auto;align-content:space-between;width:42.8%;height:54%;display:grid;top:31.5%;left:25.2%}.keypad{border:15px solid #0000;border-image:url(/art/ui/head.png) 30 fill/15px;gap:max(6px,3cqw);padding:.6cqw .4cqw;display:grid}.key{color:var(--dim);font-family:var(--text);letter-spacing:.14em;text-transform:uppercase;text-align:left;background:0 0;border:8px solid #0000;border-image:url(/art/ui/key.png) 16 fill/8px;align-items:center;gap:.55em;padding:.35em .3em;font-size:max(11px,2.6cqw);font-style:italic;font-weight:700;transition:color 80ms;display:flex}.key .lamp{color:#f3f7ee2e;font-size:.75em;font-style:normal}.key:hover{color:var(--paper)}.key.lit,.key.lit .lamp{color:var(--pink)}.key:active{transform:translateY(1px)}.nozzle-hot{background:0 0;border:0;border-radius:40% 40% 30% 30%;width:19%;height:27%;padding:0;top:15%;left:69%}.nozzle-hot:hover{outline:3px dashed var(--ink);outline-offset:-3px}.nozzle-hot span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.plate{align-content:start;gap:.45em;min-height:0;font-size:2.5cqw;display:grid;overflow:hidden}.plate.compact{border:11px solid #0000;border-image:url(/art/ui/label.png) 22 fill/11px;padding:.2em .3em .1em}.plate .ticker{font-family:var(--display);color:var(--pink);text-shadow:.05em .05em 0 var(--ink);font-size:5cqw;font-style:italic;font-weight:900;font-stretch:110%;line-height:1}.ca{font-family:var(--text);letter-spacing:.04em;word-break:break-all;-webkit-user-select:all;user-select:all;background:var(--paper);border:2px solid var(--ink);padding:.35em .5em;font-size:max(10px,2.45cqw);font-weight:600;line-height:1.3}.plate.compact .ca{background:0 0;border:0;padding:0}.ca.none{-webkit-user-select:none;user-select:none;color:#4d5a48;word-break:normal;font-weight:500}.plate .btns{flex-wrap:wrap;gap:.45em;display:flex}.plate.compact .key{letter-spacing:.06em;color:var(--paper);flex:auto;justify-content:center;gap:.45em;padding:.45em .75em;font-size:max(10px,2cqw);text-decoration:none}.plate.compact .key img{object-fit:contain;width:1.25em;height:1.25em}.plate.compact .key:hover{color:var(--pink)}.plate.compact .key[disabled],.plate.compact .key[aria-disabled=true]{color:var(--dim);cursor:url(/art/ui/cursor.png) 2 2,not-allowed}.plate .btn{letter-spacing:.06em;border-width:10px;gap:.4em;min-height:0;margin:0 4px 4px 0;padding:.3em .95em .5em .7em;font-size:13px}.plate .btn img{width:1.1em;height:1.1em}@container (width<=470px){.plate.compact .key .t{display:none}.plate.compact .key img{width:1.5em;height:1.5em}}.plate-mobile,.grades-mobile{display:none}.hose{border:var(--stroke) solid var(--ink);background:var(--paper);height:10px;position:relative;overflow:hidden}.hose:before{content:"";background:repeating-linear-gradient(90deg, var(--pink) 0 18px, var(--ink) 18px 22px);animation:.6s linear infinite flow;position:absolute;inset:0}@keyframes flow{to{transform:translate(22px)}}.hose.done:before{background:var(--pink);animation:none}.log{border-collapse:collapse;width:100%;font-size:14px}.log th{text-align:left;letter-spacing:.16em;text-transform:uppercase;border-bottom:var(--stroke) solid var(--ink);padding:4px 6px;font-size:11px}.log td{vertical-align:top;border-bottom:1px solid #00000059;padding:6px}.log .k{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:12px;font-weight:700}.log a{text-decoration:underline}.figures{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px;display:grid}.figures div{border:var(--stroke) solid var(--ink);padding:8px 10px}.figures b{font-family:var(--display);color:var(--pink);text-shadow:2px 2px 0 var(--ink);font-size:24px;font-style:italic;font-weight:800;line-height:1;display:block}.figures span{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.how h3{letter-spacing:.18em;text-transform:uppercase;margin:16px 0 6px;font-size:13px}.how ol{margin:0 0 8px;padding-left:22px}.how li{margin-bottom:6px}.about{z-index:1;grid-area:about;justify-self:start;max-width:58ch;margin-top:18px;padding:2px 6px 4px;font-size:13px;line-height:1.5;position:relative}.about p{margin:0}.about b{letter-spacing:.16em;text-transform:uppercase}@media (min-width:1024px) and (max-height:840px){.station{--road:clamp(116px, 17vh, 240px);padding-top:56px}.corner{font-size:11px}.corner.tl,.corner.tr{top:12px}.wordmark{font-size:clamp(48px,6.6vw,100px)}.wordmark small{margin-top:8px}.lede{margin-top:10px;font-size:16px}.panel{margin-top:14px}.panel-head{margin-bottom:8px;padding-bottom:6px}.panel-body p{margin-bottom:8px}.state{margin-bottom:6px;padding:8px 12px}.btn.big{min-height:50px;font-size:16px}.about{max-width:54ch;margin-top:10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.hose:before,.display.running .num{animation:none}.btn{transition:none}}@media (max-width:1023px){.station{padding:96px var(--gutter) 40px;flex-direction:column;min-height:auto;display:flex;overflow:clip visible}.corner.tl{left:var(--gutter)}.corner.tr{right:var(--gutter)}.corner{font-size:11px}.wordmark{font-size:clamp(54px,15vw,96px)}.panel{margin-top:20px}.panel-body{overflow:visible}.panel-head{flex-wrap:wrap}.stage{z-index:1;width:min(100%,440px);margin:24px auto 0}.road{height:110px;margin:-44px calc(-1 * var(--gutter)) 0;position:relative}.face{display:none}.display .counter{font-size:2.5cqw}.grades-mobile{grid-template-columns:1fr;gap:8px;width:100%;max-width:440px;margin:18px auto 0;padding:6px 4px;display:grid}.grades-mobile .key{letter-spacing:.16em;min-height:52px;padding:.4em .6em;font-size:15px}.plate-mobile{width:100%;max-width:440px;margin:20px auto 0;display:block}.plate-mobile .plate{padding:0 4px;font-size:14px}.plate-mobile .ticker{font-size:34px}.plate-mobile .ca{font-size:14px}.plate-mobile .btns{flex-wrap:wrap;display:flex}.plate-mobile .btn{border-width:12px;min-height:44px;margin:0 8px 8px 0;padding:0 20px 5px 14px;font-size:13px}.plate-mobile .btn img{width:18px;height:18px}.about{order:7;width:100%;max-width:440px;margin:24px auto 0}.nozzle-hot{min-width:56px;min-height:56px}}@media (max-width:480px){.corner.tr{display:none}.corner.tl{top:14px}.left{padding-top:84px}}
