@font-face{font-family:Pixel;src:url(/pixel.ttf) format("truetype");font-display:swap}:root{font-family:Arial,sans-serif;color:#213633;background:#172b29;font-synthesis:none;--cream:#fff4da;--paper:#f1e6cc;--ink:#213633;--red:#db4939;--navy:#243349;--green:#456655;--gold:#d5a54e}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:default}button{color:inherit}img{image-rendering:pixelated}button,input,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}body{user-select:none;-webkit-user-select:none}#cabinet{height:100dvh;width:100vw;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#314d43 0,#172b29 65%);padding:0;position:relative}#cabinet:before,#cabinet:after{content:"";position:absolute;top:0;bottom:0;width:8px;background:repeating-linear-gradient(0deg,#fff2ce 0 8px,transparent 8px 16px);opacity:.08}#cabinet:before{left:calc(50% - 290px)}#cabinet:after{right:calc(50% - 290px)}#viewport{position:relative;width:270px;height:480px;flex-shrink:0;overflow:hidden;background:transparent;transform-origin:center;pointer-events:none;z-index:1;box-shadow:0 0 0 1px #ffffff20,0 12px 80px #0006;isolation:isolate}#ui,#race-tools,#modal,#rotate{position:absolute;inset:0}#game{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:270px;height:480px;z-index:0;background:var(--cream);overflow:hidden}#game canvas{display:block!important}#ui{z-index:2}#ui:empty{pointer-events:none}#race-tools{z-index:3;pointer-events:none}#race-tools button{pointer-events:auto}#modal{pointer-events:auto;z-index:8;background:#122322c9;display:grid;place-items:center;padding:24px}#modal[hidden],#rotate[hidden],#race-tools[hidden]{display:none}#rotate{pointer-events:auto;z-index:20;background:#172b29;color:var(--cream);display:grid;place-items:center;text-align:center;padding:30px}#rotate .turn-phone{font-size:48px;margin:18px;display:block;transform:rotate(-25deg)}.screen{pointer-events:auto;width:270px;height:480px;padding:19px 20px 16px;display:flex;flex-direction:column;background:var(--cream);position:relative;overflow:hidden}.screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#c8b88f33 3px 4px)}.screen>*{position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:23px;margin-bottom:13px;gap:4px}.micro{font-family:Pixel,monospace;font-size:5.5px;line-height:1.9;letter-spacing:.35px;text-transform:uppercase}.label{font-family:Pixel,monospace;font-size:7px;line-height:1.6;text-transform:uppercase}.eyebrow{font-family:Pixel,monospace;font-size:6px;letter-spacing:1px;line-height:1.8;color:var(--green);text-transform:uppercase;margin:0 0 8px}.header-mark{display:flex;align-items:center;gap:5px}.mini-square{width:8px;height:8px;background:var(--red);box-shadow:3px 3px 0 var(--navy)}.language-toggle{display:flex;gap:4px;margin-left:auto}.icon-button{border:1px solid #21363330;background:transparent;padding:4px;font-size:8px;height:22px;min-width:23px;display:grid;place-items:center;border-radius:0}.language-toggle .active{border-color:var(--ink);background:#e7deca}.flag{width:14px;height:9px;object-fit:fill}.sound{font-size:12px;line-height:1}.rule{height:1px;background:var(--ink);opacity:.25;margin:0}.checker{height:6px;background:repeating-conic-gradient(var(--ink) 0% 25%,transparent 0% 50%) 0 0/12px 12px}.heading{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.5px;line-height:.95;font-size:34px;margin:0 0 10px}.heading.small{font-size:29px;line-height:1.04}.subheading{font-size:9px;line-height:1.55;color:#566861;margin:0 0 10px;max-width:218px}.primary,.secondary{border:1px solid var(--ink);width:100%;padding:12px 9px;font-family:Pixel,monospace;font-size:7px;line-height:1.4;letter-spacing:.2px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:3px 3px #213633;background:var(--ink);color:var(--cream)}.primary:active{transform:translate(2px,2px);box-shadow:1px 1px #213633}.primary.red{background:var(--red);border-color:var(--red);box-shadow:3px 3px #923c31}.secondary{background:transparent;color:var(--ink);box-shadow:none;font-size:6px;margin-top:9px;padding:9px}.footer{margin-top:auto;font-family:Pixel,monospace;font-size:5px;color:#677770;display:flex;justify-content:space-between;line-height:1.9;gap:8px}.back-button{border:0;background:transparent;font-size:6px;font-family:Pixel,monospace;padding:4px 0;line-height:1.6}.screen-num{font-size:6px;font-family:Pixel,monospace;color:#7a8272}.muted{opacity:.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.access{padding-top:19px}.access .heading{font-size:37px;margin-top:16px;margin-bottom:9px}.pass-art{height:125px;position:relative;margin:5px -20px 11px;background:#dedfcd;border-top:1px solid #21363325;border-bottom:1px solid #21363325;overflow:hidden}.pass-road{position:absolute;width:88px;top:-50px;bottom:-50px;left:95px;transform:rotate(-28deg);background:#52645a;border-left:4px dashed #f2eaca;border-right:4px dashed #f2eaca}.pass-road:after{content:"";position:absolute;left:39px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(0deg,transparent 0 14px,#fcf4d9 14px 27px);opacity:.5}.pass-car{position:absolute;width:24px;height:40px;transform:rotate(-28deg);top:39px}.pass-car.carol{left:126px;top:25px}.pass-car.melissa{left:99px;top:65px}.pixel-tree{position:absolute;width:30px;height:44px}.pass-dog{position:absolute;width:26px;height:26px;bottom:8px}.pass-dog.dora{right:26px}.pass-dog.jamal{right:1px}.pass-name{position:absolute;font-family:Georgia,serif;font-size:12px;left:20px;top:13px;color:var(--ink)}.pass-name span{display:block;margin-top:3px;font-style:italic}.pass-stamp{position:absolute;bottom:12px;left:18px;font-family:Pixel,monospace;font-size:5px;line-height:1.9;border:1px solid #4566556b;padding:4px;color:var(--green)}.code-label{display:block;margin:0 0 6px;font-size:6px;font-family:Pixel,monospace;line-height:1.6}.code-input{width:100%;height:40px;padding:8px 12px;font-family:Pixel,monospace;font-size:15px;text-align:center;letter-spacing:8px;border:1px solid #b6bca7;background:#fff9ea;color:var(--ink);border-radius:0;user-select:text;-webkit-user-select:text}.code-input::placeholder{color:#aeb8a3;letter-spacing:7px}.code-help{font-size:8px;line-height:1.4;margin:7px 0 13px;color:#687668;min-height:12px}.error{color:#b63431}.shake{animation:shake .3s linear}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.title-screen{background:var(--ink);color:var(--cream)}.title-screen .topbar{margin-bottom:16px}.title-screen .icon-button{color:var(--cream);border-color:#fff3da40}.title-screen .language-toggle .active{background:#fff3da20}.title-screen .eyebrow{color:#c5d1b0}.title-screen .heading{font-size:38px;line-height:1.04;letter-spacing:-1.6px;margin:0}.names{font-family:Georgia,serif;font-size:21px;line-height:1.2;display:flex;align-items:center;gap:7px;margin:8px 0}.names .amp{font-style:italic;color:var(--gold)}.date-line{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid #fff4da40;border-bottom:1px solid #fff4da40;margin-top:8px}.date-line .heart{color:#eebd83;font-size:10px}.grid-art{position:relative;height:155px;margin:8px -20px 7px;background:repeating-linear-gradient(90deg,transparent 0 53px,#fff3da0e 53px 54px),linear-gradient(0deg,#456655,#213633);overflow:hidden}.grid-art .checker{position:absolute;bottom:28px;left:0;right:0;opacity:.7;--ink:#fff4da;height:9px;background-size:18px 18px}.grid-art:before{content:"";position:absolute;inset:34px 105px 0;border-left:1px dashed #fff4da50;border-right:1px dashed #fff4da50}.grid-art .car{position:absolute;width:36px;height:60px;top:53px;animation:idle .9s steps(2) infinite}.grid-art .car.red-car{left:79px}.grid-art .car.blue-car{left:157px;top:66px;animation-delay:.3s}.grid-art .dog{position:absolute;width:36px;height:36px;bottom:2px}.grid-art .dog.dora{left:18px}.grid-art .dog.jamal{right:18px}.lights{display:flex;justify-content:center;gap:7px}.lights span{width:12px;height:12px;background:#304439;border:2px solid #122622;box-shadow:1px 2px #122622}.title-screen .lights{position:absolute;top:12px;left:0;right:0}.lights span.on{background:#ff6149;box-shadow:0 0 9px #e94436a0}.title-screen .primary{background:var(--cream);color:var(--ink);box-shadow:3px 3px #101f1b}.title-screen .secondary{color:var(--cream);border-color:#fff4da50}.title-screen .footer{color:#adbd9f}@keyframes idle{50%{transform:translateY(1px)}}.driver-card{border:1px solid #bec3ac;padding:10px 11px;background:#fff9e9;display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin-top:9px;min-height:97px;position:relative}.driver-card.selected{border-color:var(--red);box-shadow:3px 3px 0 var(--red);background:#fff4da}.driver-card.melissa.selected{border-color:var(--navy);box-shadow:3px 3px 0 var(--navy)}.portrait-wrap{width:58px;height:68px;background:#dfe3cc;display:grid;place-items:center;border-bottom:3px solid var(--red);flex-shrink:0}.melissa .portrait-wrap{border-color:var(--navy);background:#dedfcf}.portrait{width:56px;height:56px}.driver-name{font-family:Georgia,serif;font-size:24px;line-height:1;margin:0 0 5px}.driver-team{font-size:6px;font-family:Pixel,monospace;line-height:1.7;letter-spacing:.2px}.team-logo{width:30px;height:18px;object-fit:contain;margin-top:5px}.driver-car{position:absolute;right:9px;bottom:10px;width:15px;height:25px;transform:rotate(20deg)}.selected-tick{position:absolute;top:7px;right:7px;font-family:Pixel,monospace;font-size:7px;color:var(--red)}.driver-select .primary{margin-top:22px}.driver-select .subheading{margin-bottom:6px}.driver-fact{font-size:8px;line-height:1.5;margin-top:14px;color:#647261}.track-select .heading{font-size:30px;margin-bottom:6px}.track-select .subheading{font-size:8px;margin-bottom:8px}.track-list{display:flex;flex-direction:column;gap:7px;position:relative}.track-list:before{content:"";position:absolute;left:23px;top:20px;bottom:30px;border-left:1px dashed var(--green)}.track-card{display:flex;text-align:left;align-items:center;gap:11px;width:100%;min-height:65px;border:1px solid #b8bfa7;background:#fff9e9;padding:8px;position:relative}.track-card:disabled{opacity:.55;background:#ebe6d2}.track-card.available{border-color:var(--green);box-shadow:2px 2px 0 var(--green)}.track-thumb{width:42px;height:42px;flex-shrink:0;position:relative;background:#dfe3cf;display:grid;place-items:center;border:1px solid #d0d4be;overflow:hidden}.track-thumb svg{width:37px;height:37px}.track-info{flex:1}.track-title{font-size:10px;font-weight:700;line-height:1.2;margin-bottom:4px}.track-sub{font-family:Georgia,serif;font-size:10px;font-style:italic;line-height:1.2;color:#667664}.track-meta{font-family:Pixel,monospace;font-size:4.5px;line-height:1.6;margin-top:5px;color:var(--green)}.track-arrow{font-size:10px;align-self:center}.route-footer{margin-top:10px;display:flex;align-items:center;gap:7px;font-size:7px;line-height:1.5;color:#5c705e}.route-footer img{width:22px;height:22px}.commentary-screen{background:#e8e4cd}.commentary-screen .heading{font-size:29px;margin-bottom:6px}.commentary-stage{height:156px;position:relative;margin:9px -20px 0;background:repeating-linear-gradient(90deg,#384f43 0 1px,#2b4138 1px 20px);overflow:hidden;border-top:3px solid var(--gold)}.commentary-stage:before{content:"";position:absolute;width:139px;height:50px;background:#192f2b;border:3px solid #70846c;top:13px;left:65px}.broadcast-sign{position:absolute;left:0;right:0;top:25px;text-align:center;color:var(--cream);font-family:Pixel,monospace;font-size:8px;line-height:1.7}.live-dot{display:inline-block;width:5px;height:5px;background:#ff6851;margin-right:5px}.commentary-dog{position:absolute;width:70px;height:70px;bottom:15px}.commentary-dog.dora{left:40px}.commentary-dog.jamal{right:36px}.commentary-dog.speaking{animation:idle .2s steps(2) infinite}.commentary-desk{position:absolute;bottom:0;left:16px;right:16px;height:34px;background:#a17450;border-top:4px solid #cfaa75;box-shadow:0 -2px #1b302b}.commentary-desk:after{content:"D & J";position:absolute;bottom:8px;left:0;right:0;text-align:center;color:var(--cream);font-family:Pixel,monospace;font-size:8px}.speech{margin-top:13px;background:#fff8e4;border:1px solid #a5ae93;padding:11px 12px;min-height:100px;box-shadow:3px 3px #a7b499}.speaker-line{display:flex;align-items:center;justify-content:space-between;font-family:Pixel,monospace;font-size:6px;color:var(--green);margin-bottom:8px;line-height:1.6}.speech-text{font-size:11px;line-height:1.65;margin:0;min-height:45px}.commentary-screen .secondary{font-size:5px;margin-top:9px}.commentary-progress{display:flex;gap:3px;margin:10px 0}.commentary-progress span{width:12px;height:3px;background:#b5bca2}.commentary-progress .current{background:var(--red)}.results-screen .heading{font-size:29px;margin-bottom:5px}.podium-art{height:120px;position:relative;display:flex;justify-content:center;align-items:flex-end;margin:2px 0 12px;padding-top:10px;overflow:hidden}.podium-step{background:#c8d0b8;border:1px solid #98aa8d;width:61px;height:32px;position:relative;display:grid;place-items:center;font-family:Pixel,monospace;font-size:10px}.podium-step.first{height:47px;background:var(--gold);border-color:#b18435}.podium-step.third{height:25px}.podium-step img{position:absolute;width:39px;height:52px;bottom:calc(100% + 1px);left:11px}.podium-step img.truck{height:39px;width:24px;left:18px}.confetti{position:absolute;width:3px;height:5px;animation:confetti 2.8s linear infinite;pointer-events:none;top:-10px}@keyframes confetti{to{transform:translateY(175px) rotate(360deg)}}.result-list{display:flex;flex-direction:column;font-size:8px;margin:0 0 12px}.result-row{display:flex;align-items:center;gap:8px;padding:6px 7px;border-top:1px solid #c8ccba}.result-row.mine{background:#e4e8d5;font-weight:700}.result-row .rank{font-family:Pixel,monospace;font-size:6px;width:20px}.result-row .driver-time{margin-left:auto;font-size:7px;color:#6e7c69;font-variant-numeric:tabular-nums}.result-stats{display:flex;justify-content:space-between;margin-bottom:13px;font-size:7px;line-height:1.6;color:#5a705b}.results-screen .primary{margin-top:auto}.race-pause{position:absolute;top:8px;right:8px;background:#172b29dd;color:#fff4da;border:1px solid #fff4da55;font-size:11px;width:25px;height:25px;padding:0}.radio-banner{position:absolute;top:53px;left:40px;right:40px;color:#fff4da;background:#213633d9;padding:6px;text-align:center;font-family:Pixel,monospace;font-size:5px;border-left:3px solid var(--gold);line-height:1.8;transition:opacity .2s}.touch-caption{position:absolute;bottom:18px;font-family:Pixel,monospace;font-size:5px;color:#fff5dc99;text-align:center;line-height:1.9;pointer-events:none;text-shadow:1px 1px 0 #000}.touch-caption.left{left:19px}.touch-caption.right{right:19px}.brake-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#fff5dc80;font-size:4px;font-family:Pixel,monospace;line-height:1.8;pointer-events:none}.modal-card{background:var(--cream);border:2px solid #e1cd9b;width:222px;padding:18px;box-shadow:5px 5px #0005}.modal-card .heading{font-size:29px;margin-bottom:12px}.modal-card p{font-size:10px;line-height:1.6;margin-bottom:17px}.modal-card .primary{font-size:6px}.modal-card .secondary{font-size:5px}.control-diagram{height:70px;display:flex;gap:5px;margin:14px 0}.control-half{width:50%;background:#e1e5d0;border:1px solid #a1af93;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px;gap:7px}.control-half span{font-family:Pixel,monospace;font-size:5px}.controls-note{font-size:8px;text-align:center;line-height:1.7;color:#5f765d;margin-bottom:17px}.ending-screen{background:#dee5cf}.ending-screen .heading{font-size:31px;margin-bottom:8px}.wedding-stage{height:215px;margin:0 -20px 10px;background:linear-gradient(#b6d3c2 0 55%,#90ae80 55% 100%);position:relative;overflow:hidden}.wedding-house{position:absolute;top:16px;left:56px;width:155px;height:69px;background:#f4e8c9;border-bottom:4px solid #c9ba98}.wedding-house:before{content:"";position:absolute;top:-9px;left:-6px;right:-6px;height:13px;background:#b77b59;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}.windows{display:flex;justify-content:space-around;margin-top:20px}.windows span{width:16px;height:25px;border:3px solid #e0c892;background:#6d7c6a}.wedding-path{position:absolute;bottom:0;left:68px;width:135px;height:141px;background:repeating-conic-gradient(#c6bb9c 0% 25%,#baaf91 0% 50%) 0 0/8px 8px;clip-path:polygon(32% 0,68% 0,100% 100%,0 100%)}.wedding-arch{position:absolute;width:86px;height:86px;top:70px;left:92px;image-rendering:pixelated}.wedding-bride{position:absolute;width:39px;height:52px;top:113px;transition:transform 1s;z-index:2}.wedding-bride.carol{left:98px}.wedding-bride.melissa{left:139px}.wedding-dog{position:absolute;width:27px;height:27px;top:154px;z-index:2}.wedding-dog.dora{left:108px}.wedding-dog.jamal{left:141px}.wedding-car{position:absolute;width:22px;height:36px;bottom:1px;z-index:2}.wedding-car.carol{left:95px}.wedding-car.melissa{left:155px}.wedding-ring{position:absolute;width:12px;height:12px;border:2px solid #f2c055;top:129px;left:132px;opacity:0;z-index:4;box-shadow:0 0 8px #fffbd6}.wedding-ring.show{animation:sparkle 1.1s ease-in-out infinite;opacity:1}@keyframes sparkle{50%{box-shadow:0 0 15px #fffbd6;transform:scale(1.15)}}.ending-timing{background:var(--ink);color:var(--cream);font-family:Pixel,monospace;font-size:7px;text-align:center;line-height:2.1;padding:9px 6px;margin-bottom:12px;border-top:3px solid var(--gold)}.ending-copy{font-family:Georgia,serif;font-size:14px;text-align:center;line-height:1.5;margin:3px 0 15px}.ending-screen .primary{margin-top:auto}.credits-screen{text-align:center;background:var(--ink);color:var(--cream)}.credits-screen .eyebrow{color:#bfd3b4;margin-top:22px}.credits-screen .heading{font-size:37px}.credits-portraits{display:flex;justify-content:center;gap:3px;margin:12px 0 0}.credits-portraits img{width:64px;height:64px}.credits-dogs{display:flex;justify-content:center;gap:9px;margin-bottom:20px}.credits-dogs img{width:36px;height:36px}.credit-label{font-family:Pixel,monospace;font-size:5px;line-height:1.8;color:#c1ccb0;margin:0 0 5px}.credit-value{font-family:Georgia,serif;font-size:17px;margin:0 0 15px}.closing-message{font-family:monospace;font-size:8px;color:#d7c493;line-height:1.7;border-top:1px solid #fff4da30;padding-top:12px;margin:0 0 10px}.credits-screen .primary{margin-top:auto;background:var(--cream);color:var(--ink);box-shadow:3px 3px #101f1b}.credits-screen .footer{color:#bdcbb0}.credits-screen .topbar{color:var(--cream)}.track-select .heading{font-size:24px;letter-spacing:-.9px}.touch-caption{width:112px;bottom:13px}.touch-caption.left{left:10px}.touch-caption.right{right:10px}.pass-art .pixel-tree{right:35px;top:10px;width:25px;height:36px}.commentary-stage{flex-shrink:0;height:138px}.commentary-screen .heading{font-size:26px;letter-spacing:-1px}.commentary-screen .topbar{margin-bottom:8px}.commentary-screen .eyebrow{margin-bottom:6px}.speech{flex-shrink:0;min-height:105px}.commentary-screen .primary{padding:10px 9px}.commentary-progress{margin:8px 0}.commentary-screen .footer{font-size:4.5px}#team-radio{z-index:7;pointer-events:none;height:max-content}#team-radio[hidden]{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}