@font-face{font-family:Space Grotesk;src:url(/games/mayor-dash/art/SpaceGrotesk.ttf)format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Silkscreen;src:url(/games/mayor-dash/art/Silkscreen-Regular.ttf)format("truetype");font-display:swap}:root{color:#173d32;font-synthesis:none;--green:#073c30;--cream:#fff3cf;--gold:#ecc260;background:#e6e8d9;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #dc9b2c}button{touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.04)}[hidden]{display:none!important}button{border-radius:0}p,h1,h2{margin:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.md-layout{background:radial-gradient(at 45% 20%,#f4efdb,#0000 70%);justify-content:center;align-items:center;gap:32px;min-height:100dvh;padding:24px;display:flex}.md-game{background:var(--green);width:min(100%,500px);height:min(900px,100dvh - 48px);min-height:650px;color:var(--cream);isolation:isolate;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 80px #1c352b2a,0 0 0 1px #203e2d25}.md-wordmark{letter-spacing:-1px;white-space:nowrap;font-family:Silkscreen,monospace;font-size:23px;line-height:1.05}.md-hud{background:var(--green);z-index:2;flex-shrink:0;align-items:center;gap:18px;padding:20px 22px 13px;display:flex}.md-cityline{letter-spacing:1.7px;align-items:center;gap:19px;margin-top:8px;font-size:11px;font-weight:700;display:flex}.md-hearts{color:#ff665e;letter-spacing:0;text-shadow:1px 2px #702c34;font-size:21px;line-height:1}.md-score{flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;display:flex}.md-score strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.md-score span{letter-spacing:1.5px;font-size:9px}.md-icon{color:var(--cream);background:0 0;border:1.5px solid #cfdbad;border-radius:6px;min-width:42px;height:42px;padding:3px 11px;font-size:26px;font-weight:700}.md-stage{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden;outline:none!important}.md-stage canvas{display:block}.md-run-info{pointer-events:none;letter-spacing:1px;z-index:2;justify-content:space-between;font-size:9px;font-weight:700;display:flex;position:absolute;top:144px;left:16px;right:16px}.md-run-info span{color:#244b3b;background:#ffefd5e8;border-radius:3px;padding:6px 9px}.md-controls{background:var(--green);z-index:2;border-top:2px solid #b5bd8a;flex-shrink:0;padding:9px 16px 8px}.md-action{background:var(--cream);color:var(--green);border:1px solid #eedcad;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 15px;font-size:14px;font-weight:700;display:flex}.md-action small{letter-spacing:1px;font-size:11px}.md-action.is-quiet{color:#d0ddbb;background:#285644;border-color:#5d7860}.md-movement{align-items:center;gap:7px;margin-top:9px;display:flex}.md-movement button{width:42px;height:36px;color:var(--cream);background:#194c3c;border:1px solid #859776;border-radius:4px;flex-shrink:0;font-size:24px;line-height:1}.md-movement span{color:#d5dcba;text-align:right;max-width:105px;margin-left:auto;font-size:9px;line-height:1.5}.md-fineprint{text-align:center;color:#a8bb97;letter-spacing:.3px;margin-top:7px;font-size:8px}.md-overlay{z-index:10;position:absolute;inset:0}.md-arrival{background:#897e65;height:100%;position:relative;overflow:hidden}.md-aerial{object-fit:cover;object-position:center 49%;width:100%;height:100%;display:block}.md-arrival:after{content:"";pointer-events:none;background:linear-gradient(#092e2b9c 0%,#0000 28% 53%,#163b2799 88%);position:absolute;inset:0}.md-arrival-top{text-align:center;z-index:1;text-shadow:0 2px 10px #173d3240;position:absolute;top:27px;left:28px;right:28px}.md-arrival-top .md-wordmark{font-size:clamp(18px,5.5vw,22px)}.md-kicker{letter-spacing:2.2px;margin-top:21px;font-size:8px;font-weight:700;display:block}.md-arrival h1{letter-spacing:-1.3px;margin-top:6px;font-size:35px;line-height:1.1}.md-arrival-top p{letter-spacing:1.2px;margin-top:7px;font-size:11px}.md-arrival-card{z-index:2;color:var(--green);background:#fff6ddf5;border:1px solid #e7dab7;border-radius:7px;padding:23px 25px 16px;position:absolute;bottom:24px;left:24px;right:24px;box-shadow:0 7px 30px #263d3a33}.md-eyebrow{letter-spacing:1.5px;color:#658069;font-size:9px;font-weight:700;display:block}.md-arrival-card h2{letter-spacing:-1px;margin:10px 0;font-size:27px;line-height:1.12}.md-arrival-card p{color:#53654e;font-size:12px;line-height:1.5}.md-primary{background:var(--green);color:var(--cream);border:1px solid #123b2d;border-bottom:3px solid #001f18;border-radius:5px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:49px;padding:15px 17px;font-size:14px;font-weight:700;display:flex}.md-primary span{margin-left:auto;font-size:20px;line-height:1}.md-arrival-card small{text-align:center;color:#6f7963;letter-spacing:.2px;margin-top:12px;font-size:8px;display:block}.md-selection{color:var(--green);background:#fbf4df;flex-direction:column;height:100%;display:flex;overflow-y:auto}.md-selection header{border-bottom:1px solid #ddd8ba;flex-shrink:0;align-items:center;gap:16px;padding:21px 24px;display:flex}.md-selection header .md-wordmark{font-size:18px}.md-back{color:var(--green);background:0 0;border:0;min-width:24px;min-height:28px;padding:0;font-size:23px}.md-pill{letter-spacing:1px;border:1px solid #809478;border-radius:3px;margin-left:auto;padding:4px 7px;font-size:9px}.md-steps{color:#7d8571;flex-shrink:0;gap:24px;margin:0;padding:22px 26px 0;font-size:11px;list-style:none;display:flex}.md-steps li{align-items:center;gap:7px;display:flex}.md-steps li span{border:1px solid #c5ccb0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.md-steps [aria-current]{color:var(--green);font-weight:700}.md-steps [aria-current] span{color:var(--cream);background:var(--green);border-color:var(--green)}.md-steps .is-complete{color:#47734d}.md-steps .is-complete span{background:#e4ebce;border-color:#afbe98}.md-selection-body{flex-direction:column;flex:1;gap:24px;padding:28px 26px;display:flex}.md-selection h1{letter-spacing:-1px;margin:8px 0;font-size:32px}.md-selection h1:focus{outline:none}.md-muted{color:#677761;font-size:12px;line-height:1.5}.md-selection-options{flex-direction:column;flex:1;justify-content:center;display:flex}.md-pacts{gap:14px;display:grid}.md-pacts button{text-align:left;color:var(--green);background:#f5efd9;border:1px solid #c9cfaf;border-radius:7px;padding:18px 20px 14px;position:relative}.md-pacts strong{letter-spacing:-.5px;padding-right:24px;font-size:23px;display:block}.md-pact-team{grid-template-columns:repeat(var(--party-count),minmax(0,80px));justify-content:center;gap:9px;margin:10px 0 0;display:grid}.md-teammate{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.md-leader-portrait{background-position:0 0;background-repeat:no-repeat;background-size:200% 100%;width:64px;height:64px;display:block}.md-pacts .is-selected .md-leader-portrait{background-position:100% 0}.md-teammate b{margin-top:5px;font-size:11px}.md-leader-name{color:#677761;max-width:100px;min-height:26px;margin-top:4px;font-size:10px;line-height:1.3}.md-pacts button.is-selected{background:#e4ebce;border-color:#497b4e;box-shadow:inset 0 0 0 1px #497b4e}.md-disclaimer{color:#78826b;text-align:center;margin-top:17px;font-size:10px}.md-team-summary{border-bottom:1px solid #d8dcc1;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;margin-bottom:18px;padding-bottom:16px;display:grid}.md-team-summary .md-eyebrow{grid-column:1/-1;font-size:8px}.md-team-summary strong{font-size:13px}.md-team-summary>span:last-child{color:#677761;font-size:10px}.md-characters{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.md-character{color:var(--green);text-align:left;background:#eeead7;border:1px solid #c9cfaf;border-radius:7px;grid-template-columns:90px minmax(0,1fr) 20px;align-items:center;gap:14px;min-width:0;padding:10px 14px;display:grid;position:relative}.md-character.is-selected{background:#e4ebce;border-color:#497b4e;box-shadow:inset 0 0 0 1px #497b4e,0 3px #496d4130}.md-portrait{grid-area:1/1;width:100%;height:128px;display:block;position:relative}.md-portrait img{object-fit:contain;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0}.md-portrait-happy,.md-portrait-sad,.md-character.is-selected .md-portrait-idle,.md-character.is-unselected .md-portrait-idle{visibility:hidden}.md-character.is-selected .md-portrait-happy,.md-character.is-unselected .md-portrait-sad{visibility:visible}.md-character-details{flex-direction:column;grid-area:1/2;min-width:0;display:flex}.md-character strong{font-size:18px;line-height:1.25}.md-character-party{color:#71815f;margin-top:6px;font-size:12px;line-height:1.4}.md-check{background:#fcf7e6;border:1px solid #99ac84;border-radius:50%;grid-area:1/3;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.is-selected>.md-check{color:#fff5d4;background:#3c6b42;border-color:#3c6b42}.md-start-area{flex-shrink:0}.md-choice-status{color:#61755d;text-align:center;min-height:17px;margin-bottom:12px;font-size:11px;line-height:1.5}.md-start-area small{text-align:center;color:#6c7b61;margin-top:13px;font-size:10px;display:block}.md-primary:disabled{opacity:.5}.md-shade{backdrop-filter:blur(3px);background:#072a23b8;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;overflow:auto}.md-dialog{color:var(--green);text-align:center;background:#fff5dc;border-radius:8px;width:100%;max-height:100%;padding:30px 27px;overflow:auto;box-shadow:0 12px 50px #042b2f55}.md-dialog h1{letter-spacing:-1px;margin:11px 0 9px;font-size:34px}.md-dialog>p{color:#68795e;font-size:12px;line-height:1.5}.md-dialog .md-primary{margin-top:24px}.md-secondary{color:var(--green);background:0 0;border:1px solid #68856a;border-radius:4px;width:100%;min-height:42px;margin-top:10px;padding:11px 15px;font-size:12px;font-weight:600}.md-text-button{color:#667c61;background:0 0;border:0;padding:14px 8px;font-size:11px}.md-howto{text-align:left;border-top:1px solid #d4d9bb;margin-top:10px;padding-top:19px}.md-howto strong{font-size:12px}.md-howto p{color:#5b7059;margin-top:9px;font-size:11px;line-height:1.6}.md-dev-host:empty{display:none}.md-dev-host:has(.md-dev-launch){display:contents}.md-dev-host{color:#254236;flex-shrink:0;align-self:center;width:340px}.md-dev{background:#f6f4e9;border:1px solid #b4c0a6;border-radius:9px;max-height:calc(100dvh - 48px);padding:20px;overflow:auto;box-shadow:0 4px 30px #2540330a}.md-dev h2{letter-spacing:-.5px;margin:0;font-size:18px}.md-dev header{justify-content:space-between;align-items:center;display:flex}.md-dev header button{color:#667f63;background:0 0;border:0}.md-dev .md-eyebrow{margin-bottom:5px;font-size:8px}.md-dev p{color:#667761;margin:8px 0;font-size:11px;line-height:1.5}.md-dev label{margin:15px 0 7px;font-size:10px;font-weight:700;display:block}.md-dev select{color:#254236;background:#fffdf3;border:1px solid #acbba0;border-radius:4px;width:100%;padding:9px 8px;font-size:11px}.md-dev-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0;display:grid}.md-dev button{color:#284a37;background:#fffdf3;border:1px solid #a8b79a;border-radius:4px;min-height:35px;padding:9px 5px;font-size:10px;font-weight:600}.md-dev button.is-active{color:#fff5d4;background:#2c5a40;border-color:#2c5a40}.md-dev pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9ecdf;border-radius:4px;max-height:210px;margin-bottom:0;padding:11px;font:10px/1.6 monospace;overflow:auto}.md-dev-status{color:#41674c;border-top:1px solid #d0d7c1;min-height:30px;padding:8px 0;font-size:10px;line-height:1.5}.md-dev-launch{color:#2f573c;z-index:30;background:#f8f4df;border:1px solid #819575;border-radius:5px;padding:7px 10px;font-size:10px;position:fixed;bottom:13px;right:16px}.md-dev-state{font-variant-numeric:tabular-nums;background:#e5ebd8;border-radius:4px;margin:10px 0;padding:10px;font-size:11px;line-height:1.6}@media (width<=900px){.md-layout:has(.md-dev){align-items:flex-start;gap:16px;padding:16px}.md-dev-host{width:300px}.md-game{min-width:330px}.md-layout:has(.md-dev) .md-game{height:calc(100dvh - 32px)}}@media (width<=700px){.md-layout{min-height:100dvh;padding:0;display:block}.md-game{width:100%;min-width:0;max-width:540px;height:100dvh;min-height:560px;box-shadow:none;border-radius:0;margin:0 auto}.md-layout:has(.md-dev){flex-direction:column;gap:0;padding:0;display:flex}.md-layout:has(.md-dev) .md-game{height:100dvh;min-height:560px}.md-dev-host{width:100%;max-width:540px;margin:auto}.md-dev{border-radius:0;max-height:none;padding:20px}.md-hud{gap:14px;padding:16px 18px 11px}.md-wordmark{font-size:21px}.md-score strong{font-size:27px}.md-run-info{top:132px}.md-arrival h1{font-size:32px}.md-arrival-top{top:27px;left:19px;right:19px}.md-arrival-card{padding:22px;bottom:22px;left:20px;right:20px}.md-arrival-card h2{font-size:26px}.md-selection header{padding:20px}.md-selection-body{padding:24px 22px max(24px,env(safe-area-inset-bottom))}.md-steps{padding-left:22px;padding-right:22px}.md-controls{padding-bottom:max(8px,env(safe-area-inset-bottom))}.md-dev-launch{opacity:.85;bottom:9px;right:9px}}@media (height<=760px){.md-layout{padding-top:12px;padding-bottom:12px}.md-game{height:calc(100dvh - 24px);min-height:560px}.md-selection header{padding-top:13px;padding-bottom:13px}.md-steps{padding-top:14px}.md-selection-body{gap:18px;padding-top:20px;padding-bottom:20px}.md-selection h1{margin:6px 0;font-size:29px}.md-pacts button{padding:18px 20px 16px}.md-pacts strong{font-size:21px}.md-pact-team{margin:10px 0 0}.md-leader-portrait{width:56px;height:56px}.md-leader-name{min-height:24px;font-size:9px}.md-disclaimer{margin-top:12px}.md-team-summary{margin-bottom:14px;padding-bottom:12px}.md-portrait{height:112px}.md-choice-status{margin-bottom:9px}.md-start-area small{margin-top:10px}.md-arrival-card{padding-top:17px}.md-arrival-card h2{font-size:24px}.md-arrival-card p{font-size:11px}.md-arrival-card .md-primary{margin-top:14px}.md-dialog{padding:22px}}@media (width<=700px) and (height<=760px){.md-layout{padding:0}.md-game{height:100dvh}}@media (width<=380px){.md-selection h1{font-size:26px}.md-character{grid-template-columns:76px minmax(0,1fr) 20px;gap:10px;padding-left:10px;padding-right:10px}.md-character strong{font-size:17px}}@media (height<=650px){.md-selection-body{gap:14px;padding:16px 20px}.md-selection-body>div:first-child>.md-eyebrow{display:none}.md-portrait{height:92px}.md-character{padding-top:8px;padding-bottom:8px}.md-start-area small{font-size:9px}.md-selection .md-primary{padding-top:12px;padding-bottom:12px}}@media (height<=600px){.md-selection header{padding-top:10px;padding-bottom:10px}.md-steps{padding-top:10px}.md-selection-body{gap:12px;padding-top:12px;padding-bottom:12px}.md-pacts button{padding:14px 18px 12px}.md-pact-team{margin-top:8px;margin-bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}.md-tutorial{z-index:5;color:#174935;pointer-events:none;background:#fff6ddf5;border:1px solid #e3c16d;border-radius:6px;align-items:flex-start;gap:12px;padding:14px 15px;display:flex;position:absolute;top:184px;left:16px;right:16px;box-shadow:0 3px #27433320}.md-tutorial .md-eyebrow{color:#6f7958;font-size:8px}.md-tutorial strong{letter-spacing:-.3px;margin:6px 0;font-size:16px;display:block}.md-tutorial p{max-width:310px;font-size:11px;line-height:1.5}.md-tutorial button{pointer-events:auto;color:#5a7154;background:0 0;border:0;border-bottom:1px solid #80916c;min-height:26px;margin-left:auto;padding:3px 0;font-size:10px}.md-tutorial button:focus-visible{outline-offset:4px}@media (width<=700px){.md-tutorial{top:171px}}@media (height<=650px){.md-pact-team{margin:9px 0 0}.md-leader-portrait{width:48px;height:48px}.md-leader-name{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute;overflow:hidden}.md-teammate b{margin-top:3px}}@media (height<=600px){.md-pact-team{margin-top:6px;margin-bottom:0}.md-leader-portrait{width:40px;height:40px}.md-pacts button{padding-top:11px;padding-bottom:10px}}.md-world-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.md-world-points{color:#fff3ce;white-space:nowrap;background:#124c3b;border-radius:3px;padding:5px 8px;font-size:13px;font-weight:700;position:absolute;top:0;left:0}.md-world-repair{background:#173e33;border-radius:3px;width:44px;height:5px;position:absolute;top:0;left:-22px;overflow:hidden}.md-world-repair i{background:#f1c85e;height:100%;display:block}.md-world-labels[data-context-lost]:after{content:"Graphics paused. Reload if the view does not return.";color:#173e33;background:#fff4d9;border-radius:4px;padding:12px;font-size:12px;position:absolute;bottom:20px;left:20px;right:20px}.md-dev-views{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.md-hud{gap:14px;padding:15px 20px}.md-hud .md-wordmark{font-size:18px}.md-score{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.md-tutorial{align-items:center;padding:8px 12px}.md-tutorial strong{margin:0;font-size:13px}.md-tutorial button{border:0;min-width:30px;font-size:22px}.md-setup-dots{gap:8px;margin-left:auto;display:flex}.md-setup-dots i{background:#c9cfb3;border-radius:50%;width:7px;height:7px}.md-setup-dots i.is-current{background:var(--green)}.md-arrival-card .md-primary{margin-top:0}.md-leader-name.sr-only{min-height:0;margin:0}.md-selection h1{margin:0}.md-disclaimer{font-size:9px}.md-choice-status.sr-only{min-height:0;margin:0}.md-arrival-card{padding:22px;bottom:76px}.md-satire{z-index:1;bottom:max(25px,env(safe-area-inset-bottom));text-align:center;color:#fff5dd;text-shadow:0 1px 3px #042b2f;background:0 0;font-size:13px;line-height:1.4;position:absolute;left:20px;right:20px}.md-arrival:after{pointer-events:none}.md-stage:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000,#ad3e3066);position:absolute;inset:65% 0 0}.md-game[data-pressure=true] .md-stage:after{opacity:1}.md-scroll-warning{z-index:4;color:#fff3cf;pointer-events:none;white-space:nowrap;background:#073c30;border:1px solid #ecc260;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.md-pacts button .md-pact-team{margin-top:0}.md-results-screen{isolation:isolate;height:100%;color:var(--cream);background:#073c30;justify-content:center;align-items:center;padding:28px;display:flex;position:relative;overflow:hidden}.md-results-screen:before{content:"";z-index:-2;filter:blur(3px);pointer-events:none;background:url(/games/mayor-dash/art/joburg.webp) 50% 49%/cover;position:absolute;inset:-8px}.md-results-screen:after{content:"";z-index:-1;pointer-events:none;background:#042d26b8;position:absolute;inset:0}.md-results{text-align:center;width:100%;max-width:340px;max-height:100%;padding:6px;position:relative;overflow-y:auto}.md-results h1{letter-spacing:-.8px;margin:0;font-size:26px;font-weight:600;line-height:1.15}.md-results h1:focus{outline:none}.md-result-score{letter-spacing:-5px;font-variant-numeric:tabular-nums;margin:20px 0 42px;font-size:clamp(72px,20vw,112px);line-height:1;display:block}.md-result-score.is-long{letter-spacing:-2px;font-size:clamp(40px,11vw,64px)}.md-result-actions{flex-direction:column;gap:8px;display:flex}.md-results .md-primary{background:var(--cream);min-height:54px;color:var(--green);border-color:#0000;margin:0;font-size:15px;text-decoration:none}.md-results a:focus-visible{outline-offset:3px;outline:3px solid #dc9b2c}.md-result-share{width:100%;min-height:46px;color:var(--cream);background:0 0;border:1px solid #fff3cf66;border-radius:5px;font-size:14px;font-weight:600}.md-result-retry{width:100%;color:var(--cream);background:0 0;border:0;min-height:48px;padding:12px;font-size:14px;font-weight:600;display:block}.md-share-status{color:var(--cream);min-height:18px;margin:10px 0 0;font-size:12px;line-height:1.5}.md-save-image{color:var(--cream);text-underline-offset:3px;padding:6px;font-size:13px;line-height:1.5;display:inline-block}.md-arrival-help{width:100%;min-height:44px;color:var(--green);background:0 0;border:0;margin-top:10px;padding:10px;font-size:14px;font-weight:600;display:block}.md-touch-controls{display:none}@media (any-pointer:coarse){.md-touch-controls{padding:12px 16px max(14px,env(safe-area-inset-bottom));background:var(--green);z-index:3;flex-shrink:0;grid-template-rows:repeat(2,64px);grid-template-columns:repeat(3,72px);justify-content:center;gap:8px;display:grid}.md-touch-controls button{background:var(--cream);color:var(--green);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #90a98a;border-bottom:4px solid #aab592;border-radius:9px;place-items:center;font-size:36px;font-weight:700;line-height:1;display:grid}.md-touch-controls button[data-direction=north]{grid-area:1/2}.md-touch-controls button[data-direction=west]{grid-area:1/1/3}.md-touch-controls button[data-direction=south]{grid-area:2/2}.md-touch-controls button[data-direction=east]{grid-area:1/3/3}.md-touch-controls button[data-direction=north] span,.md-touch-controls button[data-direction=south] span{transform:rotate(var(--md-forward-angle,0deg))}.md-touch-controls button[data-direction=west] span,.md-touch-controls button[data-direction=east] span{transform:rotate(var(--md-side-angle,0deg))}.md-touch-controls button:active{background:#e9dfb4;border-bottom-width:2px;transform:translateY(2px)}.md-game[data-phase=playing] .md-scroll-warning,.md-layout:has(.md-game[data-phase=playing]) .md-dev-launch{bottom:calc(184px + env(safe-area-inset-bottom))}}.md-share-copy{resize:none;width:100%;height:104px;color:var(--green);background:#fffaf0;border:1px solid #a7b898;border-radius:5px;margin-top:12px;padding:12px;font:12px/1.5 Space Grotesk,sans-serif}@media (height<=600px){.md-results-screen{padding:24px}.md-result-score{margin:16px 0 30px}.md-results h1{font-size:24px}}.md-game{overscroll-behavior:contain}.md-game[data-phase=playing],.md-game[data-phase=paused]{touch-action:none}.md-touch-controls,.md-touch-controls *{touch-action:none;overscroll-behavior:none}.md-tutorial{box-shadow:none;text-align:center;color:#fff7df;pointer-events:none;text-shadow:0 3px #073c30,0 0 16px #073c30;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:12px;padding:0;display:flex;top:23%;left:24px;right:24px}.md-tutorial strong{letter-spacing:-1.4px;text-wrap:balance;margin:0;font-size:clamp(36px,10vw,48px);font-weight:700;line-height:1.05}.md-tutorial button{color:#fff7df;pointer-events:auto;width:36px;height:36px;text-shadow:none;background:#073c3088;border:0;border-radius:50%;margin:0;font-size:24px;position:absolute;top:-38px;right:0}.md-swipe-demo{filter:drop-shadow(0 3px 2px #073c3077);width:160px;height:135px;margin-top:32px;position:relative}.md-swipe-demo svg{fill:#fff7df;stroke:#073c30;stroke-width:4px;stroke-linejoin:round;width:72px;height:88px;animation:1.8s ease-in-out infinite md-swipe-hand;position:absolute;top:48px;left:70px}.md-swipe-demo i{border:3px solid #fff7df;border-radius:50%;width:30px;height:30px;animation:1.8s ease-in-out infinite md-swipe-ring;position:absolute;top:52px;left:83px}@keyframes md-swipe-hand{0%,15%{opacity:0;transform:translate(0)}25%{opacity:1}70%,85%{transform:translate(var(--swipe-x,-80px),var(--swipe-y,-44px));opacity:1}to{transform:translate(var(--swipe-x,-80px),var(--swipe-y,-44px));opacity:0}}@keyframes md-swipe-ring{0%,15%{opacity:0;transform:scale(.5)}25%{opacity:.8}70%,to{transform:translate(var(--swipe-x,-80px),var(--swipe-y,-44px)) scale(1.4);opacity:0}}@media (prefers-reduced-motion:reduce){.md-swipe-demo svg,.md-swipe-demo i{animation:none}.md-swipe-demo svg{transform:translate(calc(var(--swipe-x,-80px)*.5),calc(var(--swipe-y,-44px)*.5))}}.md-game[data-phase=playing] .md-scroll-warning,.md-layout:has(.md-game[data-phase=playing]) .md-dev-launch{bottom:16px}.md-home{background:var(--cream);height:100%;color:var(--green);touch-action:pan-y;flex-direction:column;padding:28px 24px 18px;display:flex;overflow:auto}.md-home-title{letter-spacing:-1px;text-align:center;margin:0 0 8px;font:36px/1 Silkscreen,monospace}.md-brand-tagline{text-align:center;margin:0 0 24px;font-size:14px;line-height:1.4}.md-city-grid{flex:1;gap:12px;min-height:0;display:grid}.md-city-card{text-align:left;color:#fff9df;isolation:isolate;background:#476a4e;border:0;border-radius:7px;align-items:center;gap:12px;min-height:82px;padding:20px;display:flex;position:relative;overflow:hidden}.md-city-card img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.md-city-card:after{content:"";z-index:-1;background:linear-gradient(90deg,#073c30d9,#073c3033);position:absolute;inset:0}.md-city-card strong{letter-spacing:-.5px;text-shadow:0 1px 3px #073c3066;font-size:23px}.md-city-arrow{flex-shrink:0;width:26px;height:26px;margin-left:auto;font-size:26px;line-height:1}.md-city-card[aria-busy=true] .md-city-arrow{display:none}.md-city-progress{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #073c30;background:#073c308c;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;margin-left:auto;font-size:11px;font-weight:700;line-height:1;display:grid;position:relative}.md-city-progress[hidden]{display:none}.md-city-progress svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.md-city-progress circle{fill:none;stroke-width:4px}.md-city-track{stroke:#fff9df45}.md-city-fill{stroke:#fff9df;stroke-dasharray:100;stroke-dashoffset:var(--city-progress,100);stroke-linecap:round;transition:stroke-dashoffset .15s ease-out}@media (prefers-reduced-motion:reduce){.md-city-fill{transition:none}}.md-city-error{font-size:12px;position:absolute;bottom:8px;left:20px}.md-result-sharing{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:8px;display:grid}.md-result-sharing .md-result-share{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:50px;padding:10px 6px;font-size:13px;display:flex}.md-result-sharing .md-whatsapp{background:#21674bc9;border-color:#96be8c99}.md-action-icon{flex-shrink:0;width:21px;height:21px}.md-results [data-ui=retry]{min-height:60px;font-size:17px;font-weight:700}.md-results [data-ui=retry] span{font-size:inherit;margin-left:0}.md-tutorial .md-tutorial-detail{text-wrap:balance;max-width:310px;margin:0;font-size:20px;font-weight:600;line-height:1.3}.md-home .md-satire{text-shadow:none;color:#547361;width:auto;margin-top:14px;position:static;transform:none}.md-city-back{width:44px;height:44px;color:var(--cream);background:#073c3070;border:1px solid #fff3cf66;border-radius:50%;place-items:center;font-size:27px;display:grid;position:absolute;top:-5px;left:-5px}.md-game .md-results-screen:before{background-image:var(--city-image)}@media (width<=540px){.md-home{padding:28px 20px 16px}.md-home-title{margin-bottom:8px;font-size:34px}.md-city-card strong{font-size:22px}}.md-scroll-warning:not([hidden]),.md-tutorial[data-guide=repair]:not([hidden]) strong{animation:1.2s ease-in-out infinite md-keep-moving}@keyframes md-keep-moving{0%,15%,to{opacity:1}50%,65%{opacity:0}}@media (prefers-reduced-motion:reduce){.md-scroll-warning:not([hidden]),.md-tutorial[data-guide=repair]:not([hidden]) strong{animation:none}}