@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Nunito+Sans:wght@500;600;700;800;900;1000&display=swap');
:root{font-family:'Nunito Sans',system-ui,sans-serif;color:#fff;background:#10243a;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:5px}button:active{transform:translateY(2px)}[hidden]{display:none!important}#game{height:100%;height:100dvh;position:relative;overflow:hidden;touch-action:none}#world{width:100%;height:100%;display:block}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a1c2ef5,#0a1c2eb3 31%,#0a1c2e08 75%),linear-gradient(0deg,#0b1d2fb3,transparent 28%);pointer-events:none;transition:opacity .5s}body.playing .shade{opacity:0}header{position:absolute;top:max(26px,env(safe-area-inset-top));left:3.5%;right:3.5%;display:flex;align-items:flex-start;justify-content:space-between;z-index:10}.brand{text-decoration:none;color:#fff;transform:rotate(-4deg);font-family:'Barlow Condensed',Impact,sans-serif;line-height:.85;text-shadow:0 3px 0 #10243a}.brand>span{font-size:42px;font-weight:900;letter-spacing:-1px}.brand b{color:#ffd34d}.brand small{display:block;font-size:17px;letter-spacing:5px;color:#ffd34d;margin:7px 0 0 3px}.top-actions{display:flex;gap:10px}.icon-button{height:45px;width:45px;border:1px solid #ffffff35;background:#10243ab8;backdrop-filter:blur(12px);border-radius:50%;font-size:24px;display:grid;place-items:center}.icon-button:hover{background:#21465b}.overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center}.start-card{margin-left:8.5%;position:relative;z-index:2;padding-top:28px;max-width:540px}.eyebrow{font-size:13px;letter-spacing:3px;font-weight:900;color:#69e0d3}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(60px,7.5vw,112px);text-transform:uppercase;line-height:.92;letter-spacing:-1.5px;margin:22px 0}h1 span{color:#ffd34d}p{font-size:18px;line-height:1.6;color:#c6d5df;margin:22px 0}.primary{background:#ffd34d;color:#162a38;box-shadow:0 6px 0 #c1851e,0 14px 32px #0003;min-height:66px;min-width:255px;border-radius:16px;padding:16px 26px;font-size:20px;letter-spacing:.8px;font-weight:1000;display:flex;align-items:center;justify-content:space-between;gap:40px;transition:filter .15s}.primary:hover{filter:brightness(1.12)}.primary span{font-size:29px;line-height:1}.start-note{font-size:13px;color:#c8d3d8;margin-top:18px}.mini-controls{display:flex;gap:22px;margin-top:38px;font-size:14px;font-weight:700;align-items:center;color:#d4e4eb}.mini-controls span{display:flex;gap:5px;align-items:center}.mini-controls kbd{font:800 12px inherit;background:#ffffff16;border:1px solid #ffffff32;border-bottom-width:3px;border-radius:5px;padding:4px 7px}.touch-hint{display:none}.hero-cat{position:absolute;height:81%;max-width:62%;object-fit:contain;right:0;bottom:5%;filter:drop-shadow(0 24px 20px #10243a55);pointer-events:none}.best-chip{position:absolute;right:5%;bottom:9%;background:#10243acd;backdrop-filter:blur(15px);border:1px solid #ffffff30;border-radius:14px;padding:16px 22px;font-size:12px;font-weight:900;letter-spacing:1.6px;z-index:3}.best-chip strong{display:block;color:#ffd34d;font-size:28px;letter-spacing:0}.best-chip small{font-size:12px;letter-spacing:0;color:#bdced9;font-weight:600}footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:3.5%;right:3.5%;display:flex;justify-content:space-between;color:#ccdde1aa;font-size:11px;letter-spacing:1.5px;z-index:6}#hud{position:absolute;inset:0;pointer-events:none}.stat{position:absolute;top:28px;text-shadow:0 2px 12px #16395180}.stat small{font-size:11px;letter-spacing:2px;font-weight:1000;display:block}.stat strong{font-size:36px;line-height:1.2;font-weight:1000}.stat em{font-style:normal;font-size:18px;margin-left:5px}.distance{left:26%}.wallet{left:43%}.coin-icon{color:#ffdc52;margin-right:8px}#hearts{position:absolute;top:36px;left:62%;letter-spacing:4px;color:#ff6e79;font-size:27px;text-shadow:0 2px 5px #422b52}.jackpot-panel{position:absolute;top:107px;left:50%;transform:translateX(-50%);width:min(350px,65%);padding:13px 18px 11px;border-radius:14px;background:#10243adc;box-shadow:0 4px 16px #0002}.jackpot-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.7px;font-weight:900;color:#ffda62}.meter{height:7px;background:#ffffff26;border-radius:8px;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;background:#ffd34d;width:0;transition:width .15s;box-shadow:0 0 12px #ffc83a}.jackpot-panel small{font-size:11px;display:block;margin-top:7px;color:#d4e1e8}.centre{background:#0c2132a6;backdrop-filter:blur(8px);justify-content:center;padding:22px}.dialog{padding:40px;border:1px solid #ffffff25;border-radius:26px;background:#132d42;box-shadow:0 25px 80px #0004;text-align:center;width:min(470px,100%)}.dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:48px;line-height:1.05;margin:18px 0}.dialog .primary{width:100%;margin-top:25px}.dialog p{font-size:16px}.secondary{font-size:14px;background:transparent;padding:20px 10px 0;color:#c6d5df}.secondary:hover{color:#ffd34d}.results{display:flex;gap:30px;justify-content:center;margin:27px 0}.results small{display:block;font-size:12px;letter-spacing:2px;color:#bed6df}.results strong{display:block;color:#ffd34d;font-size:32px}#toast{position:absolute;top:31%;left:50%;transform:translate(-50%,-10px);font-weight:1000;font-size:22px;padding:12px 22px;border-radius:14px;background:#10243aeb;text-align:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:12;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}#rush-banner{position:absolute;inset:31% 0 auto;text-align:center;pointer-events:none;z-index:4;text-shadow:0 4px 0 #9f6204,0 6px 25px #62280180;animation:jackpot-in .3s ease-out}#rush-banner strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,11vw,140px);font-weight:900;font-style:italic;color:#ffe165;line-height:.95}#rush-banner span{display:inline-block;color:#fff1b5;font-size:16px;letter-spacing:3px;font-weight:1000;margin-top:13px}#countdown{position:absolute;inset:35% 0 auto;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:100px;color:#fff;text-shadow:0 5px 0 #263e56;pointer-events:none}#touch-controls{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:4%;right:4%;display:flex;gap:10px;align-items:center;z-index:4}#touch-controls button{height:55px;width:60px;border-radius:15px;font-size:30px;background:#10243a99;border:1px solid #ffffff66;backdrop-filter:blur(8px)}#touch-controls button:hover{background:#1e506dc9}#touch-controls .jump-button{margin-left:auto;background:#ffd34de8;color:#162a38;width:100px;display:flex;gap:6px;align-items:center;justify-content:center;font-weight:1000}#touch-controls .jump-button span{font-size:13px}.rush .jackpot-panel{background:#634611e8;box-shadow:0 0 40px #ffdf5399}.rush .meter i{background:#fff3a5}.hit #world{filter:sepia(.6) saturate(2)}#error{position:absolute;inset:30% 15% auto;z-index:50;background:#10243a;padding:25px;font-size:20px;border:2px solid #ffd34d;border-radius:15px}@keyframes jackpot-in{from{transform:scale(.4) rotate(-8deg);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:700px){header{top:max(20px,env(safe-area-inset-top));left:6%;right:6%}.brand>span{font-size:33px}.brand small{font-size:13px;letter-spacing:4px}.start-card{margin-left:8%;padding-top:120px;max-width:85%}h1{font-size:clamp(60px,13vw,83px);margin:15px 0;line-height:.95}.start-card p{font-size:16px;margin:16px 0}.hero-cat{height:41%;right:-10%;max-width:65%;bottom:27%;opacity:.9}.start-card .primary{min-width:230px;min-height:60px;font-size:18px}.mini-controls{display:none}.touch-hint{display:block!important;font-size:12px!important;margin-top:18px!important}.start-note{font-size:12px}.best-chip{top:99px;right:6%;bottom:auto;padding:9px 13px;font-size:10px;letter-spacing:1px}.best-chip strong{font-size:22px}.best-chip small{font-size:10px}.shade{background:linear-gradient(90deg,#0a1c2ef5,#0a1c2ea1 55%,#0a1c2e30),linear-gradient(0deg,#0a1c2eaa,transparent)}footer{font-size:9px;letter-spacing:.8px;left:6%;right:6%}footer span:last-child{display:none}.stat{top:94px}.stat strong{font-size:26px}.stat small{font-size:10px}.distance{left:7%}.wallet{left:auto;right:7%}#hearts{top:39px;left:50%;transform:translateX(-50%);font-size:20px;letter-spacing:1px}.jackpot-panel{top:164px;width:86%;padding:10px 13px}.jackpot-label{font-size:11px}.jackpot-panel small{font-size:10px}.icon-button{height:37px;width:37px;font-size:21px}.top-actions{gap:8px}.dialog{padding:30px 24px}.dialog h2{font-size:43px}#toast{font-size:17px;max-width:92%;white-space:normal}.hero-cat{z-index:1}.start-card{z-index:2}.start-card p,.start-card h1{text-shadow:0 3px 15px #10243a66}}
@media(max-height:650px) and (min-width:701px){h1{font-size:70px}.start-card{padding-top:50px}.start-card p{margin:12px 0;font-size:16px}.mini-controls{margin-top:24px}.primary{min-height:57px}.eyebrow{font-size:12px}.hero-cat{height:85%}footer{bottom:10px}}
@media(max-height:650px) and (max-width:700px){.start-card{padding-top:75px}h1{font-size:55px}.start-card p{font-size:14px;margin:10px 0}.touch-hint{margin-top:10px!important}.start-note{margin-top:13px}.best-chip{top:20px;right:65px}.best-chip small{display:none}.hero-cat{bottom:17%;height:55%}.jackpot-panel{top:85px;width:42%;left:50%}.stat{top:89px}#touch-controls{bottom:15px}.jackpot-panel small{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Keep the character clear of the title and controls on portrait screens. */
@media(max-width:700px) and (min-height:651px){.start-card{margin-top:auto;margin-bottom:14%;padding-top:0}.hero-cat{height:32%;max-width:70%;top:10%;right:0;bottom:auto}.best-chip{top:105px;left:6%;right:auto;padding:9px 12px}.start-card h1{font-size:clamp(53px,12.5vw,78px)}.start-card p{font-size:16px}}
@media(max-width:700px) and (max-height:650px){.hero-cat{height:26%;top:13%;right:1%;bottom:auto}.start-card{margin-top:auto;margin-bottom:9%;padding-top:0}.start-card h1{font-size:43px}.eyebrow{font-size:11px}.start-card .primary{min-height:49px}.best-chip{top:92px;left:6%;right:auto}}

.character-picker{border:0;padding:0;margin:0 0 22px;max-width:374px}.character-picker legend{font-size:12px;font-weight:900;letter-spacing:2px;color:#c4d9e2;margin-bottom:9px}.character-options{display:flex;gap:9px}.character-option{flex:1;min-width:0;padding:4px 7px 9px;border:1px solid #ffffff30;border-radius:12px;background:#173649c9;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:14px;font-weight:800;white-space:nowrap}.character-option img{width:61px;height:56px;object-fit:contain}.character-option.selected{border:2px solid #ffd34d;padding:3px 6px 8px;color:#ffdb67;background:#3a4841}.character-option:hover{background:#395469}.start-card h1{font-size:clamp(60px,6.6vw,94px)}.start-card p{margin:16px 0}.mini-controls{margin-top:25px}
@media(max-width:700px) and (min-height:651px){.hero-cat{height:25%;top:10%}.start-card{margin-bottom:7%}.start-card h1{font-size:clamp(45px,11.4vw,63px);margin:12px 0}.start-card .eyebrow{font-size:12px}.start-card p{font-size:15px;margin:12px 0}.character-picker{margin:0 0 16px;max-width:350px}.character-option img{height:46px;width:50px}.character-option{font-size:14px}.start-card .primary{min-height:53px}.start-note{margin-top:14px}.touch-hint{margin-top:13px!important}.best-chip{font-size:10px;top:100px}}
@media(max-height:720px) and (min-width:701px){.start-card{padding-top:42px}.start-card h1{font-size:63px;margin:13px 0}.start-card p{font-size:15px;margin:10px 0}.character-option img{height:42px;width:46px}.character-picker{margin-bottom:14px}.mini-controls{margin-top:17px}.start-note{margin-top:12px}.primary{min-height:50px}}
@media(max-width:700px) and (max-height:650px){.start-card{margin-bottom:7%}.start-card h1{font-size:37px;margin:8px 0}.start-card p{font-size:13px;margin:7px 0}.character-option img{width:38px;height:34px}.character-picker{margin-bottom:10px}.character-picker legend{font-size:10px;margin-bottom:5px}.character-option{font-size:12px}.touch-hint{display:none!important}.hero-cat{height:23%}.start-note{font-size:11px;margin-top:12px}.start-card .primary{min-height:45px;padding:10px 20px}.best-chip{top:85px}}

/* The character picker stays reachable independently of the start-screen layout. */
#game{touch-action:auto}#world{touch-action:none}.overlay{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}#start-screen{align-items:safe center}.characters-button{min-height:45px;padding:9px 17px;border:1px solid #ffd34d;border-radius:24px;background:#10243ae6;color:#ffe28a;font-size:15px;font-weight:900;white-space:nowrap}.characters-button:hover{background:#254d63}.character-modal{width:min(680px,calc(100% - 28px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:30px;color:#fff;background:#132d42;border:1px solid #ffffff38;border-radius:25px;box-shadow:0 25px 90px #0008;overflow-y:auto;touch-action:pan-y}.character-modal::backdrop{background:#081828c9;backdrop-filter:blur(8px)}.character-modal-heading{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.character-modal h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:38px;line-height:1.05;margin:10px 0 0}.character-modal-heading .icon-button{flex-shrink:0;font-size:30px}.character-modal .character-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.character-modal .character-option{padding:12px 8px;min-height:215px;white-space:normal;text-align:center;border-width:2px}.character-modal .character-option.selected{padding:12px 8px}.character-modal .character-option img{height:135px;width:100%;max-width:160px}.character-modal .character-option strong{font-size:17px;line-height:1.3}.character-modal .character-option small{font-size:14px;line-height:1.3;color:#c7dae5;margin-top:5px}.character-modal .primary{width:100%;min-width:0;margin-top:16px}.character-modal p{text-align:center;font-size:16px;margin:20px 0 0}.character-picker legend{font-size:14px;letter-spacing:1.4px}.character-picker{min-width:0}.character-options{min-width:0}
@media(min-width:701px) and (max-width:1100px){.start-card{max-width:55%;margin-left:6%;z-index:3}.character-picker{width:100%;max-width:415px}.character-option{min-height:112px;font-size:16px;white-space:normal;text-align:center;justify-content:center}.character-option img{width:73px;height:67px}.hero-cat{max-width:51%;right:-3%;z-index:1}.mini-controls{display:none}.touch-hint{display:block;font-size:14px}.start-card h1{font-size:clamp(54px,6.2vw,78px)}}
@media(max-width:1100px){body.playing .stat{top:100px}body.playing .distance{left:7%}body.playing .wallet{left:auto;right:7%}body.playing #hearts{left:50%;top:108px;transform:translateX(-50%);font-size:22px}.jackpot-panel{top:166px}.top-actions{gap:8px}}
@media(max-width:700px){.characters-button{min-height:37px;padding:7px 11px;font-size:14px}.character-modal{padding:21px 16px;border-radius:20px}.character-modal h2{font-size:31px}.character-modal .eyebrow{font-size:11px;letter-spacing:1.5px}.character-modal .character-options{gap:7px}.character-modal .character-option,.character-modal .character-option.selected{padding:9px 5px;min-height:182px}.character-modal .character-option img{height:98px}.character-modal .character-option strong{font-size:15px;min-height:39px;display:flex;align-items:center}.character-modal .character-option small{font-size:13px;min-height:34px}.character-modal p{font-size:15px}.character-picker legend{font-size:13px}.character-modal .primary{min-height:52px}}
@media(max-width:380px){.brand>span{font-size:29px}.brand small{font-size:11px}.top-actions{gap:5px}.characters-button{padding:7px 8px}.icon-button{width:34px;height:37px}}

.pause-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px}.pause-links .secondary{min-height:44px}
/* Time-travel progression and power-ups. */
button:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.55;box-shadow:none}.city-button{border-color:#72ddcf;color:#a7ffee}#upgrade-dot{display:inline-block;color:#10243a;background:#ffdb67;border-radius:50%;width:20px;height:20px;line-height:20px}.city-link{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#102b40d9;border:1px solid #ffffff35;border-radius:10px;padding:12px 14px;max-width:374px;width:100%;text-align:left;color:#a5ece0;font-size:13px;font-weight:900;min-height:44px}.city-link span{color:#ffda62;font-size:13px;white-space:nowrap}.start-card>p strong{color:#f5dfaa;font-weight:800}.run-stats{position:absolute;left:50%;top:94px;transform:translateX(-50%);width:min(480px,88%);display:flex;justify-content:space-between;text-shadow:0 2px 6px #183344;background:#10243a8a;border:1px solid #ffffff1a;border-radius:13px;padding:9px 17px;gap:15px}.run-stats>div:nth-child(2){text-align:center}.run-stats>div:last-child{text-align:right}.run-stats small{display:block;font-size:11px;font-weight:900;letter-spacing:1px}.run-stats strong{display:block;font-size:26px;line-height:1.15}.run-stats em{font-style:normal;font-size:16px;margin-left:3px}.gold{color:#ffdb67}body.playing #hearts{top:auto;bottom:100px;left:50%;transform:translateX(-50%);font-size:23px;letter-spacing:4px;background:#10243a99;border-radius:24px;padding:5px 12px}#journey-strip{position:absolute;top:163px;left:50%;transform:translateX(-50%);width:min(480px,88%);padding:10px 14px;border-radius:12px;background:#10243ae6;border:1px solid #ffffff36;display:flex;gap:15px;justify-content:space-between;align-items:center;text-align:left;pointer-events:auto}#journey-strip>span:first-child{min-width:0;flex:1}#journey-strip small{display:block;font-size:11px;color:#c7dae5;line-height:1.25}#journey-strip>span>strong{display:block;font-size:16px;line-height:1.15;margin:3px 0}.journey-progress{width:49%;text-align:right}.journey-progress strong{font-size:12px!important;color:#ffdf81}.journey-progress .meter{display:block;margin:4px 0;height:4px}.journey-progress small{font-size:10px!important}#journey-strip.ready{border-color:#ffda62;box-shadow:0 0 15px #f2c64955}.jackpot-panel{top:240px;width:min(330px,75%);padding:8px 14px}.jackpot-panel small{font-size:11px}.jackpot-label{font-size:11px}#power-strip{position:absolute;top:321px;left:50%;transform:translateX(-50%);width:min(500px,94%);display:flex;justify-content:center;flex-wrap:wrap;gap:5px}#power-strip>span{padding:6px 9px;border:1px solid var(--power);border-radius:20px;background:#10243aed;font-size:12px;color:#fff;white-space:nowrap}#power-strip b{color:var(--power);font-size:15px;margin-right:3px}#power-strip strong{color:var(--power);margin-left:3px}.journey-modal{width:min(720px,calc(100% - 28px))}.journey-modal h2{font-size:39px}.journey-balance{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#0b2033;border:1px solid #ffffff22;border-radius:14px;padding:17px 20px}.journey-balance small{display:block;font-size:12px;font-weight:900;letter-spacing:1.2px;color:#c0d1de}.journey-balance strong{display:block;color:#ffdb67;font-size:30px;line-height:1.3}.journey-balance span:last-child{text-align:right}.journey-modal .shop-rule{font-size:15px;text-align:left;margin:16px 0;color:#cedfe7;line-height:1.5}.upgrade-card{padding:22px;background:linear-gradient(130deg,#24505b,#253652);border:1px solid #8be8da66;border-radius:16px}.upgrade-card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;margin:6px 0;color:#ffdc7b}.upgrade-card p{font-size:15px;line-height:1.5;text-align:left;margin:8px 0}.upgrade-card .primary{font-size:16px;min-height:56px;gap:10px}#purchase-message:empty{display:none}#purchase-message{color:#a4ffce;font-weight:800}.era-trail{list-style:none;margin:20px 0;padding:0;display:grid;gap:7px}.era-trail li{display:flex;gap:13px;align-items:center;padding:12px;border-radius:12px;background:#102337;border:1px solid #ffffff12}.era-trail li.current{border-color:#ffd56d;background:#374137}.era-trail li.visited{border-color:#70d2bb4a}.era-number{color:#8bb7ca;width:30px;font-weight:900;font-size:20px}.current .era-number{color:#ffda62}.visited .era-number{color:#80e0b8}.era-trail strong{font-size:16px;display:block}.era-trail small{color:#b7cbd7;font-size:13px;display:block}.era-state{margin-left:auto;text-align:right;font-size:11px;font-weight:900;white-space:nowrap;color:#aac2d2}.current .era-state{color:#ffdc78}.power-guide{padding:14px;border:1px solid #ffffff29;border-radius:12px;font-size:15px}.power-guide summary{cursor:pointer;font-weight:900;color:#a7e9df}.power-guide ul{padding-left:20px;line-height:1.5;color:#d0e0e8}.power-guide li{margin:9px 0}.journey-modal .power-guide p{font-size:14px;text-align:left;margin:10px 0}.journey-modal .save-note{font-size:13px;color:#c0d5df;margin-top:18px}#toast{top:44%}#end-progress{color:#a1e8d9}
@media(max-width:700px){header{left:4%;right:4%}.top-actions{gap:5px}.characters-button{padding:7px 9px;font-size:13px}.city-button{padding:7px 10px}.brand>span{font-size:31px}.brand small{font-size:11px;letter-spacing:3px}.journey-modal{padding:20px 15px}.journey-modal h2{font-size:32px}.journey-modal .character-modal-heading{margin-bottom:15px}.journey-balance{padding:13px 15px}.journey-balance strong{font-size:26px}.upgrade-card{padding:17px}.era-trail li{gap:8px;padding:11px 9px}.era-trail strong{font-size:14px}.era-trail small{font-size:12px}.era-state{font-size:10px}.era-number{width:24px;font-size:18px}.run-stats{top:83px}.run-stats strong{font-size:24px}#journey-strip{top:151px}#journey-strip>span>strong{font-size:14px}.jackpot-panel{top:225px}#power-strip{top:303px}.start-card h1{font-size:clamp(40px,10.8vw,62px)}.start-card>p{font-size:14px}.start-card .city-link{font-size:11px;padding:10px}.city-link span{font-size:12px}.start-card{margin-bottom:7%}.start-card .touch-hint{margin-top:10px!important}.best-chip{top:91px}}
@media(max-width:360px){.brand>span{font-size:27px}.brand small{font-size:10px;letter-spacing:2px}.characters-button{font-size:12px;padding:7px}.icon-button{width:32px}.top-actions{gap:4px}.era-state{font-size:9px}.journey-progress small{font-size:9px!important}.run-stats small{font-size:10px}.run-stats{padding:8px 12px}}
@media(max-height:600px) and (min-width:701px){.run-stats{top:84px;width:32%;left:3%;transform:none}.run-stats strong{font-size:23px}#journey-strip{top:150px;left:3%;width:32%;transform:none}.jackpot-panel{top:84px;left:auto;right:3%;width:30%;transform:none}#power-strip{top:165px;left:auto;right:3%;width:30%;transform:none}.hero-cat{height:76%}.start-card{padding-top:88px;padding-bottom:45px;margin-top:0;margin-bottom:0}.start-card h1{font-size:48px}.start-card .character-option{min-height:0}.start-card .character-option img{height:35px}.start-card .mini-controls,.start-card .touch-hint{display:none!important}}

footer .creator-credit{font-size:14px;letter-spacing:0;font-weight:700;color:#dce8ef}
@media(max-width:380px){footer .creator-credit{font-size:12px}}

/* Keep tablet run information in a shallow top row, clear of the road. */
@media (min-width:701px) and (max-width:1400px), (min-width:701px) and (pointer:coarse) {
  body.playing { --run-top: calc(max(10px, env(safe-area-inset-top)) + 54px); }
  body.playing header { top:max(10px, env(safe-area-inset-top)); left:12px; right:12px; align-items:center; }
  body.playing .brand>span { font-size:30px; }
  body.playing .brand small { font-size:10px; letter-spacing:3px; margin-top:5px; }
  body.playing .run-stats { top:var(--run-top); left:12px; width:30%; min-height:54px; transform:none; padding:6px 10px; gap:6px; border-radius:10px; align-items:center; background:#10243acc; }
  body.playing .run-stats small { font-size:11px; letter-spacing:.3px; }
  body.playing .run-stats strong { font-size:20px; font-variant-numeric:tabular-nums; }
  body.playing .run-stats em { font-size:13px; }
  body.playing #journey-strip { top:var(--run-top); left:50%; width:34%; min-height:54px; transform:translateX(-50%); padding:6px 10px; gap:8px; border-radius:10px; }
  body.playing #era-index, body.playing #journey-caption { display:none; }
  body.playing #journey-strip>span>strong { font-size:14px; line-height:1.15; margin:0; }
  body.playing .journey-progress { width:54%; }
  body.playing .journey-progress strong { font-size:12px!important; }
  body.playing .journey-progress .meter { height:4px; margin:5px 0 0; }
  body.playing .jackpot-panel { top:var(--run-top); left:auto; right:12px; width:30%; min-height:54px; transform:none; padding:8px 10px; border-radius:10px; display:flex; flex-direction:column; justify-content:center; }
  body.playing .jackpot-label { font-size:12px; letter-spacing:0; gap:6px; }
  body.playing .jackpot-panel .meter { height:4px; margin-top:6px; }
  body.playing #jackpot-caption { display:none; }
  body.playing #power-strip { top:calc(var(--run-top) + 62px); left:12px; right:auto; width:62%; transform:none; justify-content:flex-start; gap:5px; }
  body.playing #power-strip>span { padding:4px 8px; font-size:12px; }
  body.playing #rush-banner { inset:auto; top:calc(var(--run-top) + 62px); right:12px; width:30%; padding:8px; border-radius:10px; background:#594013eb; text-shadow:none; animation:none; }
  body.playing #rush-banner strong { font-size:28px; line-height:1; }
  body.playing #rush-banner span { font-size:12px; letter-spacing:0; margin-top:4px; }
  body.playing #toast { top:calc(var(--run-top) + 112px); font-size:16px; padding:8px 14px; }
}

/* Free city travel keeps touch targets generous without widening the dialog. */
.era-title{flex:1;min-width:0}.era-number{flex-shrink:0}.visit-city{flex-shrink:0;min-width:80px;min-height:44px;padding:8px 12px;margin-left:auto;border:1px solid #91dfc3;border-radius:9px;background:#244b49;color:#bcffe3;font-size:14px;font-weight:900}.visit-city:hover{background:#32605a}.visit-city:focus-visible{outline:3px solid #ffdc7b;outline-offset:3px}.era-trail .current:focus{outline:2px solid #ffdc7b;outline-offset:2px}.city-current{padding:14px 17px;margin:0 0 16px;border:1px solid #ffffff26;border-radius:12px;background:#142e3e}.city-current>small{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#93d2c8}.city-current h3{margin:5px 0;color:#ffdf8c;font-size:20px}.journey-modal .city-current p{font-size:14px;line-height:1.5;text-align:left;margin:6px 0 0;color:#d0e0e6}.cities-heading{font-size:19px;margin:24px 0 10px}.cities-heading small{display:block;color:#b6d5d3;font-size:12px;font-weight:500;margin-top:4px}.cities-heading+.era-trail{margin-top:0}.era-trail .locked .era-state small{font-size:10px;font-weight:500;margin-top:3px}
@media(max-width:400px){.visit-city{min-width:68px;padding:8px}.era-trail strong{font-size:13px}.era-trail small{font-size:11px}.era-trail .current .era-state{white-space:normal;max-width:54px}.era-number{width:22px}}