:root{color:#163f3d;font-synthesis:none;--ink:#163f3d;--paper:#fff9ec;--green:#245f4e;--gold:#efb84a;--muted:#56685e;background:#f4eddd;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #b44a2b}[hidden]{display:none!important}.skip-link{z-index:50;background:#fff;padding:12px;position:absolute;top:-60px;left:10px}.skip-link:focus{top:10px}header{border-bottom:1px solid #234b3e25;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:24px 44px;display:flex}.brand{color:var(--ink);letter-spacing:1px;align-items:center;gap:11px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.brand>b{border:2px solid var(--ink);border-radius:50%;place-items:center;width:47px;height:47px;font:700 15px Georgia;display:grid}.brand small{letter-spacing:2px;margin-top:4px;font-size:9px;display:block}.tag{letter-spacing:1.6px;border:1px solid #173e3b35;border-radius:40px;padding:9px 13px;font-size:10px;font-weight:700}main{max-width:1440px;margin:auto;padding:35px 44px 0}.intro{justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:800}.intro h1{letter-spacing:-3px;margin:16px 0;font:clamp(43px,5.7vw,78px)/1.02 Georgia,serif}.intro h1 em{color:#a44928}.intro p{margin:0;font-size:15px;line-height:1.65}.intro-note{border-left:2px solid #cda75d;max-width:245px;padding-left:22px}.intro-note small{color:var(--muted);margin-top:12px;font-size:11px;display:block}.game{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:start;gap:24px;display:grid}.scene-column{background:var(--paper);border:1px solid #203e2f30;border-radius:22px;min-width:0;overflow:hidden}.stage{isolation:isolate;background:#c7dbdc;height:520px;position:relative;overflow:hidden}.sky{z-index:-3;opacity:.9;background:linear-gradient(#b2d9dc10,#ecdfc635),url(/practice/rooftop-delivery/assets/ground.webp) 50%/cover;position:absolute;inset:0}.sky:after{content:"";background:linear-gradient(#173e3b22 0%,#d9e9de00 45%,#5b795ca8 100%);position:absolute;inset:0}.scene-label{background:#fff8e9dc;border-radius:4px;gap:7px;padding:13px 18px;display:grid;position:absolute;top:25px;left:25px;box-shadow:0 4px 12px #163f3d12}.scene-label span{letter-spacing:2px;font-size:10px;font-weight:700}.scene-label b{font:16px Georgia}.cloud{z-index:-1;background:#fff9e86e;border-radius:100%;width:100px;height:13px;position:absolute}.cloud-one{top:28%;left:38%}.cloud-two{width:80px;top:18%;right:3%}.building{z-index:-1;background:repeating-linear-gradient(90deg,#617a7060 0 1px,#0000 1px 24%),#a5afa1;border:1px solid #324e4850;border-top:10px solid #e4d7ad;width:15%;position:absolute;bottom:0;box-shadow:7px 7px #243e3c24}.building>span{letter-spacing:2px;color:#32564a;margin:10px;font:700 10px Arial;display:block}.building i{background:#4f6e6970;border-bottom:3px solid #d5d3b5;width:20%;height:21px;margin:8% 5%;display:inline-block}.b-one{height:112px;left:26%}.b-two{background-color:#bbc6b3;height:171px;left:45%}.b-three{background-color:#829d92;height:226px;left:65%}.b-four{background-color:#d5b797;height:284px;left:84%}.launch-roof{background:linear-gradient(#34615b,#213f3e);border-top:12px solid #e8cf96;width:24%;height:112px;position:absolute;bottom:0;box-shadow:8px 0 #173c3940}.launch-roof span{letter-spacing:1.6px;color:#f6e8c8;writing-mode:vertical-lr;font-size:9px;position:absolute;top:15px;left:13px}.pierre{aspect-ratio:1;filter:drop-shadow(0 8px 5px #243c3a55);z-index:3;background:url(/practice/rooftop-delivery/assets/pierre.webp) 0 0/200% 200%;width:30%;position:absolute;bottom:100px;left:1%}.pierre[data-result=delivered]{background-position:100% 100%}.pierre[data-result=missed]{background-position:0 100%}.flying-pierre{aspect-ratio:1;filter:drop-shadow(0 5px 6px #173c3d3c);z-index:5;background:url(/practice/rooftop-delivery/assets/flight.webp) 0 0/200% 200%;width:25%;display:none;position:absolute;top:65%;left:7%;transform:translate(-50%,-50%)}.stage[data-phase=flying] .pierre{visibility:hidden}.stage[data-phase=flying] .flying-pierre{display:block}.waiter{z-index:3;filter:drop-shadow(4px 8px 4px #193d3a40);width:18%;height:auto;position:absolute;bottom:0;right:4%}.destination-marker{text-align:center;z-index:4;filter:drop-shadow(0 3px 4px #fffa);transition:left .25s,top .25s;position:absolute;top:60%;left:33%;transform:translate(-50%)}.destination-marker span{letter-spacing:1px;white-space:nowrap;background:#f6c258;padding:7px 9px;font-size:9px;font-weight:700}.destination-marker b{font-size:33px;line-height:1.2;display:block}.dispatch-stamp{z-index:4;background:#fff9e9ef;border:1px solid #d6ba86;border-radius:6px;padding:15px 14px;position:absolute;bottom:18px;left:27%;right:24%;transform:rotate(-2deg);box-shadow:0 5px 15px #123d3a24}.dispatch-stamp small{letter-spacing:2px;font-size:8px;font-weight:700;display:block}.dispatch-stamp strong{margin:6px 0;font:21px/1.1 Georgia;display:block}.dispatch-stamp>span{font-size:10px;line-height:1.4;display:block}.dialogue{border-top:1px solid #194a3930;grid-template-columns:1fr 1fr;gap:25px;padding:22px 24px;display:grid}.dialogue>div+div{border-left:1px solid #194a3925;padding-left:24px}.dialogue span{letter-spacing:1px;font-size:10px;font-weight:800}.dialogue small{letter-spacing:0;color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;display:block}.dialogue p{min-height:48px;margin:12px 0 0;font:17px/1.4 Georgia}.venue-row{background:#ece9d9;align-items:center;gap:12px;padding:15px 24px;font-size:11px;display:flex}.venue-row label{font-weight:700}.venue-row select{color:var(--ink);background:#fff9ec;border:1px solid #194a3940;border-radius:5px;padding:8px}.venue-row small{color:var(--muted);margin-left:auto;font-size:10px}.controls{background:var(--paper);border:1px solid #163f3d30;border-radius:22px;padding:25px;box-shadow:0 8px 24px #29483b08}.controls h2{letter-spacing:-.7px;margin:10px 0 12px;font:30px/1.12 Georgia}.muted{color:var(--muted);font-size:12px;line-height:1.6}.destinations{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 22px;display:grid}.destination{text-align:left;color:var(--ink);background:#f2efdf;border:1px solid #274c3d35;border-radius:9px;gap:6px;min-height:84px;padding:13px 12px;display:grid}.destination[aria-pressed=true]{color:#fff8e6;background:#214b40;border-color:#214b40;box-shadow:inset 0 0 0 2px #d7b56a}.destination>strong{font:18px Georgia}.destination>span{font-size:11px}.stake-label{justify-content:space-between;gap:8px;font-size:12px;font-weight:700;display:flex}.stake-label small{color:var(--muted);font-size:10px;font-weight:400}.stepper{background:#fffdfa;border:1px solid #254a3c45;border-radius:8px;align-items:center;margin:9px 0 16px;display:flex;overflow:hidden}.stepper button{width:45px;height:43px;color:var(--ink);background:#eae7d8;border:0;font-size:23px}.stepper input{text-align:center;width:100%;min-width:0;color:var(--ink);appearance:textfield;background:0 0;border:0;padding:9px;font-weight:700}.stepper input::-webkit-inner-spin-button{appearance:none}.stepper span{color:var(--muted);padding:0 15px 0 0;font-size:11px}.quote{border-top:1px solid #1a493e25;border-bottom:1px solid #1a493e25;grid-template-columns:1fr 1fr;padding:13px 0;display:grid}.quote>div+div{border-left:1px solid #1a493e25;padding-left:18px}.quote span{color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.quote-note{color:var(--muted);font-size:10px;line-height:1.5}.primary{color:#183f34;background:#efb84a;border:1px solid #b7872f;border-radius:9px;width:100%;padding:17px;font-size:16px;font-weight:700;box-shadow:0 3px #a97a2e}.primary:hover:not(:disabled){background:#f6c65d}.recovery{color:#fff7df;background:#234c40;border:0;border-radius:6px;width:100%;margin-top:10px;padding:13px}.quiet{color:var(--ink);background:0 0;border:1px solid #21473740;border-radius:6px;width:100%;margin-top:10px;padding:11px;font-size:11px}#status{min-height:34px;color:var(--muted);font-size:11px;line-height:1.5}.outcome{background:#edeedf;border:1px dashed #34564655;border-radius:10px;padding:17px}.outcome[data-result=delivered]{background:#e2edda}.outcome[data-result=missed]{background:#f4e5d8}.outcome>span{letter-spacing:1.8px;font-size:9px;font-weight:700}.outcome strong{margin:8px 0;font:24px/1.15 Georgia;display:block}.outcome p{margin-bottom:0;font-size:11px;line-height:1.4}.outcome dl{grid-template-columns:1fr 1fr;gap:10px;font-size:11px;display:grid}.outcome dt{color:var(--muted);font-size:9px}.outcome dd{margin:5px 0 0;font-weight:700}details{margin-top:18px;font-size:11px;line-height:1.65}summary{cursor:pointer;padding:7px 0;font-size:12px;font-weight:700}#rules table{border-collapse:collapse;width:100%;margin-top:10px;font-size:10px}#rules th,#rules td{text-align:left;border-bottom:1px solid #234a3e25;padding:7px 3px}.history-section{border-top:1px solid #234b3e35;grid-template-columns:1fr 1.1fr;gap:50px;margin-top:44px;padding-top:30px;display:grid}.history-section h2{letter-spacing:-1px;margin:12px 0;font:34px Georgia}.history-section p{color:var(--muted);font-size:12px;line-height:1.6}.receipt{overflow-wrap:anywhere;font-family:monospace;font-size:10px!important}#history{margin:0;padding:0;list-style:none}#history li{border-bottom:1px solid #254b3b25;grid-template-columns:1fr auto;gap:8px;padding:14px 0;font-size:12px;display:grid}#history small{color:var(--muted);margin-top:5px;font-size:10px;display:block}#history button{color:#9c422b;background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:2px 0;font-size:10px;text-decoration:underline}footer{color:var(--muted);border-top:1px solid #254a3d25;margin-top:35px;padding:25px 0;font-size:10px}@media (width>=1400px){.stage{height:570px}}@media (width<=1050px){header{padding:20px 24px}main{padding:28px 24px 0}.game{grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr);gap:18px}.stage{height:470px}.controls{padding:20px}.dispatch-stamp{padding:11px;left:25%;right:25%}.dispatch-stamp strong{font-size:17px}.dialogue{gap:18px;padding:18px}.dialogue>div+div{padding-left:18px}.dialogue p{font-size:16px}.venue-row{flex-wrap:wrap;padding:13px 18px}.venue-row small{margin-left:0}.intro h1{letter-spacing:-2px}}@media (width<=780px){.game{grid-template-columns:1fr}.stage{height:470px}.intro-note{display:none}.controls{padding:24px}.destinations{grid-template-columns:repeat(4,1fr)}.destination{padding:12px 10px}.destination>strong{font-size:17px}.history-section{gap:25px}.quote-note{margin-bottom:15px}}@media (width<=520px){header{padding:15px}.brand{font-size:9px}.brand>b{width:38px;height:38px}.brand small{font-size:8px}.tag{letter-spacing:.8px;padding:7px 9px;font-size:8px}main{padding:24px 14px 0}.eyebrow{letter-spacing:1.3px;font-size:8px}.intro{margin-bottom:24px}.intro h1{letter-spacing:-2px;margin:13px 0;font-size:47px}.intro p{font-size:13px}.scene-column,.controls{border-radius:16px}.stage{height:380px}.scene-label{padding:10px 12px;top:17px;left:17px}.scene-label b{font-size:14px}.scene-label span{font-size:9px}.building i{height:15px}.b-one{height:85px}.b-two{height:135px}.b-three{height:177px}.b-four{height:220px}.launch-roof{height:85px}.pierre{width:32%;bottom:74px}.dispatch-stamp{padding:10px;bottom:12px;left:25%;right:23%}.dispatch-stamp strong{font-size:16px}.dispatch-stamp>span{font-size:9px}.dispatch-stamp small{font-size:7px}.waiter{width:20%;right:2%}.dialogue{gap:15px;padding:17px 15px}.dialogue>div+div{padding-left:15px}.dialogue p{min-height:61px;font-size:15px}.dialogue span,.dialogue small{font-size:9px}.venue-row{gap:10px;padding:12px 15px}.venue-row small{font-size:9px}.controls{padding:22px}.controls h2{font-size:28px}.destinations{grid-template-columns:1fr 1fr}.destination>strong{font-size:20px}.history-section{grid-template-columns:1fr;gap:18px;margin-top:30px;padding-top:26px}.history-section h2{font-size:30px}.destination-marker span{padding:5px;font-size:8px}.destination-marker b{font-size:24px}.stake-label{flex-wrap:wrap}.flying-pierre{width:25%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.stage[data-phase=delivered] .pierre{visibility:hidden}.stage[data-phase=delivered] .flying-pierre{display:block}body{background:radial-gradient(at 90% 0,#e5e4cb77,#0000 45%),#f4eddd}main{padding-top:27px}.intro{margin-bottom:26px}.intro h1{font-size:clamp(43px,5.4vw,73px)}.scene-column{border-color:#8b9d86;box-shadow:0 15px 40px #173d3020}.stage[data-venue=cape-town] .sky{opacity:1;background-position:0 100%;background-size:200% 200%;background-image:url(/practice/rooftop-delivery/assets/south-africa-scenes-v1--VKDlPx4.webp)!important}.sky:after{background:linear-gradient(#163d3e05,#0000 50%,#244d3940)}.cloud{display:none}.scene-label{color:#fff6df;background:#173f38f2;border:1px solid #e4d4a94d;border-radius:7px;box-shadow:0 5px 15px #173f3829}.scene-label span{color:#eac574}.scene-label b{font-size:17px}.building{background:repeating-linear-gradient(0deg,#1a3d2c10 0 1px,#0000 1px 27px),linear-gradient(90deg,#d1a36b,#dfbb82);border-top:10px solid #e8d7a8;border-right:7px solid #6f827844;border-radius:4px 4px 0 0;box-shadow:7px 5px #29453840}.building:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 15px,#557362 15px 18px);border-top:3px solid #557362;border-left:3px solid #557362;border-right:3px solid #557362;border-radius:2px;height:12px;position:absolute;top:-20px;left:-4px;right:-8px}.building i{background:linear-gradient(130deg,#254b43,#698e86);border:3px solid #ead9b1;border-bottom-width:5px;box-shadow:0 2px 3px #5b563c30}.building>span{color:#2b5144;background:#f5e9c8;border-radius:3px;margin:8px 6px 0;padding:4px 5px;font-size:9px;display:inline-block}.b-two{background-color:#a8ba95;background-image:repeating-linear-gradient(0deg,#1a3d2c10 0 1px,#0000 1px 27px),linear-gradient(90deg,#7da38b,#bbcfb0)}.b-three{background-image:repeating-linear-gradient(0deg,#1a3d2c10 0 1px,#0000 1px 27px),linear-gradient(90deg,#b77c67,#ddab91)}.b-four{background-image:repeating-linear-gradient(0deg,#1a3d2c10 0 1px,#0000 1px 27px),linear-gradient(90deg,#b2a565,#dfd49a)}.launch-roof{background:repeating-linear-gradient(0deg,#fff1cf12 0 1px,#0000 1px 21px),linear-gradient(90deg,#244e43,#3c6956);border-top:12px solid #e7c686;box-shadow:9px 0 #173c394d}.roof-plant{aspect-ratio:1;z-index:2;filter:drop-shadow(0 4px 3px #214b3140);background:url(/practice/rooftop-delivery/assets/kitchen-props-v1-BfeIXMUA.webp) 100% 100%/300% 200%;width:15%;position:absolute;bottom:17px;right:1%}.delivery-parcel{aspect-ratio:1;z-index:2;filter:drop-shadow(0 4px 3px #214b3140);background:url(/practice/rooftop-delivery/assets/kitchen-props-v1-BfeIXMUA.webp) 0 100%/300% 200%;width:16%;position:absolute;bottom:10px;left:6%}.stage[data-phase=flying] .delivery-parcel,.stage[data-phase=delivered] .delivery-parcel{visibility:hidden}.waiter{right:5%}.destination-marker span{border-radius:5px;box-shadow:0 2px 5px #22372d33}.dispatch-stamp{background:#fff8e9f5;border-left:4px solid #9d8b56;border-radius:7px;box-shadow:0 6px 15px #173d3b33}.stage[data-phase=delivered] .dispatch-stamp{border-left-color:#548044}.stage[data-phase=missed] .dispatch-stamp{border-left-color:#b26c42}.controls{border-top:5px solid #315b45;padding-top:20px}.destination{background:#f2eddd;min-height:110px;padding-top:36px;position:relative;overflow:hidden;box-shadow:0 3px #173f3810}.route-number{letter-spacing:1px;color:#7c6337;opacity:.9;border-bottom:1px solid #a48a4d60;min-width:28px;padding-bottom:4px;font:700 10px Arial;position:absolute;top:10px;left:12px}.destination[aria-pressed=true] .route-number{color:#f4d27c;border-color:#f2d28566}.destination>strong{font-size:18px}.destination>small{letter-spacing:.6px;font-size:8px}.quote{background:#f1f1e2;border:1px solid #d4d8bd;border-radius:8px;padding:14px 12px}.quote b{font-size:20px}.dialogue{background:#fcf7e8}.venue-row{background:#e8e7d3}.outcome{border:1px solid #c9cbb2;border-left:4px solid #8d9c68}@media (width<=1050px){.destination{min-height:111px;padding:33px 10px 12px}.destination>strong{font-size:17px}.route-number{top:8px;left:10px}.controls{padding-top:18px}.scene-label b{font-size:15px}}@media (width<=780px){.destination{padding-top:35px}.route-number{top:10px}.stage{height:490px}}@media (width<=520px){main{padding-top:20px}.intro h1{font-size:46px}.stage{height:390px}.scene-label{padding:11px 13px;top:17px;left:17px}.scene-label b{font-size:14px}.building:before{height:10px;top:-18px}.route-number{font-size:9px}.destination>strong{font-size:19px}.destination{min-height:114px}.delivery-parcel{width:18%;bottom:12px;left:5%}.roof-plant{width:16%;right:0}.controls{padding-top:18px}.quote{padding:12px 10px}.quote b{font-size:18px}.dialogue p{font-size:15px}.dispatch-stamp{border-left-width:3px}}.game{grid-template-rows:max-content 1fr;grid-template-areas:"scene controls""details controls";gap:0 24px}.scene-column{border-bottom:0;border-radius:22px 22px 0 0;grid-area:scene}.controls{grid-area:controls}.scene-details{background:var(--paper);border:1px solid #203e2f30;border-top:0;border-radius:0 0 22px 22px;grid-area:details;min-width:0;overflow:hidden;box-shadow:0 15px 40px #173d3010}.stepper button,.stepper input,.venue-row select,#history button{min-height:44px}#history button{padding:10px 0}@media (width<=780px){.game{grid-template:"scene""controls""details"/minmax(0,1fr);gap:14px}.scene-column,.scene-details{border:1px solid #203e2f30;border-radius:16px}.stage{height:clamp(190px,29svh,300px)}.b-one{height:22%}.b-two{height:35%}.b-three{height:46%}.b-four{height:57%}.launch-roof{height:22%}.pierre{width:23%;bottom:19%}.waiter{width:13%;right:3%}.flying-pierre{width:20%}.scene-label{gap:4px;padding:8px 10px;top:12px;left:12px}.scene-label b{font-size:12px}.scene-label span{font-size:8px}.dispatch-stamp{padding:8px 10px;bottom:10px;left:28%;right:18%}.dispatch-stamp strong{margin:4px 0;font-size:15px}.dispatch-stamp>span{font-size:9px}.building>span{margin:4px;padding:2px;font-size:8px}.building i{border-width:2px;height:12px}.delivery-parcel{width:12%;bottom:5px}.roof-plant{width:12%;bottom:8px}.controls{padding:16px}.controls h2{margin:5px 0 10px;font-size:23px}.controls>.muted{display:none}.destinations{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 14px}.destination{min-height:90px;padding:27px 9px 9px}.destination>strong{font-size:16px}.destination>span{font-size:10px}.destination>small{letter-spacing:0;font-size:8px}.route-number{font-size:8px;top:7px;left:9px}.order-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end;gap:13px;display:grid}.stake-label{font-size:11px;display:block}.stake-label small{margin-top:3px;font-size:9px;display:block}.stepper{margin:6px 0 0}.stepper input{padding:5px;font-size:16px}.stepper button{flex-shrink:0;width:40px}.stepper span{display:none}.quote{gap:7px;min-height:70px;padding:10px 9px}.quote>div+div{padding-left:8px}.quote span{margin-bottom:6px;font-size:9px;line-height:1.3}.quote b{font-size:16px}.quote-note{margin:9px 0 11px;font-size:10px;line-height:1.4}.primary{min-height:48px;padding:12px}.controls>#status{min-height:0;margin:10px 0}.dialogue p{min-height:0}.venue-row{flex-wrap:wrap}.venue-row small{margin-left:0}.history-section{grid-template-columns:1fr;gap:10px;margin-top:25px;padding-top:22px}}@media (width<=520px){header{gap:8px;padding:9px 12px}.brand{gap:7px;font-size:8px}.brand>b{width:30px;height:30px;font-size:11px}.brand small{letter-spacing:1px;font-size:7px}.tag{letter-spacing:.3px;padding:6px 8px;font-size:7px}main{padding:13px 10px 0}.intro{margin-bottom:13px}.intro .eyebrow{letter-spacing:.5px;font-size:7px}.intro h1{letter-spacing:-1.4px;margin:8px 0;font-size:35px}.intro p{font-size:11px;line-height:1.4}.intro br{display:none}.stage{height:clamp(160px,24svh,210px)}.scene-label b{font-size:11px}.scene-label{padding:7px 9px;top:9px;left:9px}.dispatch-stamp small{letter-spacing:1px;font-size:6px}.dispatch-stamp strong{font-size:12px}.dispatch-stamp>span{font-size:8px}.dispatch-stamp{padding:6px 7px;bottom:7px;left:28%;right:18%}.destination-marker span{padding:4px 5px;font-size:7px}.destination-marker b{font-size:18px;line-height:1.3}.launch-roof span{letter-spacing:1px;font-size:6px;top:7px;left:7px}.building:before{height:8px;top:-14px}.building{border-top-width:7px;border-right-width:4px}.building i{height:9px}.game{gap:10px}.controls{border-top-width:3px;padding:12px}.controls>.eyebrow{letter-spacing:1px;font-size:8px}.controls h2{margin:4px 0 8px;font-size:20px}.destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0 11px}.destination{gap:3px;min-height:65px;padding:8px 8px 8px 27px}.destination>strong{font-size:14px;line-height:1.1}.destination>span{font-size:10px}.destination>small{font-size:7px;line-height:1.2}.route-number{letter-spacing:0;min-width:13px;font-size:7px;top:9px;left:7px}.order-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px}.stepper button{width:32px;font-size:20px}.quote{gap:3px;padding:8px 7px}.quote>div+div{padding-left:6px}.quote b{white-space:nowrap;font-size:15px}.quote span{font-size:8px}.quote-note{margin:8px 0 10px;font-size:9px}.controls>#status{font-size:10px}.outcome{padding:13px}.outcome strong{font-size:21px}}@media (width>=781px){header{padding-top:16px;padding-bottom:16px}main{padding-top:20px}.intro{margin-bottom:20px}.intro h1{margin:9px 0;font-size:clamp(43px,4.7vw,62px)}.intro p{font-size:13px;line-height:1.45}.controls h2{margin:7px 0 9px;font-size:26px}.controls>.muted{font-size:11px;line-height:1.45}.destinations{margin:13px 0 16px}.destination{min-height:94px;padding-top:29px}.destination>strong{font-size:17px}.route-number{top:7px}.order-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;gap:12px;display:grid}.stake-label{font-size:11px;display:block}.stake-label small{margin-top:4px;font-size:9px;display:block}.stepper{margin:8px 0 0}.stepper button{flex-shrink:0;width:35px}.stepper span{display:none}.stepper input{padding:7px;font-size:16px}.quote{min-height:75px;padding:11px 8px}.quote>div+div{padding-left:9px}.quote span{font-size:9px;line-height:1.3}.quote b{white-space:nowrap;font-size:17px}}@media (width<=360px){.stage{height:clamp(155px,22svh,180px)}.destination{min-height:61px;padding-left:24px}.destination>strong{font-size:13px}.route-number{left:6px}}