@font-face{font-family:RoundedLocal;src:local('Arial Rounded MT Bold')}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;font-family:RoundedLocal,ui-rounded,'Trebuchet MS',sans-serif;color:#513522}button,input{font:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #338cce;outline-offset:5px}button{transition:transform .16s,background .16s,box-shadow .16s}button:active{transform:translateY(3px) scale(.98)}[hidden]{display:none!important}.game-page{height:100dvh;overflow:hidden;background:#f8deb3}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.topbar{position:absolute;z-index:4;inset:26px 32px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{color:#68402c;text-decoration:none;font-size:27px;letter-spacing:-1.6px;font-weight:900;display:flex;align-items:center;line-height:1.03}.brand-icon{background:#fb654c;color:white;width:43px;height:43px;display:grid;place-items:center;margin-right:10px;transform:rotate(-9deg);border-radius:12px;box-shadow:0 4px 0 #c74d3c;font-size:38px}.brand-vroom{color:#f26543}.brand small{font-size:8px;letter-spacing:2.2px;display:block;margin-top:7px;color:#8c6b55}.tools{display:flex;gap:8px;align-items:center}.icon-button,.phone-button{background:#fffcf0;box-shadow:0 3px 0 #d9b893,0 6px 18px #86663a10;color:#76513b;height:43px;border-radius:15px}.icon-button{width:43px;font-size:24px}.phone-button{display:flex;align-items:center;gap:8px;padding:0 17px;font-size:14px}.connection-dot{width:8px;height:8px;background:#cdb991;border-radius:50%;display:inline-block}.connected .connection-dot{background:#2bbb8b;box-shadow:0 0 0 4px #2bbb8b20}.trophy-bar{display:flex;gap:8px;padding:8px 16px;background:#fff9eccc;border:2px solid #fff7e4;border-radius:23px;box-shadow:0 6px 25px #8b573915;backdrop-filter:blur(8px)}.trophy{display:grid;justify-items:center;min-width:64px;gap:2px}.trophy span{font-family:system-ui;font-size:32px;filter:grayscale(1);opacity:.23;text-shadow:0 2px 0 #9e845a;transition:filter .3s,opacity .3s,transform .3s}.trophy small{font-size:8px;letter-spacing:1px;color:#a99985}.trophy.collected span{filter:none;opacity:1;animation:pop .6s both;color:#efa726}.trophy.collected small{color:#b37a32}.intro{position:absolute;z-index:3;left:5.2%;top:26%;max-width:325px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:#967449;display:flex;align-items:center;gap:7px}.eyebrow i{height:7px;width:7px;border-radius:50%;background:#34b88c}.intro h1{font-size:clamp(40px,4.2vw,64px);letter-spacing:-2.7px;line-height:1.03;margin:20px 0 16px;text-shadow:0 2px #fff5df}.intro h1 em{font-style:normal;color:#f26543}.intro p{font-family:'Trebuchet MS',sans-serif;font-size:15px;line-height:1.65;color:#927357;margin:0 0 22px}.primary{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f56a42;color:white;padding:18px 25px;border-radius:18px;box-shadow:0 6px 0 #c64b2d,0 12px 30px #f5744330;font-weight:900;font-size:21px;min-width:250px}.primary:hover{background:#ff794c;transform:translateY(-2px)}.primary span{font-size:27px}.text-button{display:block;background:none;padding:18px 0 8px;color:#927452;font-size:12px}.intro-note{font-size:10px;color:#a08666;margin-top:18px}.intro-note span{border:1px solid #c6aa87;border-radius:5px;padding:3px 7px;margin-right:6px}.track-label{position:absolute;bottom:28px;right:33px;display:flex;align-items:center;gap:11px;background:#fffaf0bc;padding:13px 20px;border-radius:16px;box-shadow:0 4px 12px #88634612;font-size:14px;pointer-events:none}.track-label>span{font-size:28px;color:#ef9870}.track-label small{font-size:8px;color:#a88b6b;letter-spacing:1.2px;margin-top:5px;display:block}.lap{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:17px;max-width:90%;background:#fffbefef;border:2px solid #fff8e9;box-shadow:0 5px 18px #71512a15;padding:16px 22px;border-radius:20px;font-size:13px}.progress-track{width:min(22vw,250px);height:7px;background:#ede0c6;border-radius:8px;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:#3bbd9b;border-radius:8px}.lap>span{color:#ae9272;min-width:32px}.drive-hint{position:absolute;bottom:29px;left:30px;display:flex;gap:10px;align-items:center;max-width:260px}.drive-hint>span{font-size:8px;letter-spacing:1.2px;max-width:100px;line-height:1.6;text-align:center;color:#957452}.steer{width:44px;height:43px;background:#fff7e8dc;color:#775038;font-size:26px;border-radius:12px;box-shadow:0 3px #d6b38c;touch-action:none}.round-restart{position:absolute;right:34px;bottom:30px;font-size:25px;background:#fff9ee;width:47px;height:47px;border-radius:50%;color:#826148;box-shadow:0 3px #d6b38c}.game-page[data-phase=racing] .track-label,.game-page[data-phase=countdown] .track-label{display:none}#countdown{position:absolute;inset:35% 0 auto;text-align:center;font-size:110px;color:white;font-weight:900;text-shadow:0 7px 0 #e6a632,0 15px 40px #98663a70;pointer-events:none}#toast{position:absolute;top:145px;left:50%;transform:translate(-50%,-20px);padding:14px 25px;background:#fffbf0;border-radius:40px;box-shadow:0 5px 20px #52361920;opacity:0;transition:.25s;pointer-events:none;text-align:center;white-space:nowrap;color:#946521}#toast.show{opacity:1;transform:translate(-50%,0)}.finish{position:absolute;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);width:390px;max-width:92vw;background:#fffaeefa;border:4px solid white;padding:35px 40px;text-align:center;border-radius:35px;box-shadow:0 20px 100px #5c3b3350}.finish .eyebrow{justify-content:center}.finish-stars{color:#ffb730;font-size:52px;margin:20px 0 5px;text-shadow:0 3px #e08422}.finish h2{font-size:39px;margin:8px 0 10px;letter-spacing:-1.5px}.finish p{color:#977955;font:15px/1.5 'Trebuchet MS',sans-serif}.finish .primary{width:100%;font-size:17px;margin-top:23px;min-width:0}.finish .text-button{margin:auto}#finish-trophies{font-size:32px;letter-spacing:12px;min-height:38px}dialog{border:0;border-radius:28px;padding:35px;width:380px;max-width:92vw;background:#fffbef;color:#62432f;box-shadow:0 20px 100px #472c2750}dialog::backdrop{background:#72583540;backdrop-filter:blur(5px)}dialog h2{font-size:26px;margin:16px 0 10px;letter-spacing:-1px}dialog p{font:14px/1.6 'Trebuchet MS',sans-serif;color:#95785c}.close{position:absolute;right:13px;top:10px;background:transparent;color:#a88d70;font-size:30px}.qr-wrap{background:white;border-radius:20px;padding:13px;width:246px;max-width:100%;margin:17px auto}.qr-wrap img{display:block;max-width:100%;height:auto}.link-label{font-size:10px;color:#a48a6f}input[readonly]{border:1px solid #e6d7bc;background:#fff7e6;padding:10px;width:100%;font:11px monospace;border-radius:8px;color:#8a6f51;margin:5px 0 12px}.secondary{border-radius:12px;background:#efdfbd;color:#836343;font-size:13px;padding:12px;width:100%}.small-note{font:12px/1.5 'Trebuchet MS',sans-serif;color:#a08562}#loading{position:absolute;inset:0;background:#f8deb3;z-index:20;display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;color:#9b774f}.loading-wheel{font-size:55px;color:#f46b45;animation:turn 4s linear infinite}.controller-page{background:#fff3d6;overscroll-behavior:none;min-height:100dvh}.controller{max-width:500px;padding:max(24px,env(safe-area-inset-top)) 24px max(18px,env(safe-area-inset-bottom));margin:auto;text-align:center}.controller-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.controller-head .brand{font-size:25px}.controller-head>span{font:10px 'Trebuchet MS',sans-serif;color:#a08562;max-width:120px;text-align:right}.controller-car{background:#fffdf6;border-radius:30px;margin:28px 0 16px;padding:20px 24px 10px;box-shadow:0 8px 0 #edddb4;position:relative;overflow:hidden}.controller-car .eyebrow{justify-content:center;font-size:9px}.controller-car img{width:100%;height:120px;object-fit:contain;mix-blend-mode:multiply;margin:12px 0 5px}.controller-car #mini-trophies{font-size:22px;opacity:.4}#controller-message{font-size:15px;min-height:20px;margin:23px 0 17px}.controller .primary{width:100%;justify-content:center;min-width:0}.wheel-controls{display:flex;gap:20px;margin:28px 0 20px}.big-steer{width:50%;height:132px;border-radius:28px;background:#32b9a4;box-shadow:0 8px 0 #218c83;color:white;font-size:65px;touch-action:none;user-select:none;-webkit-user-select:none}.big-steer.right{background:#f69544;box-shadow:0 8px 0 #ce7333}.big-steer small{display:block;font-size:10px;letter-spacing:3px;margin-top:-2px}.big-steer.held{transform:translateY(6px);box-shadow:0 2px #237970;filter:brightness(1.08)}.upload{display:block;border:2px dashed #d7bf8f;border-radius:13px;padding:13px;color:#a2814b;font-size:13px;margin-top:22px;cursor:pointer}.upload input{display:none}.controller-page.racing .controller-car{margin-top:16px;padding:12px}.controller-page.racing .controller-car img{height:65px}.controller-page.racing .controller-car .eyebrow{display:none}.controller-page.racing #controller-start{display:none}.controller-page.racing .big-steer{height:180px}.controller-page.racing .upload{display:none}@keyframes turn{to{transform:rotate(360deg)}}@keyframes pop{40%{transform:scale(1.5) rotate(-12deg)}70%{transform:scale(.92)}100%{transform:scale(1)}}@media(max-width:900px){.topbar{inset:18px 20px auto}.brand{font-size:23px}.brand-icon{display:none}.brand small{font-size:7px;letter-spacing:1.1px}.trophy-bar{padding:6px 10px;gap:4px}.trophy{min-width:45px}.trophy span{font-size:25px}.trophy small{font-size:7px}.tools{gap:5px}.phone-button{padding:0 10px}.icon-button,.phone-button{height:36px}.icon-button{width:36px}.intro{top:24%;left:5%;max-width:260px}.intro h1{font-size:48px}.intro p{font-size:13px}.track-label{bottom:23px;font-size:11px;right:22px}.drive-hint>span{display:none}.lap{bottom:22px}.drive-hint{left:20px;bottom:26px}.round-restart{right:20px;bottom:24px}}@media(max-width:600px){.game-page .brand small,.game-page .brand-icon{display:none}.game-page .brand{font-size:20px}.topbar{gap:6px;inset:15px 12px auto}.trophy-bar{position:fixed;top:67px;left:50%;transform:translateX(-50%);border-radius:15px}.trophy{min-width:42px}.trophy span{font-size:23px}.phone-button{font-size:12px}.icon-button{font-size:21px;width:30px}.intro{top:30%;max-width:200px}.intro h1{font-size:40px}.intro p{font-size:12px}.intro .primary{min-width:190px;font-size:18px}.eyebrow{font-size:8px;letter-spacing:1px}.track-label{font-size:10px;padding:10px;bottom:20px}.track-label small{font-size:6px}.drive-hint{bottom:87px}.lap{width:80%;padding:13px 16px;font-size:11px;bottom:22px}.progress-track{flex:1}.round-restart{bottom:85px}.intro-note{display:none}#toast{top:130px;font-size:12px;max-width:95vw;white-space:normal}}@media(prefers-reduced-motion:reduce){button{transition:none}.loading-wheel{animation:none}.trophy.collected span{animation:none}}
/* Larger, readable game instructions and a clear drawing-first controller. */
.front-photo{position:relative}.front-photo img{display:block}
.front-half{position:absolute;top:0;bottom:0;width:50%;background:transparent;border-radius:14px;color:#b87337;touch-action:manipulation}
#front-left{left:0;border-right:2px dashed #d4b88955}#front-right{right:0}
.front-half span{position:absolute;bottom:0;background:#fff5d9dd;border:2px solid #d8bc88;border-radius:50%;width:36px;height:36px;font-size:28px;line-height:29px}
#front-left span{left:2px}#front-right span{right:2px}
.front-half.chosen span{background:#219e91;border-color:#14796e;color:white}
.front-half:disabled{opacity:.35}#front-note{font:16px/1.35 'Trebuchet MS',sans-serif;margin:8px 0;color:#614a31}
.controller-page[data-car-ready=true][data-front-ready=false] .front-photo img{height:155px}
@media(orientation:landscape) and (max-height:600px){.controller-page[data-car-ready=true][data-front-ready=false] .controller{width:74vw;max-width:800px}.controller-page[data-car-ready=true][data-front-ready=false] .front-photo img{height:125px}}
.topbar{inset:24px 28px auto;align-items:flex-start;gap:22px}
.brand small{font-size:10px;letter-spacing:1.3px}
.trophy-bar{flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:13px 20px;width:300px;flex-shrink:0}
.trophy-instruction{flex:0 0 100%;font-size:17px;text-align:center;color:#674428}
.trophy small{font-size:13px;letter-spacing:0;color:#876545}.trophy span{font-size:35px}
.tools{gap:10px}.icon-button{width:auto;min-width:86px;height:62px;padding:6px 13px;display:grid;justify-items:center;gap:2px;font-size:27px}
.icon-button small{font-size:13px;white-space:nowrap}.phone-button{height:62px;font-size:15px;font-weight:bold;background:#fffdf3;color:#604027;max-width:215px}
.intro{top:30%;left:4%;max-width:330px;padding:20px 12px;border-radius:24px;background:linear-gradient(90deg,#f8deb3f5,#f8deb3d9 85%,#f8deb300)}
.intro h1{font-size:clamp(40px,4vw,62px);line-height:1.08;margin:18px 0;letter-spacing:-2px}
.intro p{font-size:19px;line-height:1.5;color:#694b34}.eyebrow{font-size:12px;letter-spacing:1px}
.intro .primary{font-size:23px;width:100%;min-width:0;gap:8px;margin-bottom:17px;padding:18px 20px}
.intro .connect-primary{background:#239e91;box-shadow:0 6px 0 #147c74,0 12px 25px #16796020;font-size:20px}
.intro-note{font-size:14px;line-height:1.6;color:#71543a}.intro-note span{white-space:nowrap}
.track-label{font-size:18px}.track-label small{font-size:12px;letter-spacing:.5px}
.drive-hint{max-width:350px}.drive-hint>span{font-size:12px;max-width:150px;letter-spacing:0;color:#64422c}
.steer{width:54px;height:51px}.lap{font-size:17px}.round-restart{width:54px;height:54px}
dialog{width:440px}dialog h2{font-size:30px}dialog p{font-size:18px}.small-note{font-size:15px}.link-label{font-size:14px}.secondary{font-size:16px}
#toast{top:160px;font-size:18px;max-width:90vw;white-space:normal;z-index:8}
.controller{max-width:520px;padding:22px max(22px,env(safe-area-inset-right)) 24px max(22px,env(safe-area-inset-left))}
.controller-head>span{font-size:14px;color:#66503b}.controller-head .brand{font-size:28px}
.add-car{margin:24px 0;text-align:center}.drawing-symbol{margin:auto;background:#ffe1a3;color:#e76535;border-radius:22px;width:76px;height:76px;font-size:63px;line-height:70px;transform:rotate(-7deg)}
.add-car h1{font-size:38px;line-height:1.06;letter-spacing:-1px;margin:20px 0 16px}.add-car p{font:18px/1.45 'Trebuchet MS',sans-serif;color:#6c5036}
.upload-actions{display:grid;gap:14px}.upload-choice{position:relative;display:block;padding:19px 14px;border-radius:17px;background:#f56a42;box-shadow:0 5px #c54d30;color:#fff;font-size:20px;font-weight:bold;text-align:center;cursor:pointer}
.upload-choice.gallery{background:#249f93;box-shadow:0 5px #187c75}
.upload-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
.upload-choice:focus-within{outline:3px solid #1579af;outline-offset:4px}.upload-actions.disabled{opacity:.5}
.photo-status{font:17px/1.45 'Trebuchet MS',sans-serif;color:#6e5037;margin:22px 0;overflow-wrap:anywhere}
.photo-status.error{padding:16px;border:2px solid #d74627;border-radius:16px;background:#ffe0d1;color:#8d2519;font-weight:bold}
#controller-message{font-size:18px;color:#69482e;margin:16px 0}
.controller-car{margin:18px 0;padding:16px 22px}.controller-car strong{font-size:20px}.controller-car img{height:105px}
.controller-page[data-car-ready=true] .upload-actions{grid-template-columns:1fr 1fr;gap:12px}
.controller-page[data-car-ready=true] .upload-choice{font-size:15px;padding:13px 8px}
.controller-page[data-car-ready=true] .photo-status{font-size:15px;margin:15px 0}
.wheel-controls{margin:22px 0 16px;gap:20px}.big-steer{height:145px;font-size:68px}.big-steer small{font-size:14px;letter-spacing:1px}
.steering-note{font:17px/1.4 'Trebuchet MS',sans-serif;color:#725337}.controller-page.racing .photo-status{display:none}
@media(max-width:1150px){.topbar{inset:18px;gap:12px}.game-page .brand{font-size:24px}.game-page .brand-icon,.game-page .brand small{display:none}.trophy-bar{width:270px;padding:10px;gap:6px 14px}.trophy-instruction{font-size:16px}.tools{gap:7px}.icon-button{padding:5px 9px;min-width:65px}.phone-button{padding:0 12px;max-width:155px}.intro{max-width:295px;top:28%}.intro h1{font-size:44px}.intro p{font-size:17px}.intro .primary{font-size:21px}.intro .connect-primary{font-size:18px}.track-label{font-size:15px}}
@media(max-width:750px){.topbar{flex-wrap:wrap;gap:12px}.game-page .brand{font-size:23px}.tools{margin-left:auto}.icon-button{height:53px;min-width:56px;font-size:23px}.icon-button small{font-size:11px}.phone-button{height:53px;max-width:135px;font-size:13px}.trophy-bar{position:static;transform:none;order:3;margin:0 auto;width:280px}.trophy-instruction{font-size:16px}.trophy small{font-size:12px}.intro{top:34%;max-width:270px;padding:14px}.intro h1{font-size:39px}.intro p{font-size:16px}.intro-note{display:block;font-size:12px}.track-label{font-size:12px}.track-label small{font-size:10px}.lap{font-size:14px}.drive-hint>span{display:none}#toast{top:180px;font-size:16px}}
@media(orientation:landscape) and (max-height:600px){
  .controller-page[data-car-ready=true] .controller{width:38vw;max-width:none;min-height:100dvh;padding:12px 0;display:flex;flex-direction:column}
  .controller-page[data-car-ready=true] .controller-head{justify-content:center;order:0}.controller-page[data-car-ready=true] .controller-head .brand{font-size:22px}.controller-page[data-car-ready=true] .controller-head>span{display:none}
  .controller-page[data-car-ready=true] .controller-car{order:1;margin:8px 0 4px;padding:8px;box-shadow:0 3px #edddb4;border-radius:18px}
  .controller-page[data-car-ready=true] .controller-car strong{font-size:16px}.controller-page[data-car-ready=true] .controller-car img{height:56px;margin:4px 0 0}
  .controller-page[data-car-ready=true] #mini-trophies{display:none}
  .controller-page[data-car-ready=true] #controller-message{order:2;font-size:15px;line-height:1.2;margin:9px 0}
  .controller-page[data-car-ready=true] #controller-start{order:3;font-size:19px;padding:12px;box-shadow:0 4px #c64b2d}
  .controller-page[data-car-ready=true] .upload-actions{order:4;margin-top:15px;gap:9px}
  .controller-page[data-car-ready=true] .upload-choice{font-size:12px;padding:10px 5px}
  .controller-page[data-car-ready=true] .photo-status{order:5;margin:13px 0 0;font-size:13px}
  .controller-page[data-car-ready=true] .steering-note{display:none}
  .controller-page[data-car-ready=true] .wheel-controls{display:contents}
  .controller-page[data-car-ready=true] .big-steer{position:fixed;top:20dvh;bottom:12dvh;width:27vw;height:auto;border-radius:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:80px}
  .controller-page[data-car-ready=true] #left{left:max(14px,env(safe-area-inset-left))}
  .controller-page[data-car-ready=true] #right{right:max(14px,env(safe-area-inset-right))}
  .controller-page[data-car-ready=false] .controller{max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;padding:14px 26px}
  .controller-page[data-car-ready=false] .controller-head{grid-column:1/-1}
  .controller-page[data-car-ready=false] .add-car{grid-column:1;grid-row:2/5;margin:8px 0}
  .controller-page[data-car-ready=false] .drawing-symbol{display:none}.controller-page[data-car-ready=false] .add-car h1{font-size:32px;margin:5px 0 14px}
  .controller-page[data-car-ready=false] .add-car p{font-size:16px;margin:0}
  .controller-page[data-car-ready=false] .upload-actions{grid-column:2;grid-row:2}.controller-page[data-car-ready=false] .upload-choice{padding:14px;font-size:17px}
  .controller-page[data-car-ready=false] .photo-status{grid-column:2;margin:5px 0;font-size:15px}
  .controller-page[data-car-ready=false] #controller-message{grid-column:2;font-size:14px;margin:0}
}

/* Leave room for both introduction actions even with browser toolbars visible. */
.intro{top:clamp(155px,23dvh,220px);width:clamp(310px,33vw,430px);max-width:none;padding:16px 12px}
.intro h1{font-size:clamp(34px,3.2vw,48px);margin:15px 0;line-height:1.06}
.intro p{font-size:19px;line-height:1.4;margin-bottom:18px}
.intro .primary{min-height:56px;padding:12px 18px;margin-bottom:14px;font-size:23px}
.intro .connect-primary{font-size:20px}.intro-note{margin-top:13px}
.gas{width:142px;flex:none;background:#9c65df;color:white;font-size:19px;box-shadow:0 3px #7443af}
.gas small{display:block;font-size:11px}.gas.held{background:#b27bed;transform:translateY(3px)}
.drive-hint{max-width:360px}.drive-hint>span{max-width:118px}
.game-page[data-phase=celebrating] .track-label,.game-page[data-phase=finish] .track-label{display:none}
@media(max-height:750px){
  .intro{top:145px}.intro h1{font-size:36px;margin:12px 0}.intro p{font-size:18px;margin-bottom:13px}
  .intro .primary{min-height:51px;padding:10px 16px;margin-bottom:12px;font-size:21px}.intro .connect-primary{font-size:19px}
  .intro-note{margin-top:8px}.track-label{bottom:20px;font-size:15px}
}
@media(max-width:1050px){
  .topbar{gap:12px;inset:18px}.game-page .brand small{display:none}.trophy-bar{width:260px;gap:6px 8px;padding:10px}
  .trophy-instruction{font-size:16px}.tools{gap:6px}.icon-button{min-width:65px;padding:6px 8px}.icon-button small{font-size:11px}
  .phone-button{max-width:165px;font-size:13px;padding:0 10px}.intro{width:310px}
  .drive-hint>span{display:none}
}
@media(max-width:600px){.intro{top:210px;width:290px}.intro h1{font-size:34px}.intro p{font-size:17px}.track-label{display:none}}

.gas{position:relative;overflow:hidden}.gas b,.gas small{position:relative;z-index:1}.gas:disabled{opacity:1;color:#fff}.gas.cooling{background:#756387}.gas.boosting{background:#a766e4}.gas::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--boost-charge,100%);background:#b980ed;opacity:.5}