@font-face{font-family:TharoDisplay;src:url('assets/display.ttf') format('truetype');font-display:swap}@font-face{font-family:TharoChinese;src:url('assets/chinese.otf') format('opentype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1ebdc;color:#202d38;font:16px/1.5 'Trebuchet MS',Arial,TharoChinese,sans-serif}button,a,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #ec642f;outline-offset:4px}button{border:0}svg{display:block;width:20px;height:20px;flex-shrink:0}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:TharoDisplay,TharoChinese,sans-serif;font-weight:400;line-height:1.04}h2{font-size:clamp(30px,4vw,46px)}h3{font-size:25px}.small-label,.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px}.site-header{max-width:1440px;margin:auto;min-height:84px;padding:11px 4%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #bdb9aa}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{display:block;border-radius:8px;object-fit:contain;width:58px;height:58px}.brand>span{font-family:TharoDisplay,TharoChinese,sans-serif;letter-spacing:1px;font-size:28px;line-height:1}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;font-weight:800;margin-top:5px}.socials,.preferences,.languages{display:flex;align-items:center;gap:9px}.social{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 13px;border:1px solid #b5b5a9;border-radius:5px;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .12s,background .12s}.social:hover{transform:translateY(-2px)}.social.kofi{background:#ec663b;border-color:#ca4f29;color:#fff9ed;box-shadow:0 2px 0 #be4928}.social.facebook{color:#264d75;background:#fbf7ed}.preferences{gap:14px}.languages{gap:0;border:1px solid #aaa99d;border-radius:4px;overflow:hidden}.languages button{font-size:12px;font-weight:800;min-height:36px;padding:7px 10px;background:transparent;color:#202d38}.languages button[aria-pressed=true]{background:#202d38;color:#fff8e8}.music-control{padding:4px 0;display:flex;align-items:center;gap:5px;background:none;color:#34454b;font-size:10px;letter-spacing:.8px;font-weight:800;min-height:36px}.music-control svg{width:17px;height:17px}.music-control[aria-pressed=false]{opacity:.6}.hero{max-width:1440px;min-height:610px;background:#202d38;position:relative;overflow:hidden;color:#fff7e8}.hero-art{width:66%;height:100%;position:absolute;right:0;top:0;object-fit:cover;object-position:66% center}.hero-copy{padding:58px 0 54px 6%;position:relative;z-index:1;width:49%}.hero .eyebrow{display:flex;align-items:center;gap:12px;color:#d9d6c8;max-width:390px;font-size:10px;letter-spacing:1px}.issue{background:#ed6a3d;padding:8px;color:#202d38;font-family:TharoDisplay,TharoChinese,sans-serif;font-size:24px;letter-spacing:0}.hero h1{font-size:clamp(80px,8.5vw,126px);line-height:.83;letter-spacing:-2px;margin-top:26px;text-shadow:3px 4px 0 #141f28}.hero h1 span{color:#f17740}.tagline{font-size:23px;line-height:1.25;font-weight:800;max-width:440px;margin:24px 0 12px}.hero-description{font-size:14px;line-height:1.6;max-width:340px;color:#dedfd4}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:11px 20px;border:1px solid #23333a;border-radius:5px;font-weight:800;font-size:13px;letter-spacing:.4px;box-shadow:0 3px 0 #15252e;background:#f7efdb;color:#202d38;transition:transform .12s,box-shadow .12s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #15252e}.button:active{transform:translateY(2px);box-shadow:0 1px 0 #15252e}.button.primary{background:#f17b41;color:#172b35;border-color:#141f28}.button.big{padding:15px 24px;font-size:15px;min-height:57px}.button.secondary{background:#dfe6d5}.text-link{font-size:12px;font-weight:800;border-bottom:1px solid #a9b4b1;padding:8px 0}.hero-facts{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:800;letter-spacing:.7px;color:#c3cfc9;margin-top:28px;flex-wrap:wrap}.hero-facts i{width:3px;height:3px;background:#d3b985;border-radius:50%}.hero-stamp{position:absolute;right:3.5%;bottom:25px;background:#f5d46e;color:#24333b;padding:13px 20px;transform:rotate(-5deg);font-family:TharoDisplay,TharoChinese,sans-serif;font-size:21px;line-height:.95;border:2px solid #26353c;box-shadow:3px 4px 0 #223139}.road-ribbon{max-width:1440px;min-height:58px;display:flex;gap:30px;justify-content:center;align-items:center;margin:auto;background:#e9743c;color:#202d38;font-size:12px;font-weight:800;letter-spacing:1.6px;border-top:3px solid #202d38;border-bottom:3px solid #202d38}.road-ribbon b{font-size:20px;font-weight:400;opacity:.65}.shift-section,.how-section{max-width:1240px;margin:auto;padding:60px 30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:11px;color:#6c786b}.section-heading>p{max-width:300px;color:#647267;font-size:13px;line-height:1.6}.map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.map-card{display:block;background:#fbf6e8;border:1px solid #b7bcac;border-radius:6px;overflow:hidden;box-shadow:0 4px 0 #d9dacb;transition:transform .15s,border-color .15s}.map-card:hover{transform:translateY(-4px);border-color:#ee733d;box-shadow:0 7px 0 #d9dacb}.map-mini{height:150px;padding:10px;background:#dbe1cf;position:relative;overflow:hidden;border-bottom:1px solid #bfc6b5}.map-mini canvas{display:block;width:100%;height:100%}.district-number{position:absolute;top:10px;left:10px;background:#f9f1de;min-width:27px;height:27px;display:grid;place-items:center;border:1px solid #8b998b;border-radius:3px;font-family:TharoDisplay,TharoChinese,sans-serif;font-size:17px}.map-card-body{padding:15px 16px 13px}.map-card h3{font-size:24px;margin:3px 0 11px}.map-card .district-label{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#737d6e}.map-record{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px dashed #c4c7b6;padding-top:11px;font-size:11px;color:#6e776c}.map-stars{color:#cbbf9d;font-size:16px;letter-spacing:2px}.map-stars.earned{color:#ca7426}.map-record .enter{font-size:21px;color:#d26632;font-weight:800}.extra-shifts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.extra-shift{display:flex;align-items:center;gap:18px;padding:24px;background:#263b43;color:#faf2df;border:1px solid #263b43;border-radius:6px;transition:transform .15s}.extra-shift:hover{transform:translateY(-3px)}.mode-icon{font-size:47px;color:#f4cb69;font-weight:bold;line-height:1}.extra-shift h3{font-size:27px;margin:6px 0}.extra-shift .small-label{font-size:9px;letter-spacing:1.2px;color:#acbcb7}.extra-shift p{font-size:12px;color:#cbd8cf;max-width:340px}.extra-shift .arrow{margin-left:auto;font-size:28px;color:#ed824c}.extra-shift.endless{background:#dfdcc8;color:#263b43;border-color:#b4bba9}.extra-shift.endless .small-label,.extra-shift.endless p{color:#5b6f63}.extra-shift.endless .mode-icon{color:#3e6e68}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f8ce70;border:1px solid #c8a156;border-radius:5px;padding:14px 20px;margin-bottom:22px;font-size:12px;font-weight:800}.resume-card .small-label{font-size:9px;display:block;color:#6b6448;margin-bottom:4px}.how-section{border-top:1px solid #b7bcac;padding-top:48px;padding-bottom:50px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.how-grid article{position:relative;padding-left:49px}.step-number{position:absolute;left:0;top:0;width:32px;height:32px;background:#ed7941;color:#24363e;border:1px solid #24363e;border-radius:3px;display:grid;place-items:center;font-family:TharoDisplay,TharoChinese,sans-serif;font-size:23px;box-shadow:2px 2px 0 #24363e}.how-grid h3{font-size:23px;margin:4px 0 12px}.how-grid p{font-size:13px;line-height:1.65;color:#637264}.mastery-note{margin-top:32px;padding:19px 23px;border-top:1px dashed #aeb5a4;border-bottom:1px dashed #aeb5a4;display:flex;align-items:center;gap:23px}.mastery-note>span{font-size:26px;color:#c7772c;white-space:nowrap;letter-spacing:3px}.mastery-note p{font-size:12px;color:#5c6c5f}.site-footer{border-top:1px solid #b3bbaa;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px max(4%,24px);max-width:1440px;margin:auto}.site-footer strong{font-family:TharoDisplay,TharoChinese,sans-serif;font-size:22px;letter-spacing:1px}.site-footer p{font-size:11px;color:#6d796b;margin-top:3px}.site-footer>small{font-size:9px;color:#7d8578}.game-page{background:#d8dfce}.game-page .site-header{background:#f1ebdc}.game-main{max-width:1260px;margin:0 auto;padding:20px 28px 30px}.game-title-row{display:flex;align-items:center;gap:24px;justify-content:space-between;margin-bottom:17px}.back-link{font-size:10px;letter-spacing:1px;font-weight:800;white-space:nowrap}.game-title-row h1{font-size:32px;flex:1}.game-title-row h1 span{font-family:'Trebuchet MS',Arial,TharoChinese,sans-serif;font-size:11px;display:inline-block;margin-left:10px;color:#657460;font-weight:700;line-height:1.4;vertical-align:middle}.game-tools{display:flex;gap:7px}.tool-button{padding:8px 10px;background:#f6efdf;border:1px solid #adb7a3;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.7px;color:#2b403f;min-height:36px}.tool-button:hover{background:#fff9eb}kbd{display:inline-block;background:#e8eadc;border:1px solid #b3bba9;border-bottom-width:2px;border-radius:3px;font-family:inherit;font-size:10px;min-width:18px;text-align:center;padding:1px 3px;color:#586b60}.tool-button kbd{font-size:9px;margin-left:5px}.scoreboard{display:flex;background:#243640;color:#f7eedb;border:2px solid #243640;border-radius:6px 6px 0 0;min-height:78px;padding:10px 0}.stat{flex:1;border-right:1px solid #526064;padding:0 22px}.stat:last-child{border-right:0}.stat .small-label{font-size:9px;color:#b7c3b7;display:block;margin-bottom:4px;letter-spacing:1.2px}.stat strong{font-family:TharoDisplay,TharoChinese,sans-serif;font-size:28px;font-weight:400;line-height:1.05}.stat strong small{font-size:18px;color:#91a49b}.stat strong.hearts{font-family:Arial,sans-serif;font-size:25px;color:#f18c66;letter-spacing:4px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;background:#f3eedf;border:2px solid #243640;border-top:0;border-radius:0 0 6px 6px;overflow:hidden;box-shadow:0 5px 0 #b8c3ad}.play-board{min-width:0;background:#c9d4be;border-right:1px solid #9cae96}.board-top{min-height:43px;display:flex;align-items:center;gap:9px;padding:10px 16px;background:#f0e9d5;border-bottom:1px solid #adb8a0;font-size:12px;line-height:1.4}.live-dot{width:7px;height:7px;border-radius:50%;background:#ec733d;flex-shrink:0;box-shadow:0 0 0 3px #ead5b6}.board-top strong{font-size:12px}.board-top>span:last-child{margin-left:auto;font-size:10px;color:#587060;white-space:nowrap}.canvas-wrap{position:relative;aspect-ratio:13/11;min-width:0;overflow:hidden;background:#c8d5bd}#game-canvas{display:block;width:100%;height:100%;outline-offset:-5px;touch-action:none}.board-bottom{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e8e5d1;border-top:1px solid #acb9a0;min-height:40px;font-size:10px;color:#5b6e5d}.plain-button{background:transparent;color:#3e6159;font-weight:800;font-size:9px;letter-spacing:.6px;padding:5px 0;min-height:28px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.driver-panel{padding:20px 17px;background:#f4eedf}.route-slip{padding-bottom:15px;border-bottom:1px dashed #b0b7a2}.route-slip>.small-label{font-size:9px;color:#6f7a65;letter-spacing:1px}.route-progress{display:flex;gap:5px;margin-top:11px;flex-wrap:wrap}.route-stop{width:27px;height:29px;display:grid;place-items:center;font-family:TharoDisplay,TharoChinese,sans-serif;font-size:18px;color:#86927b;border:1px solid #b9c1ad;background:#e5e7d7;border-radius:4px}.route-stop.current{border-color:#db743b;background:#f4ce71;color:#263c3e;box-shadow:0 2px 0 #d19347}.route-stop.done{background:#5d8874;color:#fff6e3;border-color:#48695d}.par-line{display:flex;gap:9px;align-items:flex-start;margin-top:13px}.par-line>span{font-size:14px;letter-spacing:1px;color:#be7f2e;white-space:nowrap}.par-line p{font-size:10px;line-height:1.6;color:#68765f}.controls-area{margin:21px 0 13px;text-align:center}.dpad{display:grid;grid-template-columns:repeat(3,51px);grid-template-rows:repeat(3,43px);gap:4px;justify-content:center;touch-action:none;user-select:none}.drive{background:#d8dfcb;border:1px solid #9cae93;border-bottom:3px solid #8e9f86;color:#273e3e;border-radius:5px;font-family:Arial,sans-serif;font-size:26px;line-height:1;touch-action:none;user-select:none}.drive:hover{background:#e8ebdb}.drive.pressed,.drive:active{background:#edb65d;border-color:#bb8b45;transform:translateY(1px);border-bottom-width:1px}.drive.up{grid-column:2;grid-row:1}.drive.left{grid-column:1;grid-row:2}.drive.right{grid-column:3;grid-row:2}.drive.down{grid-column:2;grid-row:3}.dpad-center{grid-column:2;grid-row:2;display:grid;place-items:center;color:#99a78e;font-size:16px}.control-caption{font-size:8px;letter-spacing:.7px;font-weight:800;color:#69775f;margin:12px -5px 8px}.key-hints{display:flex;justify-content:center;gap:3px;align-items:center}.key-hints kbd{font-size:9px;min-width:15px;padding:0 2px}.key-hints>span{font-size:10px;color:#9aa28e;margin:0 3px}.driver-help{border-top:1px dashed #b2b9a5;padding-top:13px;margin-top:17px;font-size:11px;color:#596e5b}.driver-help summary{font-size:9px;letter-spacing:1px;font-weight:800;cursor:pointer;min-height:25px}.driver-help ul{padding-left:15px;line-height:1.7;margin:6px 0 0}.driver-help li{padding:3px 0}.sfx-control{display:block;margin-top:13px}.save-note{font-size:9px;color:#8b947e;line-height:1.6;margin-top:7px}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(24,42,47,.48);padding:18px;z-index:2;backdrop-filter:blur(2px)}.overlay-card{width:min(100%,390px);background:#faf1db;color:#243c3e;border:2px solid #263b40;border-radius:7px;box-shadow:6px 7px 0 rgba(16,34,41,.45);text-align:center;padding:29px 25px;max-height:100%;overflow:auto}.overlay-card .small-label{font-size:9px;color:#7b8169;letter-spacing:1.3px}.overlay-card h2{font-size:39px;margin:9px 0 13px}.overlay-card p{font-size:12px;line-height:1.7;color:#65735f}.overlay-card .overlay-icon{font-family:TharoDisplay,TharoChinese,sans-serif;font-size:49px;line-height:1;color:#e7793e;display:block;margin-bottom:12px}.overlay-card .overlay-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.overlay-card .button{font-size:11px;gap:12px;padding:11px 18px}.overlay-card .result-stars{color:#d79a37;letter-spacing:6px;font-size:35px;margin:8px 0 12px}.result-stats{display:flex;justify-content:center;gap:20px;margin:16px 0;color:#4d6b5f;font-size:11px}.result-stats strong{font-size:20px;display:block;font-family:TharoDisplay,TharoChinese,sans-serif;font-weight:400}.overlay-card .overlay-hint{font-size:10px;color:#8a8b73;margin-top:13px}.game-toast{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);border:1px solid #1f353d;background:#f8d176;color:#253b3d;border-radius:4px;box-shadow:0 3px 0 #264048;padding:8px 13px;font-size:12px;font-weight:800;max-width:90%;white-space:normal;text-align:center;pointer-events:none;opacity:0;transition:opacity .15s;z-index:3}.game-toast.visible{opacity:1}.game-page .site-footer{background:#e6e7d6;margin-top:15px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100;padding:10px;background:#fff;color:#000}.error-note{background:#f7d7a0;padding:12px;color:#573628;font-size:12px}html[lang=zh-Hans] .hero h1{letter-spacing:-2px}html[lang=zh-Hans] .hero-copy .tagline{font-size:24px}html[lang=zh-Hans] .small-label,html[lang=zh-Hans] .eyebrow{letter-spacing:1px}
@media(min-width:1440px){.hero{margin:auto}.hero-copy{padding-left:6%}.hero h1{font-size:126px}}
@media(max-width:1100px){.site-header{gap:12px;padding:10px 24px}.brand>span{display:none}.social{padding:8px 10px;font-size:11px}.preferences{gap:10px}.hero{min-height:580px}.hero-copy{width:53%;padding-top:50px}.hero-art{width:70%;object-position:65% center;opacity:.9}.hero h1{font-size:100px}.hero-description{max-width:290px}.hero-stamp{font-size:17px}.map-grid{gap:15px}.map-card-body{padding:12px}.map-card h3{font-size:21px}.map-mini{height:130px}.play-layout{grid-template-columns:minmax(0,1fr) 206px}.driver-panel{padding:18px 12px}.route-stop{width:25px}.route-progress{gap:4px}.game-main{padding:18px}.stat{padding:0 18px}.game-title-row h1{font-size:28px}.game-title-row h1 span{display:block;margin:3px 0 0;font-size:10px}.game-title-row{gap:18px}}
@media(max-width:760px){.site-header{flex-wrap:wrap;gap:10px;padding:10px 18px}.brand{gap:8px}.brand img{width:45px;height:45px}.brand>span{display:block;font-size:24px}.brand small{font-size:8px;letter-spacing:1.5px}.preferences{margin-left:auto;gap:12px}.site-header>.socials{order:3;width:100%;gap:8px}.site-header>.socials .social{flex:1;min-height:35px;padding:6px 10px;font-size:11px}.site-header>.socials svg{width:17px;height:17px}.music-control span{font-size:8px;letter-spacing:0}.music-control{gap:4px}.languages button{min-height:32px;font-size:11px;padding:5px 8px}.hero{min-height:820px}.hero-art{width:100%;height:440px;top:auto;bottom:0;right:0;object-position:center 68%;opacity:1}.hero-copy{width:100%;padding:29px 28px 0}.hero .eyebrow{font-size:8px;letter-spacing:.8px;gap:10px}.hero h1{font-size:86px;letter-spacing:-1px;margin-top:22px;line-height:.8}.hero h1 br{display:none}.hero h1 span{margin-left:-1px}.tagline{font-size:23px;margin-top:19px;max-width:100%}.hero-description{max-width:410px;font-size:13px;line-height:1.6}.hero-actions{margin-top:21px;gap:20px}.button.big{min-height:49px;padding:12px 22px;font-size:13px}.hero-facts{margin-top:23px;font-size:8px;gap:9px}.hero-stamp{bottom:22px;right:22px;font-size:16px;padding:10px 14px}.road-ribbon{gap:15px;font-size:9px;letter-spacing:.5px;min-height:52px}.road-ribbon b{font-size:15px}.shift-section,.how-section{padding:36px 20px}.section-heading{gap:18px;margin-bottom:23px}.section-heading>p{max-width:200px;font-size:11px}.section-heading .eyebrow{font-size:8px;margin-bottom:8px}h2{font-size:32px}.map-grid{grid-template-columns:repeat(2,1fr);gap:17px}.map-mini{height:150px}.map-card h3{font-size:24px}.map-card-body{padding:13px}.map-card .district-label{font-size:8px}.extra-shifts{grid-template-columns:1fr;gap:15px;margin-top:20px}.extra-shift{padding:21px;gap:18px}.extra-shift h3{font-size:28px}.extra-shift p{font-size:11px}.how-grid{grid-template-columns:1fr;gap:25px}.how-grid h3{font-size:24px;margin-bottom:8px}.how-grid p{font-size:12px}.mastery-note{padding:18px 0;gap:16px}.mastery-note>span{font-size:21px;letter-spacing:0}.mastery-note p{font-size:11px}.site-footer{padding:24px 20px;flex-wrap:wrap;gap:18px}.site-footer .socials{margin-left:auto}.site-footer .social{font-size:10px;padding:7px 8px;gap:5px}.site-footer .social svg{width:16px;height:16px}.site-footer>small{width:100%;text-align:center;font-size:9px}.game-main{padding:13px 12px 18px}.game-title-row{flex-wrap:wrap;gap:11px;margin-bottom:12px}.back-link{font-size:8px}.game-title-row h1{font-size:26px}.game-title-row h1 span{font-size:9px;margin-top:4px}.tool-button{font-size:9px;min-height:32px;padding:6px 8px}.tool-button kbd{display:none}.game-tools{gap:5px}.scoreboard{min-height:65px;padding:10px 0}.stat{padding:0 11px}.stat .small-label{font-size:7px;letter-spacing:.5px;margin-bottom:6px}.stat strong{font-size:23px}.stat strong small{font-size:15px}.stat strong.hearts{font-size:18px;letter-spacing:0;white-space:nowrap}.play-layout{grid-template-columns:1fr}.play-board{border-right:0}.board-top{padding:9px 12px;gap:7px;min-height:40px}.board-top strong{font-size:10px}.board-top>span:last-child{font-size:8px}.live-dot{width:6px;height:6px;box-shadow:0 0 0 2px #e7d2ad}.board-bottom{font-size:8px;padding:7px 11px;min-height:35px;gap:8px}.board-bottom .plain-button{font-size:8px;letter-spacing:0}.driver-panel{border-top:1px solid #adba9f;padding:16px;display:grid;grid-template-columns:1fr 165px;gap:10px 18px}.route-slip{align-self:start;padding-bottom:10px;border:0}.route-slip>.small-label{font-size:8px}.route-progress{gap:4px;margin-top:10px;max-width:180px}.route-stop{width:23px;height:26px;font-size:16px}.par-line{display:block;margin-top:13px}.par-line>span{font-size:14px}.par-line p{font-size:9px;margin-top:4px}.controls-area{grid-column:2;grid-row:1 / span 2;margin:0}.dpad{grid-template-columns:repeat(3,49px);grid-template-rows:repeat(3,42px);gap:4px}.drive{font-size:27px}.control-caption{font-size:7px;letter-spacing:0;margin:9px -5px 0}.key-hints{display:none}.driver-help{grid-column:1;margin:0;padding-top:10px}.driver-help summary{font-size:8px;letter-spacing:.5px;min-height:20px}.driver-help ul{font-size:10px}.sfx-control{grid-column:1;margin:0;justify-self:start}.save-note{grid-column:1 / -1;margin:0;font-size:8px}.overlay-card{padding:22px 19px;width:min(100%,340px)}.overlay-card h2{font-size:32px;margin:6px 0 10px}.overlay-card p{font-size:11px;line-height:1.6}.overlay-card .overlay-icon{font-size:37px;margin-bottom:7px}.overlay-card .overlay-actions{margin-top:16px;gap:8px}.overlay-card .button{font-size:10px;padding:10px 14px;min-height:42px}.overlay-card .overlay-hint{font-size:9px;margin-top:10px}.game-overlay{padding:14px}.game-toast{font-size:10px;bottom:12px;padding:7px 10px}.result-stats{margin:12px 0;gap:16px}.result-stats strong{font-size:18px}.result-stats span{font-size:9px}.overlay-card .result-stars{font-size:28px;margin:5px 0 8px}.game-page .site-footer{margin-top:0}}
@media(max-width:420px){.site-header{padding:9px 12px;gap:8px}.brand img{width:40px;height:40px}.brand>span{font-size:22px}.brand small{font-size:7px}.preferences{gap:8px}.music-control svg{width:14px}.music-control span{font-size:7px}.languages button{font-size:10px;padding:5px 7px;min-height:30px}.hero{min-height:735px}.hero-copy{padding:25px 20px 0}.hero h1{font-size:68px;margin-top:22px}.hero .eyebrow{font-size:7px;gap:8px}.issue{font-size:20px;padding:6px}.tagline{font-size:21px;margin-top:20px}.hero-description{font-size:12px;max-width:340px}.hero-actions{gap:20px;margin-top:18px}.hero-art{height:355px}.hero-facts{font-size:7px;gap:7px;margin-top:22px}.text-link{font-size:11px}.hero-stamp{right:15px;bottom:18px;font-size:14px}.road-ribbon{gap:10px;font-size:8px;min-height:48px}.road-ribbon b{font-size:12px}.shift-section,.how-section{padding:30px 14px}.section-heading{display:block}.section-heading>p{max-width:100%;margin-top:12px;font-size:11px}h2{font-size:30px}.map-grid{gap:13px}.map-mini{height:120px;padding:6px}.map-card-body{padding:11px}.map-card h3{font-size:20px;margin:4px 0 10px}.map-record{font-size:9px;gap:5px}.map-stars{font-size:14px;letter-spacing:0}.map-card .district-label{font-size:7px;letter-spacing:1px}.district-number{width:23px;min-width:23px;height:23px;top:7px;left:7px;font-size:14px}.extra-shift{padding:17px;gap:14px}.extra-shift .mode-icon{font-size:37px}.extra-shift h3{font-size:25px}.extra-shift .small-label{font-size:8px}.resume-card{padding:12px 14px;font-size:10px}.resume-card .small-label{font-size:7px}.site-footer .socials{margin-left:0;width:100%}.site-footer .socials a{flex:1}.site-footer strong{font-size:21px}.site-footer>small{text-align:left}.game-main{padding:12px 7px 15px}.game-title-row{gap:7px}.game-title-row h1{font-size:23px}.game-title-row h1 span{font-size:8px;max-width:130px}.game-tools{gap:4px}.tool-button{padding:5px 6px;font-size:8px;letter-spacing:0}.back-link{font-size:7px}.stat{padding:0 8px}.stat .small-label{font-size:6px;letter-spacing:.4px}.stat strong{font-size:21px}.stat strong.hearts{font-size:16px}.stat strong small{font-size:13px}.scoreboard{min-height:63px}.board-top{padding:8px 9px;min-height:38px;gap:6px}.board-top strong{font-size:9px}.board-top>span:last-child{font-size:7px}.board-bottom{font-size:7px;padding:5px 8px}.driver-panel{padding:13px 11px;grid-template-columns:minmax(0,1fr) 149px;gap:9px 10px}.dpad{grid-template-columns:repeat(3,45px);grid-template-rows:repeat(3,42px);gap:4px}.route-progress{max-width:135px;gap:4px}.route-stop{width:19px;height:24px;font-size:14px}.route-slip>.small-label{font-size:7px;letter-spacing:.5px}.driver-help summary{font-size:7px}.par-line p{font-size:8px}.controls-area{align-self:start}.control-caption{font-size:6px}.overlay-card{padding:18px 16px}.overlay-card h2{font-size:28px;margin-bottom:8px}.overlay-card p{font-size:10px;line-height:1.6}.overlay-card .small-label{font-size:8px}.overlay-card .overlay-icon{font-size:31px}.game-overlay{padding:11px}.overlay-card .overlay-actions{margin-top:13px;gap:7px}.overlay-card .button{font-size:9px;padding:8px 12px;min-height:38px}.overlay-card .overlay-hint{font-size:8px;margin-top:8px}.overlay-card .result-stars{font-size:25px}.result-stats{gap:14px;margin:10px 0}.result-stats strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Poster palette: artwork and type share the same warm paper ground. */
.hero{background:#f3eddc;color:#233540}.hero h1{text-shadow:2px 3px 0 #d7d5bf}.hero .eyebrow{color:#687b6a}.hero-description{color:#566b64}.hero-facts{color:#657a6b}.hero-facts i{background:#a8ad8e}.hero .text-link{border-bottom-color:#899e8d}.hero h1 span{color:#d76d37}
/* Keep the complete title and copy visible before the artwork on small screens. */
@media(max-width:760px){.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{order:1;flex:0 0 auto;padding-bottom:27px}.hero h1{font-size:clamp(45px,13vw,80px);letter-spacing:-1px;white-space:nowrap}.hero-art{order:2;position:relative;inset:auto;width:100%;height:clamp(280px,77vw,440px);flex:0 0 auto;object-position:center 68%}.hero-stamp{z-index:1}}
@media(max-width:420px){.overlay-card .overlay-icon{display:none}.overlay-card[data-state=ready]{padding:14px 16px}.overlay-card[data-state=ready] h2{font-size:25px;line-height:1.05;margin:6px 0 8px}.overlay-card[data-state=ready] p{font-size:10px;line-height:1.5}.overlay-card[data-state=ready] .overlay-hint{display:none}.overlay-card[data-state=ready] .overlay-actions{margin-top:11px}.overlay-card[data-state=ready] .button{min-height:36px;padding:8px 12px}}