:root{font-family:ui-rounded,'Arial Rounded MT Bold',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#173e3c;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#b3dce5}button,select{font:inherit;color:inherit}button{border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible{outline:4px solid #ffba37;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}button:active{transform:translateY(2px)}[hidden]{display:none!important}#game{height:100dvh;min-height:320px;position:relative;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;z-index:4;top:max(22px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.brand{display:flex;gap:12px;align-items:center;font-weight:850;letter-spacing:1.5px;font-size:16px;text-shadow:0 1px 6px #fff8}.brand small{display:block;letter-spacing:2.4px;font-size:10px;margin-top:5px}.brand-symbol{display:grid;place-items:center;background:#164b47;color:#fff1b7;border-radius:16px;width:48px;height:48px;font-size:34px;font-weight:400;box-shadow:0 4px 12px #183d3922}.destination{display:flex;align-items:center;gap:12px;background:#ffffffeb;border-radius:50px;padding:12px 24px;box-shadow:0 4px 24px #183d3912;font-weight:750;font-size:16px}.destination>span{font-size:30px;color:#db9923}.destination small{display:block;font-weight:500;font-size:12px;margin-top:4px;color:#65807a}nav{display:flex;gap:8px;pointer-events:auto}.round{background:#fffffff0;border-radius:50%;width:48px;height:48px;font-size:25px;box-shadow:0 3px 14px #183d3910}.round.active{background:#ffe398}.round svg{width:52%;height:52%;display:block;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.round .fs-exit,.round.on .fs-enter{display:none}.round.on .fs-exit{display:block}.card{background:#fffcf1f5;border:1px solid #ffffffaa;border-radius:26px;box-shadow:0 12px 60px #14392e22;backdrop-filter:blur(12px)}.welcome{position:absolute;top:50%;left:5%;transform:translateY(-42%);width:440px;padding:34px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#627e71}h1{font-size:43px;line-height:1.12;margin:18px 0;font-weight:850;letter-spacing:-1.8px}h1 span{color:#e8ab3c}p{font-size:16px;line-height:1.6;color:#60756c}.route-line{display:flex;align-items:center;gap:9px;margin:25px 0;font-size:14px;font-weight:750}.route-line small{display:block;font-size:11px;font-weight:500;margin-top:5px;color:#73847c}.home-dot,.goal-dot{display:grid;place-items:center;flex-shrink:0;border-radius:50%;width:32px;height:32px;background:#e4ede0;font-size:21px}.goal-dot{background:#ffdf8b}.route-dash{flex:1;height:1px;border-top:2px dotted #a3b5a8}.primary{width:100%;border-radius:16px;background:#174e48;color:#fff9dc;padding:19px 20px;font-weight:800;font-size:19px;box-shadow:0 5px 0 #0b3833;transition:background .2s}.primary:hover{background:#246a5d}.welcome-foot{display:flex;justify-content:space-between;gap:8px;margin-top:22px;font-size:11px;color:#74847a}.welcome-foot span:last-child{color:#97a393}#loading{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);background:white;padding:12px 24px;border-radius:30px;font-size:14px}.road-chip{position:absolute;top:103px;left:30px;display:flex;align-items:center;gap:10px;background:#ffffffe0;padding:12px 18px;border-radius:17px}.road-icon{font-size:29px}.road-chip small{display:block;font-size:9px;letter-spacing:1.5px;color:#668078}.road-chip strong{display:block;font-size:16px;margin-top:4px}.trip{position:absolute;bottom:46px;left:30px;display:flex;align-items:center;gap:22px;background:#fffcf1ed;border-radius:20px;padding:15px 25px;box-shadow:0 8px 30px #193e3520}.trip>div:first-child{display:flex;align-items:baseline;gap:5px}.trip #speed{font-size:36px;font-weight:800;font-variant-numeric:tabular-nums}.trip small{font-size:12px;color:#657e72}.trip strong{font-size:14px;display:block;margin-bottom:5px}.trip-divider{width:1px;height:35px;background:#d7e1d3}.decision{position:absolute;right:30px;top:50%;transform:translateY(-43%);width:365px;padding:23px;z-index:5}.decision-head{display:flex;justify-content:space-between;align-items:center}.decision h2{font-size:30px;letter-spacing:-1px;margin:6px 0 10px}.hand{font-size:31px}#choiceMap{height:227px;position:relative;background:#e3ecdc;border-radius:18px;overflow:hidden}#junctionMap{width:100%;height:100%}.map-car{position:absolute;left:50%;top:69%;transform:translate(-50%,-50%);color:#216987;font-size:33px;text-shadow:0 3px 0 #fff;pointer-events:none}#arrows{position:absolute;inset:0}.map-arrow{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border:4px solid #fff;border-radius:50%;background:#194f49;color:white;font-weight:900;font-size:33px;box-shadow:0 4px 0 #12382e38;z-index:1}.map-arrow:active{transform:translate(-50%,-46%)}.map-arrow.recommended{background:#f5c656;color:#173e3c}.map-arrow .star{position:absolute;right:-5px;top:-12px;background:#fff8db;border:2px solid white;border-radius:50%;width:23px;height:23px;font-size:15px;line-height:20px}.hint{text-align:center;font-size:12px;margin:14px 0 0;color:#688173}.hint span{color:#c48c1c}#choices{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}#choices button{border-radius:9px;padding:9px 5px;flex:1;min-width:60px;font-size:11px;line-height:1.3;background:#e9eddf}#choices button b{display:block;font-size:13px;margin-bottom:3px}#choices button.recommended{background:#ffebad}#toast{position:absolute;z-index:7;top:110px;left:50%;transform:translateX(-50%);background:#194f49eb;color:white;border-radius:30px;font-size:17px;font-weight:650;padding:12px 24px;opacity:0;transition:opacity .3s;pointer-events:none;text-align:center}#toast.show{opacity:1}.finish{position:absolute;z-index:6;width:420px;padding:40px;top:50%;left:50%;transform:translate(-50%,-45%);text-align:center}.finish-stars{font-size:42px;letter-spacing:8px;color:#efb93f;margin-bottom:20px}.finish h1{margin:14px 0 8px}.finish p{margin-top:0}#finishSummary{font-size:15px;margin:22px 0;color:#647b6e}dialog{border:0;border-radius:24px;padding:32px;max-width:440px;width:calc(100% - 30px);color:#173e3c;background:#fffcf1;max-height:88dvh}dialog::backdrop{background:#143b3855;backdrop-filter:blur(5px)}dialog h2{font-size:26px;margin:0 0 27px}.close{position:absolute;right:15px;top:12px;background:transparent;font-size:32px}.secondary{border-radius:12px;padding:14px;width:100%;background:#e4eadb;margin:22px 0;font-weight:700}label{display:block;font-size:14px;margin:18px 0 9px}select{font-size:16px;padding:12px;border:1px solid #c7d5c4;border-radius:10px;width:100%;background:white}details{font-size:13px;border-top:1px solid #dae2d4;padding-top:16px}summary{cursor:pointer;font-size:14px}details p{font-size:13px}a{color:#266654}footer{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;color:#335849a0;gap:12px}footer{pointer-events:none}.credit{font-size:10px;color:inherit;background:#ffffff8a;padding:5px 9px;border-radius:10px}footer>span{font-size:9px;letter-spacing:1.5px;font-weight:750}@media(max-width:1000px){header{left:20px;right:20px;top:17px}.brand{font-size:13px}.brand small{font-size:9px}.brand-symbol{width:42px;height:42px}.destination{padding:10px 17px;font-size:14px}.destination small{font-size:10px}.round{width:43px;height:43px}.welcome{left:4%;width:398px;padding:28px}h1{font-size:38px}.decision{right:20px;width:325px;padding:19px}#choiceMap{height:208px}.decision h2{font-size:27px}.road-chip{left:20px;top:86px}.trip{left:20px;bottom:40px}}@media(max-height:650px) and (min-width:701px){.welcome{padding:24px;width:390px;transform:translateY(-40%)}h1{font-size:34px;margin:12px 0}.welcome p{font-size:14px;margin:12px 0}.route-line{margin:16px 0}.welcome-foot{margin-top:15px}.decision{width:300px;right:20px;padding:16px;transform:translateY(-37%)}#choiceMap{height:155px}.decision h2{font-size:24px;margin:3px 0 6px}.decision .eyebrow{font-size:9px}.hint{margin:8px 0 0}.map-arrow{width:48px;height:48px;font-size:28px}#choices{margin-top:6px}#choices button{padding:6px 3px}.trip{padding:10px 18px}}@media(max-width:700px){header{top:12px;left:14px;right:14px;gap:8px}.brand{font-size:11px;gap:8px;letter-spacing:.8px}.brand small{font-size:8px;letter-spacing:1px}.brand-symbol{width:35px;height:35px;border-radius:12px;font-size:25px}.destination{display:none}nav{gap:5px}.round{width:38px;height:38px;font-size:21px}.welcome{left:16px;right:16px;top:auto;bottom:40px;transform:none;width:auto;padding:25px}.welcome h1{font-size:35px;margin:12px 0}.welcome h1 br{display:none}.welcome p{font-size:15px}.route-line{margin:19px 0}.eyebrow{font-size:10px}.primary{padding:16px}.welcome-foot{font-size:10px}.road-chip{top:67px;left:14px;padding:9px 12px}.road-chip strong{font-size:13px}.trip{left:14px;bottom:30px;padding:10px 14px;gap:12px}.trip #speed{font-size:28px}.trip strong{font-size:12px}.decision{top:auto;bottom:30px;left:14px;right:14px;width:auto;transform:none;padding:16px}.decision-head{position:absolute;left:20px;top:17px;pointer-events:none;z-index:2}.decision h2{font-size:23px}.decision .eyebrow{font-size:8px}.hand{display:none}#choiceMap{height:204px}#choices{margin-top:8px}.hint{font-size:11px;margin-top:9px}body.choosing .trip{bottom:350px;padding:7px 12px}body.choosing .trip #speed{font-size:22px}body.choosing .trip-divider,body.choosing .trip>div:last-child{display:none}#toast{top:120px;font-size:14px;width:max-content;max-width:90%}.finish{width:calc(100% - 32px);padding:30px}.finish h1{font-size:37px}footer{left:14px;right:14px;bottom:4px}footer>span{display:none}.credit{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#choices button{font-size:12px}#choices button b{font-size:14px}.decision .hint{font-size:14px}.welcome-foot{font-size:12px}@media(max-width:700px){.decision .hint{font-size:12px}.welcome-foot{font-size:11px}}
#worldArrows{position:absolute;z-index:30;inset:0;pointer-events:none;display:block}.world-choice{position:absolute;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:translate(-50%,-50%);background:linear-gradient(145deg,#236d65,#123f3b);color:#fff8db;border:3px solid #fffdf0;border-radius:24px;width:86px;height:86px;padding:8px 4px;box-shadow:0 7px 0 #0d302b,0 12px 25px #173e3c40;transition:transform .12s,filter .12s}.world-choice:hover{filter:brightness(1.12);transform:translate(-50%,-53%) scale(1.04)}.world-choice:active{transform:translate(-50%,-45%);box-shadow:0 3px 0 #0d302b}.world-choice .choice-glyph{display:block;font-size:43px;line-height:43px;font-family:Arial,sans-serif;font-weight:900}.world-choice .choice-name{font-size:10px;line-height:12px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}.world-choice.straight .choice-glyph{font-size:48px}.world-choice.left .choice-glyph,.world-choice.right .choice-glyph{font-size:47px}#turnHint{position:absolute;z-index:30;top:106px;left:50%;transform:translateX(-50%);background:#fffdf1ed;border-radius:22px;padding:10px 18px;box-shadow:0 5px 18px #173e3c1f;color:#174e48;font-size:14px;font-weight:800;pointer-events:none}
/* Arrows for the next junction while driving: slightly smaller, tap to queue. */
.world-choice.ahead{transform:translate(-50%,-50%) scale(.84);opacity:.93}
.world-choice.ahead:hover{transform:translate(-50%,-53%) scale(.88)}
.world-choice.ahead:active{transform:translate(-50%,-45%) scale(.84)}
/* The arrow just picked lights up for a moment before the next junction's arrows appear. */
.world-choice.picked{background:linear-gradient(145deg,#f7d06a,#e3a93b);color:#173e3c;border-color:#fff8dd;opacity:1;pointer-events:none;transform:translate(-50%,-50%) scale(.95)}@media(max-width:700px){.world-choice{width:70px;height:70px;border-radius:19px;padding:5px 2px}.world-choice .choice-glyph{font-size:35px;line-height:34px}.world-choice.straight .choice-glyph{font-size:39px}.world-choice .choice-name{font-size:8px;max-width:66px}#turnHint{top:76px;font-size:12px;padding:8px 14px}}

.world-choice{touch-action:manipulation}.roundabout-choice{width:110px;height:100px}.roundabout-choice .choice-name{max-width:98px;white-space:normal;font-size:12px;line-height:14px}.exit-number{position:absolute;top:-12px;right:-10px;border-radius:50%;width:30px;height:30px;background:#fffdf0;color:#174e48;border:2px solid #174e48;display:grid;place-items:center;font-size:17px;font-weight:800}@media(max-width:700px){.roundabout-choice{width:90px;height:85px}.roundabout-choice .choice-name{max-width:82px;font-size:11px;line-height:12px}}

.undo-roundabout{position:absolute;right:22px;top:150px;z-index:32;min-height:52px;padding:10px 20px;display:flex;align-items:center;gap:10px;border:2px solid white;border-radius:18px;background:#fffdf1;color:#174e48;box-shadow:0 4px 0 #174e4840;font-size:16px;font-weight:800;white-space:nowrap;touch-action:manipulation}.undo-roundabout span{font-size:29px;line-height:1}.undo-roundabout:active{transform:translateY(3px)}@media(max-height:650px){.undo-roundabout{top:76px;right:14px;min-height:44px;padding:6px 16px;font-size:14px}}


.camera-help,.free-help{font-size:14px}#freeControls{position:absolute;inset:auto 20px 32px;z-index:33;display:flex;justify-content:space-between;pointer-events:none}.free-steering,.free-actions{display:flex;gap:12px;pointer-events:auto}#freeControls button{min-width:76px;height:70px;border:3px solid #fff8df;border-radius:20px;background:#174e48;color:#fff8df;font-size:18px;font-weight:800;box-shadow:0 5px 0 #0b3833;touch-action:none;user-select:none;-webkit-user-select:none}#freeLeft,#freeRight{font-size:36px!important}#freeControls button.held{background:#dfa72d;color:#173e3c;transform:translateY(3px);box-shadow:none}body:has(#freeControls:not([hidden])) .trip{bottom:122px}@media(max-width:700px){#freeControls{left:14px;right:14px;bottom:30px}.free-steering,.free-actions{gap:8px}#freeControls button{min-width:62px;height:62px;font-size:15px}.trip{bottom:30px}}

.reward-teaser{margin:-8px 0 16px;padding:10px 14px;border-radius:14px;background:#fff4cf;color:#6b5a26;font-size:13px;font-weight:700;line-height:1.4}
.rewards{margin:-6px 0 18px;padding:12px 14px 13px;border-radius:16px;background:#eef3e7}.rewards-title{font-size:13px;font-weight:800;margin-bottom:9px}
.swatches{display:flex}.swatch-list{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.swatch{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #0002,0 2px 5px #1a3a3222;padding:0;position:relative;overflow:hidden}
.swatch.on{box-shadow:0 0 0 3px #174e48,0 2px 6px #1a3a3240;transform:scale(1.12)}
.trail-row{display:flex;align-items:center;gap:9px;margin-top:11px;font-size:13px;font-weight:750;cursor:pointer}.trail-row input{width:20px;height:20px;accent-color:#174e48}
.unlock{margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:#fff1c4;color:#5d4c17;font-size:15px;font-weight:750;line-height:1.45;animation:reward-pop .6s ease-out}
@keyframes reward-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.04);opacity:1}100%{transform:scale(1)}}
@media(max-height:650px) and (min-width:701px){.rewards{margin:-8px 0 12px;padding:9px 12px}.reward-teaser{margin:-6px 0 10px}}
.ahead-help{font-size:14px}
.swatch.rainbow{background:linear-gradient(135deg,#ff4b4b 0 18%,#ffa53a 18% 34%,#ffd94a 34% 50%,#5ccf66 50% 66%,#41a7f4 66% 82%,#a65fe6 82%)}
.swatch.kiwi{background:#5fae36;color:#1f2424;font-weight:900;font-size:14px;line-height:24px;text-align:center}
.model-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px;font-size:13px;font-weight:750}.model-choice{border:2px solid #d5e0db;background:#fff;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:750}.model-choice.on{border-color:#174e48;background:#e2efe9}
.horn{position:absolute;right:30px;bottom:46px;z-index:4;width:72px;height:72px;border-radius:50%;background:#ffe398;border:4px solid #fff8df;font-size:36px;box-shadow:0 5px 0 #c99a2a,0 8px 24px #193e3530}.horn:active{transform:translateY(4px);box-shadow:0 1px 0 #c99a2a}body.choosing .horn{visibility:hidden}body:has(#freeControls:not([hidden])) .horn{display:none!important}@media(max-width:700px){.horn{right:14px;bottom:30px;width:60px;height:60px}}
/* With many rewards the start card grows taller than an iPad screen in landscape (3 October 2026): once rewards show, drop the intro text and the
   hints and tighten the rows; if it still does not fit (Safari's toolbars, a phone on its side) the card scrolls and the start button stays at its foot. */
.welcome{max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain}.welcome #start{position:sticky;bottom:0;z-index:1;box-shadow:0 5px 0 #0b3833,0 -10px 14px 4px #fffcf1}
.welcome:has(#rewards:not([hidden]))>p,.welcome:has(#rewards:not([hidden])) .welcome-foot{display:none}.welcome:has(#rewards:not([hidden])) h1{font-size:36px;margin:10px 0 0}.welcome:has(#rewards:not([hidden])) .route-line{margin:16px 0 20px}.welcome:has(#rewards:not([hidden])) .trail-row{margin:7px 0 0}
@media(max-width:700px){.welcome{max-height:calc(100dvh - 110px)}}
/* The three round buttons top right (3 October 2026): drawn icons (SVG, not text glyphs, which iPadOS draws as emoji off the middle), centred in the circle. */
.round{display:grid;place-items:center;padding:0;line-height:0}.round svg .fill{fill:currentColor}.round .gear{stroke-width:2.1}#sound .mute{display:none}#sound.active .mute{display:inline}
/* No zooming (3 October 2026): on the iPad a quick double tap on the start card or the speed box, or a pinch, zoomed the page in so far that the
   menus were off the screen. Taps stay taps (no double-tap zoom); the start card and the menu still scroll up and down; the map keeps its own drags. */
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}.welcome,dialog{touch-action:pan-y}
/* The horn button (3 October 2026): a drawn icon (SVG, not the 📯 emoji, which iPadOS draws off the middle), centred in the circle with a grid. */
.horn{display:grid;place-items:center;padding:0;line-height:0}.horn svg{width:54%;height:54%;display:block;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.horn svg .fill{fill:currentColor}
/* With the running duck found there are four alternatives behind the car, and the start card with every reward was 35 px too tall for an iPad in landscape
   (1024×768; the last row of rides went behind the start button). On a wide screen the heading takes one line instead of two (4 October 2026). */
@media(min-width:701px){.welcome:has(#rewards:not([hidden])) h1{font-size:34px}.welcome:has(#rewards:not([hidden])) h1 br{display:none}}
/* The horn by the water (4 October 2026): visible while the car is at Lianvannet, where it stands at a choice of road (the button is hidden then, elsewhere)
   and, in free driving, above the brake and drift buttons that take its corner. body.at-lake is set by game.js (lakeHorn); the button still has to be unlocked. */
body.choosing.at-lake .horn:not([hidden]){visibility:visible}
body.at-lake:has(#freeControls:not([hidden])) .horn:not([hidden]){display:grid!important;bottom:118px}
@media(max-width:700px){body.at-lake:has(#freeControls:not([hidden])) .horn:not([hidden]){bottom:104px}}
/* Inside the house (5 October 2026): "Gå inn" on the start screen, and over the room (inside.js) a way out, a title and the popup that says how an unlock was got.
   The button sits bottom right on a wide screen, where the card is at the left; on a phone the card is at the bottom, so it moves up under the header. */
.go-inside,.go-out{position:absolute;z-index:32;min-height:56px;padding:10px 22px;display:flex;align-items:center;gap:10px;border:2px solid white;border-radius:18px;background:#fffdf1;color:#174e48;box-shadow:0 4px 0 #174e4840;font-size:18px;font-weight:800;white-space:nowrap;touch-action:manipulation}
.go-inside:active,.go-out:active{transform:translateY(3px)}.go-inside{right:28px;bottom:58px}.go-out{left:28px;top:92px}
#insideHud{position:absolute;inset:0;z-index:31;pointer-events:none}#insideHud>*{pointer-events:auto}
.inside-title{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);padding:8px 22px;border-radius:18px;background:#fffdf1e8;box-shadow:0 3px 0 #174e4830;text-align:center;font-weight:850;font-size:17px;white-space:nowrap;pointer-events:none}
.inside-title small{display:block;font-size:12px;font-weight:700;color:#4f6f64;margin-top:2px}
.unlock-info{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);width:min(480px,calc(100% - 32px));padding:16px 20px;display:flex;align-items:center;gap:16px;touch-action:manipulation}
.unlock-info[hidden]{display:none}.info-icon{font-size:44px;line-height:1;flex:none}.unlock-info strong{font-size:19px}.unlock-info p{margin:4px 0 0;font-size:16px;line-height:1.4;font-weight:700}
@media(max-width:700px){.go-inside{right:14px;top:68px;bottom:auto;min-height:52px;padding:8px 18px;font-size:17px}.welcome{max-height:calc(100dvh - 170px)}.go-out{left:14px;top:78px;min-height:52px;padding:8px 18px;font-size:17px}.inside-title{bottom:14px;padding:6px 16px;font-size:15px}.unlock-info{bottom:80px;padding:12px 16px}.info-icon{font-size:36px}}
@media(max-height:500px){.go-inside{bottom:30px}.go-out{top:70px}.inside-title{padding:4px 14px;bottom:26px}.unlock-info{bottom:74px;padding:10px 16px}.info-icon{font-size:32px}.unlock-info p{font-size:14px}}
/* With the taxi, the pig or the hover switch on the start card (5 October 2026) the card was 60 px too tall for an iPad in landscape (1024×768): on a wide screen it
   drops the little heading and tightens up while they show. On a phone the card stops short of "Gå inn", which sits under the header. */
@media(min-width:701px){.welcome:has(#model-taxi:not([hidden]),#model-pig:not([hidden]),#hoverRow:not([hidden]),#secretHint:not([hidden])){padding:24px 30px 26px}
 .welcome:has(#model-taxi:not([hidden]),#model-pig:not([hidden]),#hoverRow:not([hidden]),#secretHint:not([hidden])) .eyebrow{display:none}
 .welcome:has(#model-taxi:not([hidden]),#model-pig:not([hidden]),#hoverRow:not([hidden]),#secretHint:not([hidden])) h1{margin:0}
 .welcome:has(#model-taxi:not([hidden]),#model-pig:not([hidden]),#hoverRow:not([hidden]),#secretHint:not([hidden])) .route-line{margin:12px 0 14px}
 .welcome:has(#model-taxi:not([hidden]),#model-pig:not([hidden]),#hoverRow:not([hidden]),#secretHint:not([hidden])) .rewards{padding:9px 13px 10px;margin:-6px 0 14px}
 .welcome:has(#model-taxi:not([hidden]),#model-pig:not([hidden]),#hoverRow:not([hidden]),#secretHint:not([hidden])) .model-row{gap:5px;margin-top:8px}
 .welcome:has(#model-taxi:not([hidden]),#model-pig:not([hidden]),#hoverRow:not([hidden]),#secretHint:not([hidden])) .model-choice{padding:4px 9px}
 .welcome:has(#model-taxi:not([hidden]),#model-pig:not([hidden]),#hoverRow:not([hidden]),#secretHint:not([hidden])) .trail-row{margin:5px 0 0}}
/* The hint under the count of the secrets (7 October 2026): it sits right under it, in a cooler tint. */
.secret-hint{margin:-10px 0 16px;background:#e5f2ec;color:#2f564c}
@media(max-height:650px) and (min-width:701px){.secret-hint{margin:-6px 0 10px}}
/* With the hint showing on a wide screen the card is a little tighter still (an iPad in landscape, 1024×768, has no room to scroll in). */
@media(min-width:701px){.welcome:has(#secretHint:not([hidden])) .reward-teaser{padding:7px 12px;font-size:12.5px;line-height:1.35}
 .welcome:has(#secretHint:not([hidden])) .trail-row{margin:3px 0 0}.welcome:has(#secretHint:not([hidden])) .model-choice{padding:3px 9px}}
/* The horn on the start screen (7 October 2026), left of "Gå inn": to try each ride's horn while choosing what to drive as. It is the drive screen's button (.horn) in
   another place; on a phone it sits beside "Gå inn" under the header, as that one does. */
.horn-home{right:176px;bottom:50px;z-index:32}
@media(max-height:500px){.horn-home{bottom:28px;width:60px;height:60px}}
@media(max-width:700px){.horn-home{right:142px;top:68px;bottom:auto;width:52px;height:52px}}
/* RE-ward in the settings (4 October 2026): the two buttons ask for a second tap; the armed one is yellow. */
.reaward{margin-top:6px}.reaward .secondary{margin:12px 0}.secondary:disabled{opacity:.5;cursor:default}.secondary.armed{background:#ffe398;box-shadow:inset 0 0 0 2px #e0a92b}