@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#25283e;background:#eef1f4;font-synthesis:none;--accent:#ff335f;--tint:#ffe4eb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #6e41c0;outline-offset:3px}button{border:0}#app{max-width:480px;min-height:100dvh;margin:auto;background:#f7f8fa;padding:calc(18px + env(safe-area-inset-top)) 20px calc(100px + env(safe-area-inset-bottom));overflow:hidden}.wordmark{font-size:35px;font-weight:800;letter-spacing:-2px;line-height:1}.wordmark span{font-size:17px;color:#ff335f;letter-spacing:-8px}.wordmark span:after{content:'●●';color:#86ca47;text-shadow:7px 0 #8e57e9}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.header-brand small{font-size:11px;color:#858895;display:block;margin-top:5px}.wallet{background:#fff;border-radius:18px;padding:9px 13px;display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800}.coin{display:inline-grid;place-items:center;background:#ffdc72;box-shadow:inset 0 0 0 3px #ffe79a;border-radius:50%;width:25px;height:25px;color:#9a6500;font-size:14px}.eyebrow{font-size:12px;color:#777c8d;margin:0 0 3px}h1{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:0 0 16px}h2{font-size:19px;margin:0 0 14px;letter-spacing:-.5px}p{line-height:1.5}.brand-tabs{display:flex;gap:7px;margin-bottom:16px}.brand-tabs button{flex:1;padding:9px 2px;border-radius:12px;background:#fff;font-size:12px;font-weight:800;color:#676c80;border:2px solid transparent}.brand-tabs button.active{color:var(--accent);border-color:var(--accent);background:var(--tint)}.scene{position:relative;border-radius:26px;overflow:hidden;background:#dceff4;box-shadow:0 6px 0 #e6eced}.scene-top{position:absolute;z-index:2;inset:14px 14px auto;display:flex;justify-content:space-between;pointer-events:none}.pill{background:#ffffffdc;padding:6px 10px;border-radius:10px;font-size:11px;font-weight:800;backdrop-filter:blur(10px)}.pill.purple{color:#7845c5}.tap-zone{display:block;background:transparent;width:100%;padding:0;touch-action:manipulation;user-select:none}.tap-zone svg{display:block;width:100%;height:clamp(250px,37vh,330px);transition:transform .08s}.tap-zone:active svg{transform:scale(.97)}.scene-caption{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:11px;color:#657d7c;pointer-events:none}.float{position:absolute;pointer-events:none;font-size:28px;font-weight:800;color:var(--accent);text-shadow:0 2px white;animation:rise .7s ease-out forwards;z-index:3}@keyframes rise{to{transform:translateY(-65px);opacity:0}}.energy{margin:18px 0 14px}.split{display:flex;align-items:center;justify-content:space-between;gap:10px}.energy .split{font-size:12px;margin-bottom:7px}.energy b{color:#383e50}.muted{color:#838797;font-size:12px}.bar{height:7px;border-radius:7px;background:#e5e8ed;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:7px;transition:width .25s}.boost-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 20px}.soft-button{padding:12px 8px;border-radius:14px;background:#fff;font-size:12px;font-weight:800;color:#34384f}.soft-button span{color:#8e92a0;font-weight:500;font-size:11px}.order{background:#fff;border-radius:19px;padding:16px;margin-bottom:14px}.order-icon{width:42px;height:42px;display:grid;place-items:center;background:#fff2d2;border-radius:13px;font-size:24px}.order-head{display:flex;gap:11px;align-items:center}.order h3{font-size:14px;margin:0 0 3px}.order p{font-size:11px;color:#868a98;margin:0}.order .bar{margin:13px 0 9px;height:5px}.primary{background:var(--accent);color:white;border-radius:13px;padding:13px 17px;font-size:13px;font-weight:800}.wide{width:100%;margin-top:13px}.link-button{background:transparent;padding:4px;color:var(--accent);font-weight:800;font-size:12px}.next{border-radius:16px;background:#eee7fc;padding:13px 15px;color:#6843a1;font-size:12px}.next b{display:block;color:#573088;margin-bottom:3px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);padding:9px 12px calc(10px + env(safe-area-inset-bottom));background:#ffffffee;backdrop-filter:blur(20px);border-top:1px solid #e9ebef;display:flex;z-index:10}nav button{flex:1;background:none;color:#979aaa;font-size:10px;font-weight:700;padding:4px 0}nav button strong{display:block;font-size:25px;font-weight:500;line-height:1.2;margin-bottom:4px}nav button.active{color:var(--accent)}.page-intro{font-size:13px;color:#858995;margin-top:-6px;margin-bottom:22px}.vehicle{display:flex;align-items:center;gap:13px;background:white;border-radius:18px;padding:10px 12px;margin:10px 0}.vehicle.current{box-shadow:inset 0 0 0 2px var(--accent)}.vehicle-art{width:90px;flex:none;background:#f3f5f7;border-radius:13px}.vehicle-art svg{display:block;width:100%}.vehicle h3{font-size:14px;margin:0 0 4px}.vehicle p{font-size:11px;color:#8b8d9a;margin:0 0 6px}.vehicle .meta{font-size:11px;font-weight:800;color:#6a6e80}.vehicle .primary{padding:8px 11px;font-size:11px;margin-top:9px}.section{margin:22px 0}.task{padding:17px;border-radius:18px;background:#fff;margin:11px 0}.task h3{font-size:14px;margin:0 0 6px}.task p{font-size:12px;color:#888c9c;margin:0 0 12px}.task .bar{margin-top:12px}.checkin{background:#eee5ff;padding:20px;border-radius:22px;margin-bottom:20px}.days{display:flex;gap:5px;margin:17px 0}.days span{flex:1;background:#fff9;border-radius:10px;padding:9px 0;text-align:center;font-size:11px}.days span.done{background:#8652e8;color:#fff}.rank-row{display:flex;align-items:center;gap:12px;background:white;padding:14px;border-radius:15px;margin:8px 0}.rank-row .position{font-weight:800;color:#9496a3;width:20px}.rank-row .avatar{height:42px;width:42px;border-radius:50%;background:var(--tint);overflow:hidden}.avatar svg{width:64px;transform:translate(-11px,-3px)}.rank-row b{font-size:13px}.rank-row small{display:block;color:#9193a1;font-size:10px}.rank-row .score{margin-left:auto;font-size:13px;font-weight:800}.profile-art{width:150px;height:150px;margin:0 auto 15px;border-radius:50%;background:var(--tint);overflow:hidden}.profile-art svg{width:170px}.profile-card{text-align:center;padding:25px;background:#fff;border-radius:22px}.profile-card p{font-size:12px;color:#8a8e9d}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0}.stats strong{display:block;font-size:20px}.stats span{font-size:10px;color:#878b99}input{width:100%;border:1px solid #dddfe6;padding:12px;border-radius:12px;background:#fafbfd;font-size:13px}.notice{padding:10px 14px;border-radius:13px;background:#fff1c9;font-size:11px;margin:0 0 14px}.loading{padding:90px 20px;text-align:center}.loading p{color:#858995;font-size:13px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);width:max-content;max-width:90%;background:#30344d;color:white;padding:12px 18px;border-radius:14px;font-size:12px;z-index:30;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translateX(-50%)}.empty{text-align:center;padding:45px 20px;color:#7e8294;font-size:13px}.tiny{font-size:10px;color:#9295a2;line-height:1.7;margin-top:18px}.offline{color:#ab6310}.about{font-size:12px;color:#6d7284;padding:12px}.about a{color:#7652b9}@media(min-width:600px){#app{margin:25px auto;min-height:calc(100dvh - 50px);border-radius:28px;padding-top:23px;box-shadow:0 15px 60px #30344d15}nav{bottom:0;border-radius:22px 22px 0 0}.tap-zone svg{height:300px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Illustrated city / visual refresh v2 */
:root{--accent:#f64c78;color:#30354e;background:#edf1f7}#app{background:#f8f9fd}header{margin-bottom:21px}.wordmark{letter-spacing:-2.7px;font-size:38px}.header-brand small{color:#9298ab;font-size:10px;letter-spacing:.15px}.wallet{box-shadow:0 4px 18px #4c5f8a08;border:1px solid #edf0f7;border-radius:22px;padding:10px 14px}.coin{background:linear-gradient(145deg,#ffeeb0,#f6c45f);box-shadow:inset 0 0 0 3px #ffe6a0,0 2px 3px #bb8d2615}.eyebrow{color:#8c92a7;font-size:11px}h1{font-size:26px;letter-spacing:-1.1px;margin-bottom:18px}.brand-tabs{gap:5px;background:#eef0f6;padding:5px;border-radius:18px}.brand-tabs button{background:transparent;border:0;border-radius:13px;padding:11px 1px;font-size:11px;color:#858b9f}.brand-tabs button.active{background:white;box-shadow:0 3px 12px #43507810;color:var(--accent)}.scene{border-radius:30px;background:#e7f1f7;box-shadow:0 8px 24px #63829b0d,0 2px 0 white;border:1px solid #fff}.scene-top{inset:14px 13px auto}.pill{border:1px solid #ffffffc9;border-radius:12px;padding:7px 10px;font-size:10px;box-shadow:0 3px 10px #4e789908}.pill.purple{background:#fff9;color:var(--accent)}.tap-zone .courier-art{height:auto;max-height:370px;width:100%;transition:none}.tap-zone:active svg{transform:none}.scene-caption{bottom:12px;font-size:10px;color:#8093a0;letter-spacing:.1px}.energy{margin:18px 4px 12px}.energy .bar{height:8px;background:#e5e9f2;box-shadow:inset 0 1px 2px #65718b08}.bar i{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 65%,white))}.energy b{font-weight:700;font-size:11px;color:#7a8298}.soft-button{border:1px solid #eceff6;border-radius:17px;box-shadow:0 3px 7px #45557e04;color:#586079;padding:13px 8px}.boost-row{margin-bottom:17px}.order{border:1px solid #eef0f7;padding:16px;border-radius:22px;box-shadow:0 4px 14px #58648804}.order-icon{background:linear-gradient(145deg,#fff5db,#ffe5ad);color:#ae8145;border:3px solid #fff7e6;border-radius:15px}.order h3{color:#454b65}.next{background:linear-gradient(115deg,#f0eafa,#e9eefb);border:1px solid #fff;font-size:11px;color:#8883a5;border-radius:18px;padding:15px}.next b{color:#716490;font-size:12px}.vehicle{padding:12px;border:1px solid #edf0f6;gap:14px;border-radius:22px}.vehicle-art{width:108px;border-radius:18px;background:linear-gradient(145deg,#edf4f9,#f2eef9)}.vehicle.current{box-shadow:0 0 0 1px var(--accent);background:linear-gradient(110deg,#fff,var(--tint))}.vehicle h3{font-size:13px}.vehicle p,.vehicle .meta{font-size:10px}.primary{box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 16%,transparent)}nav{border-top:1px solid #eef0f6;box-shadow:0 -5px 30px #46527005}nav button strong{height:26px;margin-bottom:5px}nav svg{width:23px;height:23px;display:inline-block}nav button.active strong{background:var(--tint);border-radius:10px;width:43px;margin-left:auto;margin-right:auto}nav button.active{color:var(--accent)}.notice{background:#fff6dd;color:#a78d57;border:1px solid #fff0c7;border-radius:14px;font-size:10px}.notice a{color:#96773b}.ground-shadow{transition:opacity .3s}.travel{transform:translateX(var(--travel-x,0px));transition:transform .18s ease-out}.art-scene .eyes{transform-box:fill-box;transform-origin:center;animation:blink 6s infinite}.art-scene .head-bob{animation:head-idle 5s ease-in-out infinite;transform-origin:0 30px}.art-scene .cloud-one{animation:cloud-drift 18s ease-in-out infinite alternate}.art-scene .cloud-two{animation:cloud-drift 23s ease-in-out infinite alternate-reverse}.art-scene .sparkles{animation:sparkle 4s ease-in-out infinite}.art-scene .petals{animation:petal 8s ease-in-out infinite}.road-dashes{stroke-dashoffset:var(--road-offset,0);transition:stroke-dashoffset .22s linear}.moving .ride-body{animation:ride-bounce .28s ease-in-out infinite}.moving .vehicle-0 .leg-front,.moving .vehicle-1 .leg-front{animation:step .35s ease-in-out infinite alternate;transform-origin:174px 230px}.moving .vehicle-0 .leg-back,.moving .vehicle-1 .leg-back{animation:step .35s ease-in-out infinite alternate-reverse;transform-origin:190px 230px}.moving .arm{animation:arm-swing .35s ease-in-out infinite alternate;transform-origin:210px 160px}.moving .wheel-spokes{animation:wheel-spin .6s linear infinite;transform-origin:0 0}.moving .vehicle-8 .ride-body,.moving .vehicle-9 .ride-body{animation:flight-bob .6s ease-in-out infinite alternate}.art-scene.vehicle-8 .rotor{animation:rotor .12s linear infinite;transform-origin:207px 128px}.art-scene.vehicle-8 .tail-rotor path{animation:wheel-spin .2s linear infinite;transform-origin:0 0}.art-scene.vehicle-9 .propeller{animation:rotor .12s linear infinite;transform-origin:317px 247px}.moving .city-near{animation:city-pass .65s ease-out;transform-origin:center}.moving .ground-shadow{opacity:.1}.tap-puff{position:absolute;left:40%;top:78%;width:7px;height:7px;border-radius:50%;background:#fff9;pointer-events:none;animation:puff .6s ease-out forwards}.float{font-size:25px;color:var(--accent);text-shadow:0 2px 0 white,0 0 12px white;font-weight:800}.art-small .head-bob,.art-small .eyes{animation:none}.profile-art{background:linear-gradient(145deg,var(--tint),#f5f7fc);width:174px;height:174px}.profile-art svg{width:190px;transform:translate(-8px,-7px)}
@keyframes blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes head-idle{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes cloud-drift{from{transform:translateX(-8px)}to{transform:translateX(12px)}}@keyframes sparkle{0%,100%{opacity:.3}50%{opacity:.95}}@keyframes petal{0%,100%{transform:translateY(0)}50%{transform:translate(5px,8px)}}@keyframes ride-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes step{from{transform:rotate(-13deg)}to{transform:rotate(13deg)}}@keyframes arm-swing{from{transform:rotate(-5deg)}to{transform:rotate(8deg)}}@keyframes wheel-spin{to{transform:rotate(360deg)}}@keyframes rotor{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.12)}}@keyframes flight-bob{from{transform:translateY(-5px) rotate(-1deg)}to{transform:translateY(-12px) rotate(1deg)}}@keyframes city-pass{to{transform:translateX(-7px)}}@keyframes puff{to{transform:translate(-45px,-7px) scale(3);opacity:0}}
@media(max-width:380px){#app{padding-left:15px;padding-right:15px}h1{font-size:24px}.vehicle-art{width:91px}}@media(prefers-reduced-motion:reduce){.courier-art *,.travel,.tap-puff{animation:none!important;transition:none!important}.tap-puff{display:none}}

/* Each touch is an independent tap; the scene does not pan or zoom. */
.tap-zone{touch-action:none;-webkit-user-select:none;user-select:none}
/* Automatic local-time theme: day 07:00–18:59, night 19:00–06:59. */
:root{color-scheme:light}.night-moon{display:none}
:root[data-theme="dark"]{color-scheme:dark;background:#101522;color:#edf0fb}
[data-theme="dark"] #app{background:#171c2d;box-shadow:0 15px 60px #0003}
[data-theme="dark"] :is(.wallet,.order,.task,.vehicle,.profile-card,.rank-row,.soft-button){background:#222a40;border-color:#303a54;color:#edf0fb;box-shadow:none}
[data-theme="dark"] :is(.eyebrow,.page-intro,.muted,.header-brand small,.order p,.vehicle p,.task p,.profile-card p,.stats span,.tiny,.rank-row small,.loading p,.empty,.about){color:#abb5cc}
[data-theme="dark"] :is(.order h3,.vehicle .meta,.energy b){color:#d9e0f2}
[data-theme="dark"] .brand-tabs{background:#121828}
[data-theme="dark"] .brand-tabs button{color:#aeb9d1}
[data-theme="dark"] .brand-tabs button.active{background:#30394f;color:var(--accent);box-shadow:0 2px 8px #0002}
[data-theme="dark"] .scene{border-color:#34415b;background:#25344d;box-shadow:0 6px 24px #0002}
[data-theme="dark"] .pill{background:#202b43e8;border-color:#45506a;color:#edf0fb;box-shadow:none}
[data-theme="dark"] .pill.purple{color:#d7c2ff}
[data-theme="dark"] .scene-caption{color:#bac8db}
[data-theme="dark"] .bar,[data-theme="dark"] .energy .bar{background:#35405b}
[data-theme="dark"] .soft-button span{color:#b4bdd1}
[data-theme="dark"] .order-icon{background:#4c4030;border-color:#5d4d34;color:#f6d68f}
[data-theme="dark"] .next,[data-theme="dark"] .checkin{background:linear-gradient(115deg,#38304e,#2b3651);border-color:#48445c;color:#c7c3e1}
[data-theme="dark"] .next b{color:#e3d6ff}
[data-theme="dark"] .days span{background:#262c42;color:#d8dff1}
[data-theme="dark"] .days span.done{background:#8652e8;color:white}
[data-theme="dark"] .vehicle.current{background:linear-gradient(110deg,#242e43,#30364b)}
[data-theme="dark"] :is(.vehicle-art,.profile-art){background:linear-gradient(145deg,#313f57,#3c3554)}
[data-theme="dark"] .rank-row .avatar{background:#383e57}
[data-theme="dark"] input{background:#151c2c;border-color:#46516c;color:#edf0fb}
[data-theme="dark"] input::placeholder{color:#a4afc5}
[data-theme="dark"] nav{background:#1b2235f5;border-color:#303a54;box-shadow:0 -5px 30px #0002}
[data-theme="dark"] nav button{color:#a7b2cb}
[data-theme="dark"] nav button.active{color:var(--accent)}
[data-theme="dark"] nav button.active strong{background:#35405b}
[data-theme="dark"] .notice{background:#373226;border-color:#51452c;color:#dbc591}
[data-theme="dark"] .notice a{color:#efd79d}
[data-theme="dark"] #toast{background:#e3e8f4;color:#252d43}
[data-theme="dark"] .float{text-shadow:0 2px 0 #25344d,0 0 12px #25344d}
[data-theme="dark"] .about a{color:#c8a8fa}
[data-theme="dark"] .courier-art linearGradient[id$="sky"] stop:first-child{stop-color:#25344d}
[data-theme="dark"] .courier-art linearGradient[id$="sky"] stop:last-child{stop-color:#394666}
[data-theme="dark"] .sun{display:none}
[data-theme="dark"] .night-moon{display:inline}
[data-theme="dark"] .cloud{opacity:.12}
[data-theme="dark"] .city-far path{fill:#627495;opacity:.3}
[data-theme="dark"] .city-near>rect:first-child{fill:#69566c}
[data-theme="dark"] .city-near>rect[fill="#c1c4e0"]{fill:#565877}
[data-theme="dark"] .city-near>path[fill="#d8aaa6"]{fill:#52465c}
[data-theme="dark"] .city-near>path[fill="#a8accc"]{fill:#40445f}
[data-theme="dark"] .city-near rect[fill="#fff"]{fill:#ffdb93;opacity:.8}
[data-theme="dark"] .city-near circle{fill:#57746c}
[data-theme="dark"] .scene-lawn{fill:#3b514f}
[data-theme="dark"] .scene-road{fill:#47566b}
[data-theme="dark"] .road-dashes{stroke:#9cabc4}
[data-theme="dark"] .ground-shadow{fill:#0b1323;opacity:.35}
[data-theme="dark"] .sparkles{fill:#ffe4a3}

.referral-card{margin:20px 0;padding:22px;border-radius:24px;background:#eee7fc;border:1px solid #e1d9f4}.referral-card h2{margin:10px 0}.referral-card p{font-size:12px;color:#665d7e}.referral-icon{font-size:30px}.referral-card .stats{margin:20px 0}.referral-card .stats strong{font-size:19px}.referral-card input{margin-top:8px;font-size:11px}.referral-card .boost-row{margin-bottom:12px}.referral-card .tiny{font-size:10px;color:#756d87}.referral-card .primary{font-size:11px;padding:13px 8px}[data-theme="dark"] .referral-card{background:#302a44;border-color:#4a405f}[data-theme="dark"] .referral-card p{color:#d0c6e1}[data-theme="dark"] .referral-card .stats span{color:#c1b5d2}

.wardrobe-preview{background:#fff;border:1px solid #e9edf5;border-radius:24px;padding:14px;margin-bottom:25px;scroll-margin-top:12px}.wardrobe-art{max-width:330px;margin:0 auto 12px;border-radius:20px;overflow:hidden}.wardrobe-art svg{display:block;width:100%}.wardrobe-preview .split{font-size:12px}.wardrobe-preview .boost-row{margin-bottom:0}.wardrobe-preview [aria-pressed="true"]{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.accessory-section{margin:24px 0}.accessory-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.accessory-card{padding:13px;background:#fff;border:1px solid #e9edf5;border-radius:20px;display:flex;flex-direction:column}.accessory-card.is-equipped{border-color:var(--accent)}.accessory-try{background:#f1eef8;border-radius:13px;padding:12px 4px;color:#776c93}.accessory-try span:first-child{font-size:36px;display:block;margin-bottom:5px}.accessory-try span:last-child{font-size:10px}.accessory-card h3{font-size:13px;margin:14px 0 6px}.accessory-card p{font-size:11px;color:#82889a;margin:0 0 14px;flex:1}.accessory-price{font-size:12px;font-weight:800;color:#778098}.accessory-card .wide{font-size:11px;padding:12px 5px}.accessory-card .primary:disabled{opacity:.45}[data-theme="dark"] .wardrobe-preview,[data-theme="dark"] .accessory-card{background:#222a40;border-color:#38435d}[data-theme="dark"] .accessory-card.is-equipped{border-color:var(--accent)}[data-theme="dark"] .accessory-card p,[data-theme="dark"] .accessory-price{color:#b5bfd6}[data-theme="dark"] .accessory-try{background:#38314e;color:#d4c4eb}

button.rank-row{width:100%;text-align:left;font:inherit;color:inherit;border:0;cursor:pointer}button.rank-row:focus-visible{outline:3px solid var(--accent)}.rank-row .avatar{width:76px;height:76px;flex-shrink:0}.rank-row .avatar svg{width:100%;height:100%}.player-dialog{width:min(440px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:0;border-radius:26px;padding:22px;background:#fff;color:#25304a}.player-dialog::backdrop{background:#101729aa;backdrop-filter:blur(6px)}.player-dialog h2{margin-top:20px}.guest-art svg{width:100%;display:block;border-radius:20px}.player-dialog p{line-height:1.6}.player-dialog .guest-art{margin:16px 0}[data-theme="dark"] .player-dialog{background:#222b42;color:#f2f4ff}

/* Keep SVG viewport proportional: no letterboxing or scenery outside its bounds. */
.tap-zone .courier-art{width:100%;height:auto;max-height:none;aspect-ratio:360 / 340;overflow:hidden;display:block}
.scene-caption{position:relative;inset:auto;padding:0 12px 14px;margin-top:-2px;background:#e1ebd7;color:#657d7c}
[data-theme="dark"] .scene-caption{background:#3b514f;color:#bac8db}
.scene .tap-zone{line-height:0}