@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{font-family:'Be Vietnam Pro',sans-serif;color:#29473f}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#c1dbc3}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #386e4220}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}header{position:fixed;top:28px;left:34px;right:34px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#29473f;font-size:24px;font-weight:800;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:3px}.logo{font-size:43px;color:#477a53}.job{margin:auto;background:#ffffffe8;border:1px solid #fff;border-radius:15px;padding:13px 28px;text-align:center;box-shadow:0 8px 30px #4264470a}.job span{font-size:8px;letter-spacing:2px;color:#7f9488;display:block}.job b{font-size:12px;display:block;margin-top:5px}.icon{width:43px;height:43px;background:#ffffffe6;border-radius:50%;font-size:20px}.mission{position:fixed;top:150px;left:38px;width:235px}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:700;color:#64826e}h1{font-size:47px;line-height:1.18;letter-spacing:-2px;margin:15px 0 18px;font-weight:800}p{font-size:12px;line-height:1.9;color:#6b8073}.progressTitle{display:flex;justify-content:space-between;margin-top:30px;font-size:11px}.progressTitle b{font-size:16px}.track{height:7px;background:#8aab8d30;margin-top:12px;border-radius:10px;overflow:hidden}.track i{display:block;width:0;height:100%;background:#4d8961;transition:width .25s}.stats{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid #7d99792b}.stats small{display:block;font-size:8px;letter-spacing:1.2px;color:#7d8c7b}.stats b{display:block;font-size:21px;margin-top:7px}.care{display:flex;gap:12px;align-items:center;font-size:23px;margin-top:20px}.care span{font-size:10px;color:#75836d}.care b{display:block;color:#d39b70;letter-spacing:4px;font-size:13px;margin-top:6px}.location{position:fixed;bottom:170px;right:38px;font-size:9px;letter-spacing:1px;color:#5e7e63;display:flex;align-items:center;gap:12px}.location span{font-size:22px;color:#b8974d}.location i{height:3px;width:3px;border-radius:50%;background:#789577}footer{position:fixed;bottom:22px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.keys{font-size:9px;display:flex;flex-direction:column;gap:9px;color:#68816e}kbd{font:8px 'Be Vietnam Pro',sans-serif;border:1px solid #91a58e66;border-radius:4px;padding:3px 5px;display:inline-block;min-width:43px;text-align:center;margin-right:8px}.tools{display:flex;gap:7px;background:#ffffffb8;padding:7px;border-radius:19px;box-shadow:0 10px 40px #33583b15;backdrop-filter:blur(12px)}.tools button{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:13px;background:transparent;text-align:left}.tools button.selected{background:#315d47;color:white}.tools button>span{font-size:30px}.tools button div{font-size:11px;font-weight:600}.tools small{display:block;font-size:7px;letter-spacing:1px;margin-top:5px;opacity:.6}.tools kbd{min-width:17px;margin:0;opacity:.6}.tip{font-size:9px;color:#78916f}#aim{position:fixed;pointer-events:none;color:white;font-size:26px;text-shadow:0 1px 4px #345;display:none;transform:translate(-50%,-50%)}#toast{position:fixed;bottom:150px;left:50%;transform:translateX(-50%);background:#315d47ed;color:white;border-radius:30px;padding:12px 24px;font-size:12px;opacity:0;transition:opacity .2s}.overlay{position:fixed;inset:0;background:#203c3044;backdrop-filter:blur(7px);display:grid;place-items:center}.overlay.hidden{display:none}.overlay section{background:#fbfcf3;padding:43px;border-radius:25px;max-width:460px;width:90%;box-shadow:0 30px 100px #213c3433}h2{font-size:33px;line-height:1.3;letter-spacing:-1.3px;margin:18px 0}.preview{display:flex;justify-content:space-between;font-size:10px;margin:25px 0;color:#628165}.primary{background:#315d47;color:white;border-radius:12px;padding:17px 20px;width:100%;font-weight:600;text-align:left}.primary span{float:right}.overlay section>small{font-size:8px;display:block;text-align:center;margin-top:20px;color:#839180}#touchMove{display:none}button:hover{filter:brightness(1.08)}button:focus-visible{outline:3px solid #e8af63;outline-offset:3px}@media(max-width:800px){header{top:16px;left:18px;right:18px}.brand{font-size:16px}.logo{font-size:32px}.job{padding:9px 12px}.job b{font-size:9px}.job span{font-size:6px}.mission{top:95px;left:20px;width:165px}h1{font-size:30px;margin:10px 0}.mission p,.eyebrow{font-size:8px}.progressTitle{margin-top:18px}.stats b{font-size:16px}.stats{padding:12px 0}.care{margin-top:12px}.keys,.tip,.location{display:none}footer{bottom:15px;left:10px;right:10px;justify-content:center}.tools button{padding:10px;gap:8px}.tools button>span{font-size:22px}.tools kbd{display:none}.tools button div{font-size:10px}.tools small{font-size:6px}#touchMove{position:fixed;bottom:100px;left:18px;display:grid;grid-template-columns:repeat(3,38px);gap:4px}#touchMove button{background:#ffffffe0;width:38px;height:38px;border-radius:10px;touch-action:none}#touchMove button:first-child{grid-column:2}#touchMove button:nth-child(2){grid-column:1;grid-row:2}#touchMove button:nth-child(3){grid-column:2;grid-row:2}#touchMove button:nth-child(4){grid-column:3;grid-row:2}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.activityList{display:grid;gap:10px;font-size:11px;margin-top:18px;background:#ffffffa8;padding:14px;border-radius:12px}.activityList div{display:flex;justify-content:space-between}.mission .progressTitle{margin-top:16px}.actionButton{background:#fff9e9;padding:14px 18px;border-radius:12px;font-size:10px;box-shadow:0 5px 20px #315d4712}.waterHUD{position:fixed;right:35px;top:100px;background:#ffffffdf;border-radius:14px;padding:15px 20px;font-size:11px}.waterHUD b{display:block;font-size:20px;margin-top:6px;color:#418b9c}.hintBubble{position:fixed;top:100px;left:50%;transform:translateX(-50%);background:#315d47ed;color:white;border-radius:30px;padding:10px 20px;font-size:11px;pointer-events:none}.version{position:fixed;right:20px;bottom:5px;font-size:8px;opacity:.5}@media(max-width:800px){.activityList{font-size:8px;gap:5px;padding:8px;margin-top:8px}.waterHUD{right:12px;top:85px;padding:10px;font-size:8px}.waterHUD b{font-size:14px}.hintBubble{top:auto;bottom:200px;font-size:9px;max-width:80%;text-align:center}.actionButton{position:fixed;right:15px;bottom:105px;max-width:130px}.mission p{display:none}.care{display:none}}
.scoreHUD{position:fixed;right:35px;top:190px;background:#fff9e9ed;border-radius:14px;padding:15px 20px;min-width:147px;font-size:9px;letter-spacing:1px}.scoreHUD b{display:block;font-size:28px;color:#467450;margin-top:6px}.scorePop{position:fixed;color:#247a47;font-weight:800;font-size:20px;pointer-events:none;text-shadow:0 1px 3px white;transform:translate(-50%,-50%)}.rotateCar{position:fixed;right:35px;top:285px;border-radius:12px;background:#315d47;color:white;padding:12px 20px;font-size:11px}@media(max-width:800px){.scoreHUD{right:12px;top:152px;min-width:90px;padding:10px}.scoreHUD b{font-size:20px}.rotateCar{right:12px;top:225px;font-size:9px;padding:10px}}
.mission{background:linear-gradient(110deg,#f8f9f0ee,#f8f9f0c9);padding:22px;border:1px solid #ffffff80;border-radius:20px;top:128px;width:245px;left:25px;box-shadow:0 15px 50px #253e2212;backdrop-filter:blur(12px)}h1{font-size:35px;margin:12px 0}.mission p{font-size:10px}.activityList{background:#ffffff80}.eyebrow{font-size:7px}.stats b{font-variant-numeric:tabular-nums}.mission .stats{padding:15px 0}.location{background:#f8f9efbd;padding:10px 15px;border-radius:8px}.vignette{box-shadow:inset 0 0 130px #172e2422}#game{filter:saturate(1.08) contrast(1.02)}@media(max-width:800px){.mission{top:85px;left:10px;width:160px;padding:12px;background:#f8f9f0d6}h1{font-size:24px}.mission .eyebrow{display:none}.mission .stats{padding:9px 0}}
/* Overhead arcade composition based on the supplied gameplay clip. */
header{top:16px;left:20px;right:20px}.brand{font-size:16px;letter-spacing:1px}.logo{font-size:28px}.job{padding:10px 20px}.mission{top:86px;left:18px;width:198px;padding:14px;border:2px solid #29372a;box-shadow:3px 4px 0 #1e2a2220;background:#f6f9e9ee;border-radius:15px}.mission>.eyebrow,.mission h1,.mission>p,.care{display:none}.activityList{margin-top:0;padding:8px;background:#e4edd8}.mission .progressTitle{margin-top:12px}.track{height:11px;background:#27314c;border:1px solid #243524}.track i{background:#6ec9ec}.stats b{font-size:19px}.waterHUD,.scoreHUD{border:2px solid #2c3a2b;padding:10px 15px;background:#f5f9e5ed}.waterHUD{top:86px}.scoreHUD{top:163px}.rotateCar{top:248px;border:2px solid #233728}.tools{border:2px solid #263d32;background:#f2f8e4e8}.tools button.selected{background:#2b718a}.hintBubble{border:2px solid #253d35;top:78px;max-width:45%;font-size:9px}.location{bottom:140px}.vignette{box-shadow:inset 0 0 80px #162f2812}#game{filter:saturate(1.16) contrast(1.04)}@media(max-width:800px){.mission{top:83px;width:142px;left:8px;padding:8px}.activityList{font-size:8px}.stats small{font-size:6px}.stats b{font-size:14px}.waterHUD{top:85px}.scoreHUD{top:154px}.rotateCar{top:224px}.hintBubble{top:auto;bottom:190px;max-width:90%;font-size:8px}}
.cropTag{position:fixed;z-index:8;transform:translate(-50%,-100%);width:100px;background:#fffceded;border:1px solid #8bb369;border-radius:10px;padding:5px 7px;text-align:center;box-shadow:0 3px 8px #233b2926;font:600 10px sans-serif;color:#33573c;pointer-events:none}.cropTag small{display:block;font-size:9px;margin:2px 0}.cropTag i{display:block;height:4px;background:#dce5c8;border-radius:6px;overflow:hidden}.cropTag i b{display:block;height:100%;background:#58a651}.cropTag button{pointer-events:auto;cursor:pointer;border:0;border-radius:7px;background:#e9b939;color:#354826;font:700 11px sans-serif;padding:5px;width:100%;margin-top:3px}.cropCoin{position:fixed;z-index:100;pointer-events:none;color:#ffd050;text-shadow:0 2px 3px #284b2f;font:bold 21px sans-serif}
#toast{pointer-events:none}
.cropTag.compact{width:44px;padding:3px;font-size:9px}.cropTag.compact span,.cropTag.compact small{display:none}.cropTag.compact button{font-size:10px;padding:4px 0}

.wardrobeButton{position:fixed;top:24px;right:125px;z-index:25;background:#fff9e9;border:2px solid #708e68;border-radius:24px;padding:12px 18px;color:#355b42;font-weight:700;cursor:pointer}.wardrobe{position:fixed;inset:0;z-index:100;background:#192e46aa;display:grid;place-items:center;padding:15px;backdrop-filter:blur(8px)}.wardrobe.hidden{display:none}.wardrobe section{background:#fffaf0;border-radius:24px;max-width:780px;width:100%;max-height:94vh;overflow:auto;padding:24px;box-shadow:0 24px 80px #15283b66}.closetHeading{display:flex;justify-content:space-between;align-items:center}.closetHeading h2{margin:8px 0 16px;color:#304e57;font-size:26px}.closetHeading small{letter-spacing:2px;color:#947040}.closetHeading button{border:0;background:#e8e7dc;border-radius:50%;width:38px;height:38px;cursor:pointer}.closetLayout{display:grid;grid-template-columns:260px 1fr;gap:25px}#avatarPreview{background:radial-gradient(#e7e9f6,#b4c4d6);border-radius:20px;width:260px;height:360px}#avatarControls{display:grid;grid-template-columns:1fr 1fr;gap:10px}#avatarControls label{font-size:12px;font-weight:600;color:#3b5557;display:flex;flex-direction:column;gap:5px}#avatarControls input[type=color]{width:100%;height:30px;border:0;background:#ecece3;border-radius:6px}#avatarControls select{padding:7px;border:1px solid #d0d8c5;border-radius:6px;background:white}#avatarControls input[type=checkbox]{align-self:flex-start}.wardrobe p{font-size:12px;color:#788878}.inCity .mission,.inCity .tools,.inCity .scoreHUD,.inCity .rotateCar{display:none}@media(max-width:650px){.wardrobeButton{right:110px;top:16px;padding:9px}.closetLayout{grid-template-columns:1fr}.closetLayout canvas{margin:auto;width:180px!important;height:250px!important}#avatarControls{gap:8px}.wardrobe section{padding:16px}}
#avatarPreview{position:relative!important;inset:auto!important;display:block;touch-action:auto}.inCity .job{display:none}

.furnitureButton{display:none;position:fixed;top:80px;right:24px;z-index:30;background:#fff7dd;color:#355b42;border:2px solid #739477;border-radius:24px;padding:12px 18px;font-weight:700;cursor:pointer}.inHouse .furnitureButton{display:block}.inHouse .mission,.inHouse .tools,.inHouse .scoreHUD,.inHouse .rotateCar,.inHouse .job,.inHouse .actionButton{display:none}.homeShop{position:fixed;inset:0;z-index:90;background:#1a344d88;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.homeShop.hidden{display:none}.homeShop section{background:#fff9ee;border-radius:22px;padding:24px;width:min(680px,95vw);max-height:90vh;overflow:auto}.homeShop p{color:#668170;font-size:13px}#furnitureCards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}#furnitureCards article{padding:16px;border:1px solid #d7dccb;border-radius:14px;display:grid;gap:8px}#furnitureCards small{color:#947248}#furnitureCards button{border:0;border-radius:8px;background:#3f6b58;color:white;padding:10px;cursor:pointer}#furnitureCards button+button{background:#e4e5d5;color:#3f6250}
.inHouse .waterHUD{display:none}

.floorHelp{display:none;position:fixed;left:20px;top:90px;padding:15px;background:#fff9e8ed;border-radius:14px;color:#4f6c58;font:12px/1.8 sans-serif;z-index:10}.inHouse .floorHelp{display:block}@media(max-width:600px){.floorHelp{font-size:10px;top:120px;max-width:150px}}

.viewButton{position:fixed;bottom:118px;right:24px;z-index:24;background:#fff8e9ee;color:#395847;border:1px solid #8d9e7c;border-radius:18px;padding:10px 15px;font-size:12px;font-weight:700;cursor:pointer}@media(max-width:650px){.viewButton{bottom:145px;right:14px;padding:8px 10px}}

.fishButton{display:none;position:fixed;bottom:170px;left:50%;transform:translateX(-50%);z-index:25;border:2px solid #d6c99b;border-radius:20px;background:#2c6976;color:#fff8db;font-weight:700;padding:14px 24px;cursor:pointer}.fishPanel{display:none;position:fixed;bottom:225px;left:50%;transform:translateX(-50%);z-index:23;background:#fff9e8ed;color:#3d6263;padding:10px 16px;border-radius:12px;font-size:12px}.exploreButton{position:fixed;bottom:165px;right:24px;z-index:23;border:1px solid #8d9e7c;border-radius:18px;background:#fff8e9ee;color:#395847;padding:10px 15px;font-weight:700;cursor:pointer}@media(max-width:650px){.fishButton{bottom:210px;padding:12px 18px}.fishPanel{bottom:260px;width:240px;text-align:center}.exploreButton{bottom:190px;right:14px}}