@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--background:#11182c;--foreground:#eee9d9;--primary:#b8fb70;--primary-foreground:#172021;--card:#1a2437;--card-foreground:#eee9d9;--popover:#1a2437;--popover-foreground:#eee9d9;--border:#495361;--muted:#293249;--muted-foreground:#a7b3b8;--ring:#b8fb70;--radius:.5rem;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:#11182c;color:#eee9d9;font-family:'DM Sans',Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #e8ffc7;outline-offset:5px}button:disabled{opacity:.3;cursor:default}.game{position:fixed;inset:0;overflow:hidden;user-select:none}.game canvas{display:block;width:100%;height:100%}.film-grain{position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.brand{position:absolute;top:30px;left:38px;font-size:15px;letter-spacing:2px;font-weight:900}.brand span{margin-left:12px;color:#b8fb70;font-size:11px;letter-spacing:1px}.top-actions{position:absolute;right:32px;top:24px;display:flex;gap:21px;align-items:center;z-index:20}.top-actions button{border:0;color:#e3e2d8;background:transparent;letter-spacing:2px;font-size:10px;min-height:44px}.top-actions .menu-button{font-size:21px}.start-screen{position:absolute;top:20%;left:9%;animation:reveal .8s both}.chapter-pill{font-size:10px;letter-spacing:2.6px;display:flex;align-items:center;gap:9px}.chapter-pill i,.district i{width:6px;height:6px;background:#b8fb70;display:inline-block;border-radius:50%;box-shadow:0 0 12px #b8fb777}.start-screen h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(90px,12vw,180px);line-height:.79;letter-spacing:-3px;margin:30px 0 28px;position:relative;filter:drop-shadow(5px 7px 0 #161c30)}.start-screen h1 em{font-style:normal;color:#b8fb70}.title-star{position:absolute;color:#b8fb70;font-size:38px;transform:rotate(15deg);margin:17px}.start-screen p{font-size:12px;letter-spacing:2px;margin-bottom:30px}.start-screen p span{color:#b7b5be;margin-left:8px}.primary{background:#b8fb70;border:1px solid #d5ffac;border-radius:5px;color:#162726;font-weight:900;letter-spacing:1.6px;font-size:12px;padding:21px 27px;box-shadow:0 5px 0 #537741;min-width:245px;display:inline-flex;justify-content:space-between;gap:35px;align-items:center;transition:transform .2s,background .2s}.primary:hover{background:#ceff99;transform:translateY(-2px)}.primary span{font-size:22px}.primary.small{padding:13px 20px;font-size:11px;min-width:170px}.start-note{font-size:8px;letter-spacing:1.8px;color:#a2a3ae;margin-top:23px}.loading{position:absolute;inset:0;background:#070b13;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:40;font-size:10px;letter-spacing:3px}.load-bars{color:#b8fb70;animation:pulse 1s infinite}.intro{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;background:#12152a66;animation:reveal .5s}.intro span,.eyebrow{font-size:10px;letter-spacing:3px;color:#b8fb70}.intro strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(55px,9vw,110px);font-weight:900}.hud{position:absolute;inset:28px 38px auto;display:flex;align-items:flex-start;pointer-events:none}.phase-arriving .brand,.phase-playing .brand,.phase-dialogue .brand,.phase-ending .brand{display:none}.wallet>span,.mission>span{display:block;font-size:9px;letter-spacing:2px;color:#b8bfbe}.wallet strong{display:block;font-size:36px;line-height:1.3}.wallet-dot{font-size:6px;color:#b8fb70;vertical-align:middle;margin-left:13px}.mission{position:absolute;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.mission>span{color:#b8fb70}.mission b{display:block;font-size:11px;letter-spacing:1.8px;margin-top:10px}footer{position:absolute;bottom:24px;left:38px;right:38px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:8px;letter-spacing:1.5px;color:#b3b8c0}.district{display:flex;align-items:center;gap:10px}.build-label{color:#9299a9;font-size:8px}.chapter-number{font-size:17px;color:#e2dcc8}.chapter-number span{font-size:8px;color:#b3b8c0;margin-left:7px}.controls-hint{display:flex;align-items:center;gap:6px}.controls-hint span{margin:0 10px}kbd{border:1px solid #89939355;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:10px;color:#e7e6d4;background:#1a2134aa}.controls-hint b{color:#b8fb70;font-size:20px}.interact{position:absolute;left:50%;bottom:23%;transform:translateX(-50%);background:#172b29;border:1px solid #b8fb70;color:#b8fb70;padding:10px 17px;border-radius:6px;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:2px}.dialogue{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);width:min(490px,90vw);background:#141e30f5;border:1px solid #667363;border-top:3px solid #b8fb70;padding:27px 32px;border-radius:6px;box-shadow:0 16px 70px #05091277}.dialogue h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;margin:12px 0 20px}.dialogue h2 em{font-style:normal;color:#b8fb70;margin-left:15px}.dialogue p{font-size:17px;margin:10px 0}.dialogue .primary{margin-top:16px}.line-hidden{opacity:0}.line-visible{opacity:1;transition:opacity .6s}.ending{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background:linear-gradient(#10162a55,#10162a11,#10162acc);animation:reveal 1.5s}.ending h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(50px,7vw,90px);line-height:.95;margin:22px 0;color:#efe9d2;text-shadow:0 5px #142034}.ending p{color:#b8fb70;font-size:12px;letter-spacing:5px;margin:15px 0 30px}.touch-controls{display:none;position:absolute;bottom:75px;left:25px;gap:12px}.touch-controls button{width:61px;height:57px;touch-action:none;border:1px solid #becab555;border-radius:10px;color:#e9eacb;background:#182136bb;font-size:25px}.journey-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff10}.journey-progress span{display:block;height:100%;background:#b8fb70}.game-menu{background:#172236!important;border:1px solid #607259!important;color:#eee9d9!important;max-width:510px!important;padding:32px!important}.game-menu nav{display:flex;gap:5px;margin:20px 0 0;flex-wrap:wrap}.game-menu nav button{background:none;color:#a5afbd;border:0;border-bottom:2px solid transparent;font-size:10px;letter-spacing:1px;padding:9px}.game-menu nav .selected{color:#b8fb70;border-bottom-color:#b8fb70}.game-menu p{line-height:1.8;color:#b9c2c9}.text-button{background:none;border:0;color:#b4bea9;font-size:11px;margin-top:10px}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.25}}@media(pointer:coarse){.touch-controls{display:flex}.controls-hint{display:none}.interact{bottom:28%;left:auto;right:20px;transform:none}.interact kbd{font-size:0}.interact kbd:after{content:'TAP';font-size:10px}}@media(max-width:650px){.brand{left:22px;top:26px;font-size:11px}.brand span{font-size:9px;margin-left:5px}.top-actions{right:18px;top:16px;gap:12px}.top-actions button{font-size:8px;letter-spacing:1px}.start-screen{left:8%;top:23%}.start-screen h1{font-size:112px}.chapter-pill{font-size:8px;letter-spacing:1.3px}.start-screen p{font-size:10px;letter-spacing:1px}.start-note{font-size:7px}.hud{left:20px;top:25px}.wallet strong{font-size:30px}.mission{top:75px;left:50%;}.mission b{font-size:9px}.mission>span{font-size:8px}footer{left:20px;right:20px;bottom:24px}.build-label,.chapter-number{display:none}.district{font-size:7px}.dialogue{bottom:19%;padding:22px}.dialogue h2{font-size:27px}.ending{padding-top:65px}}@media(max-height:520px){.start-screen{top:18%;}.start-screen h1{font-size:82px;margin:16px 0}.start-screen p{margin:15px 0}.primary{padding:12px 20px}.start-note{display:none}.chapter-pill{font-size:8px}.brand{top:18px}.hud{top:14px}.touch-controls{bottom:45px}.dialogue{bottom:12%;padding:16px 25px}.dialogue p{font-size:13px;margin:4px 0}.dialogue h2{margin:6px 0}.ending h2{font-size:50px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
[data-slot="dialog-overlay"]{position:fixed;inset:0;z-index:50;background:#080e21bb}
[data-slot="dialog-content"]{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:51;width:calc(100% - 36px);max-height:90dvh;overflow:auto;border-radius:12px;display:grid;gap:12px;box-shadow:0 20px 100px #050915aa}
[data-slot="dialog-title"]{font-size:16px;letter-spacing:1px;margin:0 25px 0 0}
[data-slot="dialog-description"]{font-size:12px;margin:0}
[data-slot="dialog-close"]{position:absolute;top:14px;right:14px;background:none;border:0;color:#e4edce;padding:5px}
[data-slot="dialog-close"] svg{width:18px;height:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Mission 001 expansion — extends the original game presentation. */
.wallet small{display:block;font-size:7px;letter-spacing:1.3px;color:#9caab2;margin-top:2px}.cash-update{animation:cash-pop .35s ease-out}.objective{margin-top:9px;color:#dce5cb;letter-spacing:.3px;font-size:10px;font-weight:400}.banana-count{position:absolute;right:160px;top:2px;font-size:20px;font-weight:700;white-space:nowrap}.banana-count small{font-size:12px;color:#bac5b0}.banana-count>span{font-size:22px}.tutorial{position:absolute;bottom:27%;left:50%;transform:translateX(-50%);padding:13px 20px;background:#172336eb;border:1px solid #9fbc8866;border-radius:6px;letter-spacing:2px;font-size:11px;text-align:center;pointer-events:none}.tutorial span{display:block;margin-top:7px;color:#abb6c0;font-size:10px;letter-spacing:0}.mission-toast{position:absolute;top:122px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#c4f494;background:#172c28e8;border:1px solid #6f925b66;padding:12px 20px;max-width:80vw;font-size:11px;border-radius:4px;pointer-events:none}.mission-toast span{line-height:1.5}.achievement{position:absolute;top:185px;left:50%;transform:translateX(-50%);background:#e4cc88;border:2px solid #292e34;padding:18px 25px;display:flex;align-items:center;gap:20px;border-radius:9px;box-shadow:0 7px #111b2b;z-index:25;color:#282c29;animation:badge-in .4s}.achievement>span{font-size:35px}.achievement small{font-size:9px;letter-spacing:1.5px}.achievement strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;margin-top:4px}.challenge-label{position:absolute;top:126px;left:50%;transform:translateX(-50%);background:#3c3033eb;color:#f5d8a2;letter-spacing:2px;font-size:10px;padding:12px 20px;border:1px solid #987348}.challenge-label i{display:inline-block;width:5px;height:5px;background:#ffd573;border-radius:50%;margin-right:10px}.challenge-label span{display:block;font-size:8px;margin-top:8px;color:#bdb6a9;letter-spacing:1.2px}.touch-jump{display:none;position:absolute;right:24px;bottom:75px;width:66px;height:65px;border:1px solid #b8fb7088;background:#264337db;color:#d2ffab;border-radius:50%;font-size:29px;touch-action:none}.touch-jump span{display:block;font-size:8px;letter-spacing:1px;margin-top:-5px}.fresh-start{display:block;text-align:left;padding:0;margin:20px 0 0}.interior-transition{position:absolute;inset:0;background:#101c2b;z-index:35;display:grid;place-items:center;animation:travel-fade .65s both}.interior-transition span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;letter-spacing:5px;color:#d7c39e}.scene-stop .district i{background:#e7be72}.discovery-panel{max-width:560px!important;border-top:3px solid #b8fb70!important;gap:15px!important}.discovery-panel .dialogue-line{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;line-height:1.2;color:#eee8d3;margin:20px 0 28px;animation:reveal .2s}.discovery-panel .primary{justify-self:start}.dialogue-choices{display:flex;gap:12px;flex-wrap:wrap}.dialogue-choices .primary{min-width:180px}.tv-static{height:65px;border:3px solid #74827e;border-radius:10px;background:repeating-linear-gradient(#223c35 0 3px,#213730 3px 5px);overflow:hidden;position:relative;color:#c8f397;display:grid;place-items:center;font-size:10px;letter-spacing:2px}.tv-static i{position:absolute;inset:0;background:linear-gradient(transparent,#baff9822,transparent);animation:transmission 2s infinite}.phone-transmission{border:5px solid #0c1420;background:#203b37;border-radius:14px;padding:20px;text-align:center}.phone-transmission>span{font-size:10px;color:#b8fb70;letter-spacing:2px}.phone-transmission>div{font-size:36px;color:#a7c3bc;margin:12px 0}.phone-transmission small{font-size:10px;color:#b3b6b3}.city-map{height:310px;position:relative;background:radial-gradient(ellipse at 50% 20%,#69806644,transparent 60%),#22303d;border:1px solid #6e7e77;border-radius:6px;margin:3px 0 12px;overflow:hidden}.map-crown{position:absolute;left:50%;top:14px;transform:translateX(-50%);font-size:45px;color:#b8fb70;text-shadow:0 0 20px #a3ff7766;text-align:center}.map-crown span{font-size:10px;display:block;letter-spacing:1px}.map-crown small{font-size:8px;display:block;color:#a2b3ad;margin-top:5px}.map-road{position:absolute;width:140px;height:130px;left:50%;top:111px;transform:translateX(-50%) rotate(45deg);border:2px dashed #748480}.map-district{position:absolute;left:7%;top:137px;padding:11px;background:#354850;border:1px solid #6e827a;color:#c6d1c6;font-size:10px;border-radius:3px}.map-district>span{margin-right:10px;color:#8ba298}.map-district small{display:block;font-size:8px;margin-top:5px;color:#9dac9f}.map-district.casino{left:auto;right:5%}.map-district.current{left:50%;top:215px;transform:translateX(-50%);border-color:#b8fb70;background:#345347;color:#d8f2bf;min-width:155px;text-align:center}.map-district.current small{color:#b8fb70}.city-map>p{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:7px!important;letter-spacing:1.3px}.board-missions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:3px 0 13px}.board-missions>div{display:flex;gap:13px;border:1px solid #63716255;padding:11px 9px;align-items:center;background:#263336}.board-missions b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;color:#8a9c91}.board-missions>div:first-child{border-color:#b8fb7088}.board-missions>div:first-child b{color:#b8fb70}.board-missions span{font-size:9px}.board-missions small{display:block;color:#a4b6a7;font-size:7px;letter-spacing:1px;margin-top:5px}.panel-board h3{font-size:19px;margin:0 0 7px}.vote-options{display:flex;gap:8px}.vote-options button{display:flex;gap:7px;align-items:center;justify-content:center;background:#21332f;color:#c4d6b9;border:1px solid #6d865e;padding:12px 10px;border-radius:4px;font-size:10px;flex:1}.vote-options button[aria-pressed=true]{background:#b8fb70;color:#243326;border-color:#e0ffc8}.vote-options button b{font-size:12px}.prototype-note{font-size:10px!important;line-height:1.6!important;color:#a1b1b8!important;margin:3px 0!important}.board-tagline{font-size:9px!important;letter-spacing:1.4px;color:#b8fb70!important;margin:8px 0!important}.pause-objective h3{font-size:22px;font-family:'Barlow Condensed',Impact,sans-serif;margin:10px 0}.pause-objective p{font-size:12px}.pause-controls{display:flex;gap:16px;font-size:11px;margin:5px 0 15px}.pause-controls b{display:block;font-size:8px;margin-top:6px;color:#9aadad;letter-spacing:1px}.restart-confirm{background:#314039;padding:13px;border:1px solid #73805d}.restart-confirm p{font-size:12px}.restart-confirm button{padding:7px 12px;margin:5px;border:1px solid #8aa078;background:#22352a;color:#e3ecd4;font-size:11px}.upgraded-ending{padding:75px 20px 60px;overflow-y:auto;justify-content:flex-start;background:linear-gradient(#142035aa,#111b2b99,#111b2bf5)}.upgraded-ending h2{font-size:clamp(34px,4.3vw,62px);margin:18px 0 24px;line-height:1}.upgraded-ending h2 em{font-style:normal;color:#b8fb70}.end-stats{display:flex;gap:40px;justify-content:center}.end-stats>div{min-width:110px}.end-stats span{display:block;font-size:8px;letter-spacing:1.5px;color:#c0c8bf}.end-stats strong{display:block;font-size:34px;margin:8px 0;color:#f1e6ce}.end-stats small{font-size:7px;letter-spacing:1px;color:#a4b3b4}.upgraded-ending .final-motto{font-size:14px;letter-spacing:2px;line-height:1.5;color:#d9d6c8;margin:22px 0 18px}.next-mission{font-size:10px;letter-spacing:2px;color:#d2d6c5}.next-mission b{font-size:8px;padding:5px 8px;background:#4e5351;border-radius:3px;margin-left:8px;color:#d6d9ce}.next-mission>span{display:block;font-size:8px;margin-top:10px;color:#99a7ac}.upgraded-ending h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;letter-spacing:1px;margin:18px 0 15px}.final-buttons{display:flex;gap:13px;margin:15px 0 10px}.final-buttons a{text-decoration:none}.final-buttons .primary{font-size:9px;min-width:205px;justify-content:center}.link-notice{font-size:10px;color:#d3d9c8;max-width:400px;line-height:1.5}.phase-ending footer{display:none}.phase-travel .brand{display:none}.phase-ending .top-actions{z-index:20}.phase-dialogue .top-actions{z-index:20}.game-menu .primary{flex-shrink:0}.intro strong{max-width:90%;text-align:center;line-height:1.05}.panel-secret{border-top-color:#c9adea!important}.panel-secret .dialogue-line{color:#dcc2ee}
@keyframes cash-pop{50%{transform:scale(1.12);color:#b8fb70}}@keyframes badge-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes travel-fade{0%{opacity:0}35%,65%{opacity:1}100%{opacity:0}}@keyframes transmission{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
@media(pointer:coarse){.touch-jump{display:block}.tutorial{font-size:0}.tutorial:before{content:'HOLD ← → TO MOVE · TAP ↑ TO JUMP';font-size:9px;letter-spacing:1px}.tutorial span{font-size:9px}.interact{bottom:160px;right:24px;left:auto;max-width:calc(100% - 48px);font-size:9px}.tutorial{bottom:30%}}
@media(max-width:650px){.banana-count{right:0;top:58px;font-size:18px}.hud{right:20px}.mission{top:62px;left:50%;max-width:78%;white-space:normal}.mission b{font-size:9px}.objective{font-size:9px;line-height:1.3}.mission-toast{top:140px;width:90%;font-size:9px;padding:10px 13px;max-width:90vw}.tutorial{bottom:30%;width:80%;font-size:10px}.achievement{top:200px;padding:12px 18px;gap:10px;white-space:nowrap}.achievement small{font-size:8px}.achievement strong{font-size:23px}.challenge-label{top:141px;font-size:8px;white-space:nowrap}.challenge-label span{font-size:7px}.discovery-panel{padding:24px!important;max-height:84dvh!important}.discovery-panel .dialogue-line{font-size:27px;margin:16px 0}.dialogue-choices{gap:10px}.dialogue-choices .primary{min-width:0;flex:1;font-size:9px;padding:13px}.dialogue-choices .primary span{display:none}.vote-options{flex-direction:column}.vote-options button{justify-content:space-between;padding:11px 14px}.board-missions{gap:6px}.board-missions span{font-size:8px}.board-missions b{font-size:21px}.panel-board{gap:9px!important}.city-map{height:300px}.map-district{font-size:8px;padding:9px;left:4%}.map-district.casino{right:3%}.end-stats{gap:13px;width:100%;max-width:430px}.end-stats>div{min-width:0;flex:1}.end-stats strong{font-size:26px}.end-stats span{font-size:7px;letter-spacing:.5px}.end-stats small{font-size:6px;letter-spacing:.3px}.upgraded-ending{padding-top:85px}.upgraded-ending h2{font-size:38px}.final-buttons{flex-direction:column;margin:15px 0 8px;gap:11px}.upgraded-ending .final-motto{font-size:11px;margin:18px 0}.upgraded-ending h3{font-size:24px}.upgraded-ending .eyebrow{font-size:8px}.touch-controls{left:20px;gap:10px}.touch-controls button{width:54px;height:54px}.touch-jump{width:61px;height:61px;right:20px}.top-actions{gap:9px}}
@media(max-height:520px){.hud .mission{top:0}.wallet strong{font-size:27px}.objective{margin-top:5px}.banana-count{top:0;right:145px;font-size:17px}.mission-toast{top:85px}.challenge-label{top:85px}.touch-jump{bottom:45px}.interact{bottom:112px}.tutorial{bottom:29%}.discovery-panel{max-height:91dvh!important;padding:20px!important}.upgraded-ending{padding-top:40px}.upgraded-ending h2{font-size:36px}.end-stats strong{font-size:24px}.end-stats{gap:30px}.final-buttons{flex-direction:row}.upgraded-ending .final-motto{font-size:11px;margin:14px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.interior-transition{opacity:1}}
.upgraded-ending .end-stats{animation:reveal .5s .6s both}.upgraded-ending .final-motto{animation:reveal .5s 1.3s both}.upgraded-ending .next-mission{animation:reveal .5s 2.1s both}.upgraded-ending h3{animation:reveal .5s 2.8s both}.upgraded-ending>.eyebrow:not(:first-child),.upgraded-ending .final-buttons{animation:reveal .5s 3.4s both}
@media(prefers-reduced-motion:reduce){.upgraded-ending *{animation:none!important}}
@media(max-width:650px) and (min-height:521px){.banana-count{top:0;right:115px;font-size:18px}.banana-count>span{font-size:19px}}
/* Illustrated edition — rendering and presentation only. */
.film-grain{opacity:.035}.game:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#090f254d,transparent 20%,transparent 85%,#090f2570)}.brand,.top-actions,.hud,footer{z-index:2}.start-screen{z-index:3}.start-screen h1{color:#fff1c7;-webkit-text-stroke:2px #172137;text-shadow:3px 5px 0 #101a2b,0 0 45px #081329aa}.start-screen p,.chapter-pill,.start-note{text-shadow:0 2px 4px #061122}.primary{border:2px solid #d5ffac;border-radius:4px;box-shadow:0 4px 0 #3a583b,0 7px 16px #07152a55;background:linear-gradient(#c7ff90,#a6e85e)}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #3a583b}.hud{gap:14px}.wallet{display:flex;flex-direction:column;background:linear-gradient(120deg,#17253bef,#101a2ddd);padding:10px 18px 12px;border:1px solid #81928966;border-left:3px solid #e5bf6d;box-shadow:3px 4px 0 #0a162b66;min-width:115px}.wallet strong{order:-1;color:#ffe8ab;font-family:'Barlow Condensed',Impact,sans-serif;font-size:39px;line-height:1.05}.wallet>span{margin-top:5px;font-size:8px;color:#ddd9bf}.wallet small{font-size:6px}.mission{padding:12px 24px;background:linear-gradient(90deg,#111d3000,#111d30e8 20%,#111d30e8 80%,#111d3000);min-width:330px;border-top:1px solid #b8fb7055}.mission b{font-size:12px;color:#fff0ca}.banana-icon{width:32px;height:32px;display:inline-block;vertical-align:middle;filter:drop-shadow(0 2px 2px #09172a55);flex-shrink:0}.crown-icon{width:44px;height:38px;display:inline-block;vertical-align:middle}.banana-count{display:flex;align-items:center;gap:5px;padding:6px 11px;background:#152339e8;border:1px solid #d2b67266;border-bottom:3px solid #8c703d;border-radius:3px;color:#ffe5a5}.banana-count .banana-icon{width:29px;height:29px}.interact{z-index:4;right:auto;transform:translate(-50%,-100%);border:2px solid #daf7a6;border-radius:4px;background:linear-gradient(#26394a,#152539);box-shadow:0 4px 0 #0b1729,0 0 17px #b8fb7020;color:#f4efce;letter-spacing:1px;max-width:260px;min-height:45px;padding:5px 12px;animation:prompt-in .18s ease-out}.interact:after{content:'';position:absolute;left:calc(50% - 5px);bottom:-7px;width:10px;height:10px;background:#152539;border-right:2px solid #daf7a6;border-bottom:2px solid #daf7a6;transform:rotate(45deg)}.interact kbd{background:#bee989;color:#1b302c;border:1px solid #e6ffc5;box-shadow:0 2px 0 #668649;font-weight:900}.tutorial{background:#142138e8;border:1px solid #d5c08788;border-bottom:3px solid #876c42;border-radius:3px}.game-menu{background:linear-gradient(130deg,#203149,#111c30)!important;border:2px solid #75877d!important;border-top:3px solid #dcb975!important;border-radius:5px!important;box-shadow:0 8px 0 #09142488,0 20px 100px #050915aa!important}.game-menu [data-slot=dialog-title]{color:#f8db96;font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;letter-spacing:1.3px}.game-menu .dialogue-line{font-family:'DM Sans',Arial,sans-serif;font-size:21px!important;line-height:1.5;color:#f1ecd8;margin:8px 0 13px}.character-portrait{width:116px;height:126px;border:2px solid #e7c879;border-radius:5px;background:radial-gradient(ellipse at 50% 80%,#54704b,#27384e 65%);box-shadow:0 4px 0 #091629;overflow:hidden}.character-portrait canvas{display:block;width:100%;height:100%;object-fit:cover}.character-portrait.talking canvas{animation:portrait-talk 3s ease-in-out infinite}.panel-npc[data-slot=dialog-content]{top:auto;bottom:7%;transform:translateX(-50%);max-width:790px!important;padding:24px 28px 23px 168px!important;min-height:205px;gap:5px}.panel-npc .character-portrait{position:absolute;left:25px;top:26px}.panel-npc [data-slot=dialog-description]{font-size:9px;line-height:1.4;max-width:500px;color:#a9babd}.panel-npc .dialogue-choices{gap:12px}.panel-npc .primary{padding:10px 15px;min-width:145px}.panel-npc .phone-transmission{padding:8px;border-width:2px}.panel-npc .phone-transmission>div{font-size:20px;margin:2px}.panel-npc .phone-transmission small{display:none}body:has(.panel-npc) [data-slot=dialog-overlay]{background:linear-gradient(#08142910 30%,#08142944 70%,#08142999)}.mission-toast,.achievement{border-radius:4px;background:#172a3eef;border:1px solid #d4bf78;box-shadow:0 4px 0 #0a182d88}.achievement>.banana-icon{width:45px;height:45px}.end-stats .banana-icon{width:30px;height:30px}.end-stats{padding:20px 28px;border-top:1px solid #e4c68255;border-bottom:1px solid #e4c68255;background:#13233999}.touch-controls button,.touch-jump{border:2px solid #cdd9b688;border-bottom:4px solid #6b7f66;border-radius:8px;background:linear-gradient(#2c3e53e8,#14253aea);box-shadow:0 4px 0 #0a162888}.city-map{background-image:linear-gradient(#12223499,#14233eea),url('/assets/art/skyline.webp');background-size:cover;background-position:center;border:2px solid #8f9c76}.map-crown{top:10px}.map-crown .crown-icon{width:55px;height:45px}.pause-objective .banana-icon{width:24px;height:24px}
@keyframes prompt-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes portrait-talk{50%{transform:translateY(2px) rotate(-1deg)}}
@media(max-width:800px){.mission{min-width:280px;padding:10px 13px}.banana-count{right:115px}.hud{left:20px;right:20px}.wallet{padding:8px 12px;min-width:90px}.wallet strong{font-size:31px}.mission b{font-size:10px}}
@media(max-width:650px){.wallet{padding:7px 10px;min-width:83px}.wallet strong{font-size:29px}.wallet small{font-size:5px}.banana-count{right:110px;padding:5px 7px;font-size:16px}.banana-count .banana-icon{width:24px;height:24px}.mission{top:80px;min-width:260px;max-width:95%;padding:7px 11px}.mission b{margin-top:5px}.objective{margin-top:5px}.interact{font-size:9px;max-width:200px;padding:5px 9px;gap:6px}.panel-npc[data-slot=dialog-content]{bottom:5%;padding:18px!important;max-height:66dvh!important;min-height:0;gap:7px}.panel-npc .character-portrait{position:relative;top:auto;left:auto;float:left;width:69px;height:73px;grid-row:1/3}.panel-npc [data-slot=dialog-title],.panel-npc [data-slot=dialog-description]{margin-left:86px;position:absolute;right:34px;left:18px;top:21px}.panel-npc [data-slot=dialog-title]{font-size:23px}.panel-npc [data-slot=dialog-description]{top:52px;font-size:8px}.panel-npc .dialogue-line{font-size:17px!important;margin:4px 0 8px}.panel-npc .primary{font-size:9px;min-width:0;padding:10px 12px}.end-stats{padding:15px 8px}.end-stats .banana-icon{width:24px}.tutorial{bottom:28%}.mission-toast{top:164px}}
@media(max-height:520px){.wallet small{display:none}.wallet strong{font-size:25px}.wallet{padding:5px 10px}.mission{top:0;padding:7px}.panel-npc[data-slot=dialog-content]{bottom:5%;padding:16px 22px 16px 125px!important;min-height:155px;max-height:70dvh!important}.panel-npc .character-portrait{position:absolute;left:18px;top:18px;width:86px;height:97px}.panel-npc .dialogue-line{font-size:17px!important;margin:4px 0}.panel-npc [data-slot=dialog-title],.panel-npc [data-slot=dialog-description]{position:static;margin-left:0}.panel-npc .primary{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.character-portrait.talking canvas,.interact{animation:none}}
/* Episode flow: one objective, short conversations, quiet persistent HUD. */
.phase-playing footer,.phase-dialogue footer,.phase-travel footer,.phase-arriving footer{display:none}.mission{max-width:420px;min-width:280px}.mission .objective{font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;line-height:1.15;letter-spacing:.4px;color:#fff0c8;text-transform:uppercase;margin-top:7px;white-space:normal;animation:objective-pop .25s ease-out}.wallet>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:11px;letter-spacing:1.5px}.wallet{min-width:100px}.wallet strong{font-size:40px}.tutorial{font-family:'Barlow Condensed',Impact,sans-serif;font-size:19px;letter-spacing:1.5px;bottom:22%;padding:9px 18px}.location-reveal{position:absolute;top:25%;left:0;right:0;text-align:center;pointer-events:none;animation:location-in 3s both;text-shadow:0 3px 0 #122037,0 0 25px #071327;z-index:3}.location-reveal h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,4vw,54px);color:#ffedba;letter-spacing:2px;margin:0}.location-reveal>span{font-size:10px;letter-spacing:2px;color:#d6eac5}.mission-toast{font-family:'Barlow Condensed',Impact,sans-serif;font-size:19px;letter-spacing:.5px;max-width:80%;top:143px}.panel-npc .dialogue-line{font-size:21px!important;line-height:1.4;animation:line-in .28s ease-out}.dialogue-next{justify-self:start}.mood-skeptical .character-portrait{transform:rotate(-2deg)}.mood-confident .character-portrait{border-color:#b8fb70;box-shadow:0 4px 0 #091629,0 0 15px #b8fb7022}.mood-smiling .character-portrait{border-color:#ffd680}.token-mark{font-family:'Barlow Condensed',Impact,sans-serif;color:#b8fb70;font-size:29px;letter-spacing:2px}.season-tag{display:inline-flex;gap:15px;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;color:#f4da99}.season-tag b{font:700 10px Arial;background:#b8fb70;color:#243c31;padding:5px 8px}.panel-board h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;line-height:1.05;margin:7px 0}.episode-ending{background:linear-gradient(#0b193222,#0b193233,#0b1932b3);padding:30px;z-index:3}.episode-ending h2{font-size:clamp(44px,6vw,85px);line-height:.97}.episode-ending em{color:#b8fb70;font-style:normal}.ending-beat{animation:episode-beat .5s both}.episode-finale{width:min(720px,95vw);padding:25px;background:linear-gradient(#12253a00,#12253acc);max-height:90dvh;overflow:auto;animation:episode-beat .5s both}.episode-finale h2{font-size:clamp(38px,5vw,67px)}.episode-finale p{font-family:'Barlow Condensed',Impact,sans-serif;font-size:21px;letter-spacing:.6px;margin:25px 0 12px}.episode-finale .final-buttons{justify-content:center}.episode-receipt{font-size:10px;color:#dfd5ae;margin-top:20px;letter-spacing:.5px}.episode-receipt .banana-icon{width:25px;height:25px}.skip-ending{position:absolute;bottom:35px;right:35px;color:#e5e8d7}.episode-ending .link-notice{display:block;margin:10px auto;max-width:400px}.episode-ending .text-button{margin-top:20px}.tv-static{background-image:linear-gradient(#12323e88,#12323eaa),url('/assets/art/skyline.webp');background-size:cover;background-position:center}.tv-static .crown-icon{display:none}.phase-ending .top-actions{z-index:4}.phase-ending .brand{display:none}
@keyframes objective-pop{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes line-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes location-in{0%{opacity:0;transform:translateY(10px) scale(.97)}15%,70%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-5px)}}@keyframes episode-beat{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:650px){.mission{min-width:280px;max-width:100%;top:74px}.mission .objective{font-size:20px}.wallet{min-width:80px}.wallet strong{font-size:31px}.location-reveal{top:27%}.location-reveal>span{font-size:8px;letter-spacing:1px}.mission-toast{top:163px;font-size:16px;max-width:90%}.panel-npc .dialogue-line{font-size:18px!important}.episode-ending{padding:12px}.episode-finale{padding:14px;max-height:83dvh}.episode-finale p{font-size:18px}.episode-finale .final-buttons{flex-direction:column}.episode-receipt span{display:block;margin-top:8px}.episode-finale h2{font-size:41px}.skip-ending{right:20px;bottom:20px}.touch-controls,.touch-jump{bottom:28px}.interact{max-width:220px}.tutorial{bottom:23%}}
@media(max-height:520px){.mission{top:0;min-width:300px}.mission .objective{font-size:18px}.location-reveal{top:27%}.mission-toast{top:85px}.episode-finale{max-height:90dvh;padding:8px 24px}.episode-finale h2{font-size:36px;margin:10px 0}.episode-finale p{font-size:16px;margin:13px 0}.episode-finale .final-buttons{flex-direction:row}.episode-receipt{margin-top:12px}.episode-finale .primary{min-width:195px;font-size:10px}.episode-finale .text-button{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.location-reveal{animation:none}.ending-beat,.episode-finale,.panel-npc .dialogue-line{animation:none}}

/* Compact playable introduction: the existing game palette, without a title detour. */
.phase-ready .start-screen{inset:0;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#080b10;text-align:center;animation:none;padding:80px 20px;z-index:8}
.phase-ready .brand,.phase-ready .top-actions{z-index:10}
.start-screen h1.opening-worth{font-size:clamp(88px,17vh,150px);line-height:1;margin:10px 0 22px;color:#b8fb70;filter:none;letter-spacing:-4px}
.opening-location{display:flex;flex-direction:column;gap:8px}.opening-location strong{font-size:19px;letter-spacing:2px}
.start-screen p{display:flex;flex-direction:column;gap:8px;margin:22px 0}.start-screen p small{font-size:10px;color:#b8fb70}.start-screen p b{font-size:17px;letter-spacing:1px}
.start-screen .start-note{margin-top:22px}.start-screen .primary{padding:17px 25px}.panel-board details{margin:8px 0 14px}.panel-board summary{cursor:pointer;color:#b8fb70;font-size:12px;padding:10px 0}
@media(max-height:600px){.phase-ready .start-screen{padding:45px 16px}.start-screen h1.opening-worth{font-size:70px;margin:4px 0 10px}.start-screen p{margin:12px 0}.start-screen .start-note{margin-top:12px}}

/* Store information remains on physical objects; only a short subtitle accompanies inspection. */
.store-inspection{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);width:min(670px,calc(100% - 36px));z-index:25;user-select:text}
.inspection-caption{position:relative;padding:15px 88px 16px 20px;border-left:3px solid #e7bb6d;background:linear-gradient(90deg,#142332ed,#142332db);box-shadow:0 5px 20px #06111d44;border-radius:3px}
.inspection-caption>span{font-size:9px;letter-spacing:2px;color:#eac883}.inspection-caption p{font-size:17px;line-height:1.4;margin:7px 0 0;color:#fbefd2}
.inspection-caption>button{position:absolute;right:18px;bottom:17px;border:0;background:transparent;color:#c5ec98;font-size:10px;font-weight:800;min-height:32px}.inspection-caption>.inspection-close{top:1px;right:6px;bottom:auto;color:#c5d0c9;font-size:20px}
.store-inspection details{padding:8px 14px;background:#142332ee;font-size:11px}.store-inspection summary{cursor:pointer;color:#c5ec98;padding:5px}.store-vote{display:flex;gap:7px;margin:7px 0}.store-vote button{flex:1;background:#294039;border:1px solid #b4bd9277;border-radius:3px;color:#efe5ce;padding:10px 5px;font-size:10px}.store-vote button[aria-pressed=true]{border-color:#b8fb70}.store-inspection small{color:#c3c6bc;font-size:10px}
.scene-stop .interact{font-size:9px;min-height:36px;padding:3px 8px;box-shadow:0 3px 0 #0b172955;border-width:1px}.scene-stop .interact kbd{font-size:10px;padding:4px}.scene-stop .location-reveal{display:none}.scene-stop .mission{opacity:.82}
@media(max-width:600px){.store-inspection{bottom:19%;width:calc(100% - 24px)}.inspection-caption{padding:12px 67px 13px 14px}.inspection-caption p{font-size:15px}.inspection-caption>button{right:10px;font-size:9px}.scene-stop .mission b{font-size:10px}}
.store-inspection{bottom:3%}
.scene-stop .mission{padding:5px 14px;min-width:260px}.scene-stop .mission b{font-size:10px;margin-top:5px;letter-spacing:1px}
@media(max-width:600px){.store-inspection{top:112px;bottom:auto}.scene-stop .mission{min-width:210px}.scene-stop .mission b{font-size:9px}}
.scene-stop.phase-dialogue .mission{visibility:hidden}

/* Official social links. */
.social-dropdown{position:relative;display:flex;align-items:center}.top-actions .social-toggle{color:#b8fb70;font-weight:900}.social-menu{position:absolute;top:44px;right:0;min-width:170px;padding:9px;background:#142236f2;border:1px solid #d0bd7b88;border-top:3px solid #b8fb70;border-radius:4px;box-shadow:0 10px 30px #06101f88}.social-buttons{display:flex;gap:13px;justify-content:center;align-items:center;margin:15px 0 10px}.social-buttons a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:165px;padding:12px 18px;border:2px solid #d5ffac;border-radius:4px;background:linear-gradient(#c7ff90,#a6e85e);box-shadow:0 4px 0 #3a583b,0 7px 16px #07152a55;color:#162726;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:1.3px}.social-buttons a:hover{background:#ceff99;transform:translateY(-1px)}.social-buttons.compact{gap:8px;margin:16px 0 0}.social-buttons.compact a{min-width:98px;min-height:36px;padding:9px 12px;font-size:9px}.social-menu .social-buttons{flex-direction:column;margin:0}.social-menu .social-buttons a{width:100%;min-width:0}
@media(max-width:650px){.social-menu{right:-76px;top:39px}.social-buttons{flex-direction:column;gap:9px}.social-buttons a{width:min(250px,78vw);min-width:0}.start-screen .social-buttons.compact{margin-top:13px}.start-screen .social-buttons.compact a{width:180px}.top-actions .social-toggle{font-size:7px;letter-spacing:.8px}}
@media(max-height:520px){.start-screen .social-buttons.compact{flex-direction:row;margin-top:10px}.start-screen .social-buttons.compact a{width:auto;min-width:86px;min-height:32px;padding:7px 10px}.social-menu{top:35px}.social-buttons a{min-height:38px}}
/* Cinematic presentation: existing world remains live behind the landing. */
.phase-ready .cinematic-landing{background:linear-gradient(90deg,#060f20eb 0%,#07132299 42%,#06121b05 82%),linear-gradient(0deg,#09111bdb,transparent 40%);align-items:flex-start;text-align:left;padding:100px 8vw 70px;z-index:8}
.cinematic-landing h1{font-size:clamp(64px,8.6vw,142px);line-height:.92!important;letter-spacing:-2px!important;margin:24px 0!important;filter:none!important;text-shadow:0 8px 45px #0008}
.cinematic-landing h1 span,.cinematic-landing h1 em{display:block}.cinematic-landing h1 span{font-size:.66em;color:#f4efdc}.cinematic-landing h1 em{color:#b8fb70}
.cinematic-landing p{display:block;font-size:clamp(14px,1.3vw,19px);letter-spacing:.4px;margin:0 0 30px;color:#e1e7e5}.cinematic-landing>.eyebrow{font-size:9px;letter-spacing:2px;max-width:90%}.cinematic-landing .primary{min-width:250px;border-radius:2px;box-shadow:0 0 40px #b8fb7020}
.social-buttons a{gap:10px;transition:transform .2s,background .2s,box-shadow .2s}.social-buttons svg{width:17px;height:17px;fill:currentColor;transition:transform .2s}.social-buttons a:hover svg{transform:rotate(-8deg) scale(1.12)}.social-buttons a:focus-visible{outline:3px solid white;outline-offset:4px}.social-buttons.compact{flex-direction:row}.social-buttons.compact a{min-height:44px;min-width:108px;width:auto;background:#122533aa;color:#dfecdf;border:1px solid #b4d3b950;box-shadow:none}.social-buttons.compact a:hover{background:#294139;box-shadow:0 0 24px #a9ed6420}.social-menu .social-buttons{flex-direction:column}
.language-switch{display:flex;border:1px solid #c6e3c333;border-radius:5px;background:#101c2acc;padding:2px}.top-actions .language-switch button{min-height:36px;min-width:36px;letter-spacing:1px;border-radius:3px}.language-switch button[aria-pressed=true]{background:#b8fb70;color:#12291d}.top-actions{gap:14px}.top-actions>button{border-radius:4px;background:#101c2a88;padding:0 8px}.top-actions .social-toggle{background:#101c2a88;padding:0 10px;border-radius:4px}
.cinematic-overlay{position:absolute;inset:0;pointer-events:none}.letterbox{position:absolute;left:0;right:0;height:9%;background:#03070c;transition:height 1s}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.call-subtitles{position:absolute;bottom:13%;left:50%;transform:translateX(-50%);width:min(600px,90%);text-align:center;padding:20px;background:linear-gradient(90deg,transparent,#06101cdd,transparent)}.call-subtitles p{font-size:clamp(18px,2.3vw,28px);margin:12px 0 0;text-shadow:0 2px 5px #000}.phase-cinematic .brand,.phase-cinematic footer{display:none}.phase-cinematic .top-actions{opacity:.8}.cinematic-ending{background:linear-gradient(#07101a33,#07101a66,#07101ae0);padding:90px 24px 60px;gap:12px}.cinematic-ending h2{font-size:clamp(52px,8vw,112px);max-width:950px;margin:10px 0}.cinematic-ending p{font-size:clamp(11px,1.3vw,16px);letter-spacing:3px;line-height:1.7}.cinematic-ending .primary{margin-top:10px}.phase-cinematic .film-grain{z-index:1}
@media(max-width:700px){.brand{top:18px;left:18px}.top-actions{top:52px;right:16px;gap:6px}.top-actions>button span{display:none}.phase-playing .top-actions,.phase-dialogue .top-actions{top:14px}.top-actions .language-switch button{min-width:32px}.phase-ready .cinematic-landing{padding:145px 7vw 65px;justify-content:center}.cinematic-landing h1{font-size:clamp(52px,14vw,92px)}.cinematic-landing>.eyebrow{font-size:8px;line-height:1.8}.cinematic-landing p{font-size:14px;max-width:260px}.start-screen .social-buttons.compact a{width:auto}.social-menu{right:0}.cinematic-ending .social-buttons{flex-direction:row}.cinematic-ending .social-buttons a{width:auto;min-width:110px}.cinematic-ending h2{font-size:58px}.mission{max-width:75vw;white-space:normal}.interact{max-width:90vw;letter-spacing:.6px}}
@media(max-height:540px){.phase-ready .cinematic-landing{padding:64px 7vw 30px}.cinematic-landing h1{font-size:64px;margin:12px 0!important}.cinematic-landing p{margin:0 0 14px}.cinematic-landing .start-note,.cinematic-landing>.eyebrow{display:none}.cinematic-ending{gap:0;padding:60px 20px 30px}.cinematic-ending h2{font-size:50px}.cinematic-ending p{margin:5px 0}.top-actions{top:12px}.cinematic-landing .primary{padding:10px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.social-buttons a:hover svg{transform:none}}
@media(pointer:coarse){html[lang=es] .interact kbd:after{content:'TOCA'}}
@media(pointer:coarse){.interact:has(.phone-label) kbd{display:none}.phone-label .desktop-answer{display:none}.phone-label .mobile-answer{display:inline}}
@media(pointer:fine){.phone-label .mobile-answer{display:none}}

.hud .banana-count{left:0;right:auto;top:92px}.phase-ready footer{z-index:9}.phase-ready .district{display:none}.phase-ready footer .build-label{color:#b8c9c5}.phase-ready .chapter-number{margin-left:auto}
@media(max-width:700px){.hud .banana-count{top:70px}.phase-playing .top-actions,.phase-dialogue .top-actions{gap:3px}.phase-playing .top-actions .social-toggle,.phase-dialogue .top-actions .social-toggle{font-size:7px;padding:0 6px}.phase-playing .mission,.phase-dialogue .mission{top:100px}}

.loading{background:#07101b33}.phase-loading .brand,.phase-loading .top-actions{z-index:45}@media(max-width:700px){.touch-controls{display:flex}.touch-jump{display:flex}.controls-hint{display:none}.phone-label .desktop-answer{display:none}.phone-label .mobile-answer{display:inline}.interact:has(.phone-label) kbd{display:none}}

.tutorial .mobile-tutorial{display:none}.tutorial .desktop-tutorial{margin:0;color:inherit;font-size:inherit}.touch-jump{flex-direction:column;align-items:center;justify-content:center;gap:1px}.touch-jump span{position:static!important;display:block;margin:0!important;font-size:8px}@media(max-width:700px){.mission-toast{top:194px}.tutorial .desktop-tutorial{display:none}.tutorial .mobile-tutorial{display:block;margin:0;color:inherit;font-size:inherit}.interact kbd{font-size:0}.interact kbd:after{content:'TAP';font-size:10px}html[lang=es] .interact kbd:after{content:'TOCA'}}@media(pointer:coarse){.tutorial .desktop-tutorial{display:none}.tutorial .mobile-tutorial{display:block;margin:0;color:inherit;font-size:inherit}}
/* Readable reward banner and consistent touch input on portrait/landscape devices. */
.achievement{background:#14283f;color:#fff4d5;border:2px solid #f2cf75;max-width:calc(100vw - 32px);white-space:normal;pointer-events:none}
.achievement small{color:#b8fb70;font-weight:800;line-height:1.5}
.achievement strong{color:#fff4d5;line-height:1.2;text-shadow:none}
.achievement>.banana-icon{flex-shrink:0}
.tutorial>span{margin:0;color:inherit;font-size:inherit;letter-spacing:inherit}
.touch-mode .touch-controls,.touch-mode .touch-jump{display:flex;z-index:15;bottom:max(24px,env(safe-area-inset-bottom))}
.touch-mode .touch-controls{left:max(20px,env(safe-area-inset-left))}
.touch-mode .touch-jump{right:max(20px,env(safe-area-inset-right));touch-action:none}
.touch-mode .touch-controls button,.touch-mode .touch-jump{width:64px;height:64px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.touch-mode .touch-controls button:active,.touch-mode .touch-jump:active{background:#436144;border-color:#c6ff98;transform:translateY(2px)}
.touch-mode .interact{min-height:48px;max-width:calc(100vw - 32px);right:auto;transform:translateX(-50%);touch-action:manipulation;z-index:16;font-size:12px}
.touch-mode .controls-hint{display:none}
.touch-mode .achievement{top:auto;bottom:112px;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px}
.touch-mode .achievement strong{font-size:clamp(18px,4.8vw,25px)}
.touch-mode .tutorial{bottom:120px;max-width:calc(100vw - 32px);pointer-events:none}
@media(max-height:500px){.touch-mode .achievement{bottom:100px;padding:9px 13px}.touch-mode .achievement strong{font-size:19px}.touch-mode .achievement>.banana-icon{width:30px;height:30px}.touch-mode .tutorial{bottom:100px}}