@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#fff9ed;background:#211b38;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #ffffff24;background:#302843;border-radius:12px;padding:11px 15px;transition:background .15s,transform .15s}button:hover{background:#443555;transform:translateY(-2px)}button:focus-visible,input:focus-visible{outline:3px solid #dcff8b;outline-offset:3px}button:disabled{opacity:.5;cursor:default;transform:none}button[hidden],[hidden]{display:none!important}#game{width:100%;height:100dvh;position:relative}#world{width:100%;height:100%;display:block;touch-action:none}header{position:absolute;top:0;left:0;right:0;padding:27px 32px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}header button{pointer-events:auto}.brand{font-family:'Space Grotesk',sans-serif;font-size:29px;font-weight:700;letter-spacing:-1.7px;color:#272239}.brand em{color:#7761c8;font-style:normal}.brand>span{display:block;font:600 11px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:5px;color:#55566c}.top-actions{display:flex;gap:8px;align-items:center}.top-actions>span{font-size:12px;color:#51556a;margin-right:10px}.top-actions button{background:#fbf9f0dd;color:#342a45;border:1px solid #33284a18;font-size:13px}.pet-panel,.mission-panel{position:absolute;top:118px;background:#261e38ed;border:1px solid #ffffff12;border-radius:22px;padding:23px;box-shadow:0 12px 40px #231c3320;backdrop-filter:blur(16px)}.pet-panel{left:28px;width:265px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#bbb0cf}.pet-title h1{font-family:'Space Grotesk',sans-serif;font-size:36px;margin:12px 0 3px;letter-spacing:-1.5px}.pet-title>span{color:#dcff8b;font-size:13px}#petThought{font-size:13px;line-height:1.6;color:#bfb4cf;margin-bottom:22px}.trait{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px;margin:15px 0}.track{grid-column:1/3;background:#ffffff12;height:6px;border-radius:9px;overflow:hidden}.track i{display:block;height:100%;border-radius:9px;transition:width .6s}.bond{display:flex;gap:10px;align-items:center;margin-top:24px;font-size:12px;color:#ddd1ef}.bond-track{background:#ffffff15;height:5px;flex:1;border-radius:4px}.bond-track i{background:#ef9ebc;height:100%;display:block;border-radius:4px}.small{background:none;border:none;padding:12px 0 0;font-size:12px;color:#ad9bbb}.mission-panel{right:28px;width:280px}.mission-panel h2{font-family:'Space Grotesk';font-size:22px;line-height:1.2;letter-spacing:-.6px;margin:12px 0}.mission-panel p{font-size:14px;color:#c3b9d2;line-height:1.6}.primary{background:#dfff95!important;color:#25301b;border:0;font-weight:700;width:100%;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#d0ff70!important}.mission-panel .primary{font-size:13px;margin-top:20px}#missionStats{font-size:23px;color:#dcff8b;font-family:'Space Grotesk';padding:10px 0}#cancelMission{font-size:12px}.bubble{position:absolute;pointer-events:none;transform:translate(-50%,-110%);padding:11px 17px;background:#fff9f0;color:#342b42;border-radius:15px;box-shadow:0 6px 20px #372e3920;font-size:13px;font-weight:600;max-width:240px;text-align:center;transition:opacity .2s;z-index:3}.bubble:after{content:'';position:absolute;bottom:-6px;left:48%;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff9f0}footer{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 48px));padding:0 0 20px}.controls{display:flex;justify-content:center;gap:20px;font-size:12px;color:#373b41;margin-bottom:14px;text-shadow:0 1px 6px #ffffff}kbd{font-family:inherit;font-size:10px;background:#ffffffa8;border:1px solid #ffffffa8;border-radius:4px;padding:3px 5px;margin-right:4px}nav{background:#261e38f2;display:grid;grid-template-columns:repeat(4,1fr);padding:8px;gap:6px;border-radius:20px;box-shadow:0 10px 30px #21172b40}nav button{display:flex;gap:12px;text-align:left;align-items:center;background:transparent;border-color:transparent;padding:13px 9px}nav b{font:500 19px 'Space Grotesk';color:#dfff95;background:#ffffff09;padding:8px 11px;border-radius:10px}nav span{font-size:14px;font-weight:600}nav small{display:block;color:#ab9dbc;font-size:11px;font-weight:400;margin-top:5px}.bottom-line{display:flex;justify-content:space-between;align-items:center;color:#343742;font-size:12px;margin-top:9px}.bottom-line button{padding:5px 10px;color:#343742;background:#faf9efbb;font-size:12px}.bottom-line button span{background:#d9e8c5;padding:1px 5px;border-radius:5px;margin-left:5px}.reaction{position:absolute;bottom:190px;left:50%;transform:translateX(-50%);background:#211a32ef;border:1px solid #efb5cf60;border-radius:17px;padding:14px 17px;text-align:center;min-width:310px;box-shadow:0 10px 40px #24182b30}.reaction>span{display:block;font-size:13px;margin-bottom:10px}.reaction>div{display:flex;gap:8px}.reaction button{font-size:13px;flex:1}.reaction kbd{background:#ffffff16;border:none;color:#fff}.good{background:#704b81}.overlay{position:absolute;inset:0;background:#231c3a70;backdrop-filter:blur(7px);display:grid;place-items:center;z-index:10}.modal,dialog{border:1px solid #ffffff20;border-radius:28px;background:#261e38;color:#fff8ed;box-shadow:0 24px 100px #1d142955;width:min(490px,calc(100% - 32px));padding:38px}.intro h2{font-family:'Space Grotesk';font-size:48px;line-height:1.05;letter-spacing:-2.5px;margin:23px 0}.intro h2 em{font-style:normal;color:#dfff95}.intro p{color:#c8bcd6;line-height:1.7;font-size:15px}.intro ol{padding-left:20px;font-size:13px;line-height:1.6;margin:23px 0 26px;color:#c8bcd6}.intro li{margin:12px 0}.intro b{color:#fff8ed}.intro .fine{font-size:11px;text-align:center;margin-bottom:0;color:#a99bb9}.dialog-head{display:flex;align-items:center;gap:10px;justify-content:space-between}dialog h2{font-family:'Space Grotesk';font-size:28px;letter-spacing:-1px}dialog::backdrop{background:#20153099;backdrop-filter:blur(6px)}dialog p{line-height:1.7;color:#c7bad4}dialog ul{padding:0;list-style:none;max-height:40vh;overflow:auto}dialog li{padding:13px 0;border-top:1px solid #ffffff18;font-size:14px;line-height:1.5}dialog input{display:block;width:100%;padding:13px;background:#ffffff10;border:1px solid #ffffff30;border-radius:10px;color:white;margin-bottom:18px}#toast{position:absolute;top:85px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:30px;background:#fff9ee;color:#473652;font-size:13px;opacity:0;pointer-events:none;z-index:11;transition:opacity .2s;max-width:80%;text-align:center}.mobile-move{display:none}.dialog-head button{padding:7px 12px;font-size:23px}
@media(max-width:1000px){header{padding:18px}.pet-panel{top:94px;left:16px;width:205px;padding:17px}.mission-panel{top:94px;right:16px;width:225px;padding:17px}.top-actions>span{display:none}.pet-title h1{font-size:29px}.pet-panel .eyebrow{font-size:9px}.pet-panel p{margin-bottom:10px}.trait{margin:9px 0}.bond{margin-top:14px}}
@media(max-width:680px){header{padding:14px}.brand{font-size:23px}.brand>span{font-size:8px;letter-spacing:2px}.top-actions{gap:4px}.top-actions button{font-size:11px;padding:8px}.pet-panel{top:78px;left:10px;width:155px;padding:13px;border-radius:15px}.pet-panel .eyebrow,.pet-panel #petThought,.bond,.small{display:none}.pet-title h1{font-size:24px;margin-top:0}.pet-title>span{font-size:10px}.trait{font-size:10px;gap:4px;margin:8px 0}.track{height:4px}.mission-panel{top:78px;right:10px;width:166px;padding:13px;border-radius:15px}.mission-panel .eyebrow{font-size:8px}.mission-panel h2{font-size:17px;margin:8px 0}.mission-panel p{font-size:11px;line-height:1.4;margin:5px 0}.mission-panel .primary{padding:9px;font-size:11px;margin-top:10px}footer{width:calc(100% - 20px);padding-bottom:12px}.controls{display:none}nav{grid-template-columns:repeat(4,1fr);gap:2px;padding:5px;border-radius:15px}nav button{padding:10px 3px;display:block;text-align:center}nav b{display:none}nav span{font-size:11px}nav small{font-size:9px;margin-top:4px}.bottom-line{font-size:9px}.bottom-line button{font-size:10px}.reaction{bottom:124px;min-width:280px}.mobile-move{display:block;position:absolute;left:14px;bottom:127px;text-align:center}.mobile-move button{padding:8px 13px;background:#302843b0;touch-action:none}.mobile-move div{display:flex;gap:2px;margin-top:2px}.reaction:not([hidden])~.mobile-move{display:none}.intro{padding:28px}.intro h2{font-size:40px}.intro p{font-size:13px}.intro ol{font-size:12px}.bubble{font-size:11px;max-width:170px}.top-actions #sound{display:none}#toast{top:54px;font-size:11px}}
#wallet{background:#fff7dbe0;color:#54432f;border-radius:12px;padding:10px 14px;font-size:13px;white-space:nowrap}.job-list{display:grid;gap:10px}.job-list button{display:block;text-align:left;padding:18px;background:#ffffff08}.job-list small{display:block;color:#dfff95;font-size:11px;letter-spacing:1px}.job-list b{display:block;font:600 21px 'Space Grotesk';margin:8px 0}.job-list span{display:block;font-size:13px;line-height:1.5;color:#c9bfd4}#jobBoard{max-height:88dvh;overflow:auto}#jobAction{position:absolute;bottom:178px;left:50%;transform:translateX(-50%);background:#261e38f2;border-radius:17px;padding:16px;width:330px;text-align:center;border:1px solid #dfff9540}#jobStep{font-size:13px;color:#cbbbd9;margin-bottom:8px}#work{width:100%;background:#dcff95;color:#293122;font-weight:700;touch-action:none;user-select:none}.job-track{height:5px;background:#ffffff20;border-radius:5px;margin:12px 0 8px}.job-track i{display:block;width:0;height:100%;background:#dfff95;border-radius:5px}#jobRange{font-size:11px;color:#ccc0d8}@media(max-width:680px){#wallet{font-size:10px;padding:8px}.top-actions #help{display:none}#jobAction{bottom:115px;width:260px;left:62%;padding:12px}.job-list button{padding:12px}.job-list b{font-size:18px}.job-list span{font-size:12px}}
#level{color:#423654;font-size:12px;white-space:nowrap}#exploreHUD{position:absolute;right:28px;bottom:185px;width:190px;background:#261e38ed;border:1px solid #ffffff20;border-radius:18px;padding:12px;text-align:center}#district{font:600 15px 'Space Grotesk';margin:2px 0 9px}#minimap{width:100%;height:auto;border-radius:12px;background:#839e8a}#distance{font-size:12px;color:#dfff95;margin:7px 0}#exploreHUD button{display:block;width:100%;font-size:12px;padding:8px;margin-top:5px}#timingGauge{position:relative;height:12px;background:linear-gradient(to right,#e68b9b 0%,#e68b9b 30%,#dfff95 30%,#dfff95 75%,#e68b9b 75%);border-radius:8px;margin-bottom:12px}#timingNeedle{position:absolute;top:-3px;width:4px;height:18px;background:white;border:1px solid #36294a;border-radius:4px;left:50%}.mission-panel{top:104px}.pet-panel{top:104px}.job-list{grid-template-columns:1fr 1fr}#jobBoard{width:min(760px,calc(100% - 30px))}.job-list button small{font-size:10px}.job-list button span{font-size:12px}#upgradeShop .job-list{grid-template-columns:1fr}@media(max-width:1050px){#exploreHUD{width:145px;right:14px;bottom:180px}#minimap{width:105px}#exploreHUD button{font-size:10px;padding:6px}.pet-panel{width:190px}.mission-panel{width:220px}}@media(max-width:680px){#exploreHUD{right:9px;bottom:114px;width:105px;padding:7px}#minimap{width:85px}#district{font-size:11px}#distance{font-size:9px}#exploreHUD button{font-size:9px}#jobAction{left:42%;width:210px;bottom:116px}#jobRange{font-size:9px}#work{font-size:11px;padding:8px}#level{font-size:9px}.top-actions{gap:3px}.top-actions #help{display:none}.pet-panel{top:75px;width:150px}.mission-panel{top:75px;width:165px}.job-list{grid-template-columns:1fr}.mobile-move{bottom:340px}.brand{font-size:20px}.brand>span{font-size:7px;letter-spacing:1px}}
#mood{color:#f4c8e4;font-size:13px;margin:9px 0}#needs{font-size:11px;color:#bfb4d0;line-height:1.6}.care-buttons{display:flex;gap:4px;margin:10px 0}.care-buttons button{font-size:11px;padding:7px 9px;flex:1}.pet-panel{padding:16px}.pet-panel #petThought{margin:10px 0}.pet-panel .bond{margin-top:12px}.trait{margin:9px 0}.special-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:9px 0}.special-buttons button{padding:9px;min-width:50px}.special-note{font-size:12px;line-height:1.5;color:#d9c8e7}.tension{height:9px;background:linear-gradient(to right,#a5d4dd,#dbff95 35%,#f0b17f 70%,#e57386 90%);border-radius:8px;margin:10px 0;position:relative}.tension i{height:15px;width:4px;position:absolute;top:-3px;background:white}#jobAction{width:365px}#work{white-space:normal}#bakeryBusiness>button{margin-top:12px;width:100%}.pet-panel #rename{padding-top:6px}#npcChoices{grid-template-columns:1fr}#heistPlan{width:min(650px,calc(100% - 30px))}@media(max-width:680px){.care-buttons button{padding:5px;font-size:9px}#mood{font-size:10px}#needs{font-size:9px}.pet-panel{padding:10px}.pet-panel .trait{display:none}.care-buttons{margin-bottom:0}#jobAction{width:230px;left:40%;bottom:120px}.special-note{font-size:10px}.special-buttons button{font-size:11px;min-width:35px;padding:7px}#exploreHUD{bottom:115px}.mobile-move{bottom:390px}}
/* Playability layout: each HUD occupies its own bounded region. */
:root{--left-hud:260px;--right-hud:300px;--hud-gap:16px;--hud-top:88px}
body{font-size:16px}header{height:76px;padding:16px 20px;align-items:center;background:linear-gradient(#eef3e9f5,#eef3e9d9);z-index:6}.brand{font-size:27px}.brand>span{font-size:10px;letter-spacing:1.8px}.top-actions>span{display:none}.top-actions button{font-size:14px;padding:10px 12px}#toggleMochi{display:none}
.pet-panel{left:16px;top:var(--hud-top);width:var(--left-hud);max-height:calc(100dvh - var(--hud-top) - 16px);overflow:auto;padding:18px;background:#272237;border:1px solid #74698380;z-index:4}.pet-title h1{font-size:32px}.pet-title>span,#mood{font-size:14px}.pet-panel #petThought,#needs{font-size:14px;line-height:1.5}.pet-panel .eyebrow{font-size:11px;letter-spacing:1.5px}.care-buttons button{font-size:14px;padding:9px 7px}.trait{font-size:14px;margin:12px 0}.bond{font-size:14px}.small{font-size:14px}
#rightRail{position:absolute;right:16px;top:var(--hud-top);bottom:16px;width:var(--right-hud);display:flex;flex-direction:column;gap:12px;overflow:auto;z-index:4;scrollbar-width:thin;pointer-events:auto}.mission-panel{position:static;inset:auto;transform:none;width:100%;padding:20px;flex:0 0 auto;background:#272237;border:1px solid #74698380;box-shadow:none}.mission-panel .eyebrow{font-size:11px}.mission-panel h2{font-size:23px;line-height:1.2;margin:12px 0}.mission-panel p{font-size:16px;line-height:1.5;color:#e4daef}.mission-panel .primary{font-size:15px;margin-top:14px}#missionStats{font-size:20px}#cancelMission{font-size:14px;padding:9px 12px}
#mapTools{flex:0 0 auto;border-radius:16px;background:#272237;border:1px solid #74698380;overflow:hidden}#mapTools>summary{cursor:pointer;font-weight:600;padding:15px 18px;font-size:15px;list-style-position:inside}#exploreHUD{position:static;inset:auto;transform:none;width:100%;padding:0 16px 16px;background:transparent;border:none;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;gap:7px}#district{grid-column:1/-1;font-size:16px;margin:0}#minimap{width:140px;height:140px;grid-column:1/-1;margin:0 auto}#distance{grid-column:1/-1;font-size:14px;margin:2px}#exploreHUD button{width:100%;font-size:13px;margin:0;padding:10px 7px;line-height:1.3;min-height:42px}
#centerDock{position:absolute;left:calc(var(--left-hud) + 32px);right:calc(var(--right-hud) + 32px);bottom:14px;display:flex;flex-direction:column;align-items:center;gap:10px;max-height:calc(100dvh - var(--hud-top) - 12px);overflow:auto;z-index:5;pointer-events:none}#centerDock>*{pointer-events:auto;flex:0 0 auto}#jobAction,.reaction{position:static;inset:auto;transform:none;width:min(100%,520px);min-width:0;margin:0;background:#272237;border:1px solid #8f7ca580;padding:16px;box-shadow:0 8px 24px #1d192638}#jobStep{font-size:15px;margin:0 0 10px;color:#dfff95;font-weight:700}#jobRange{display:block;font-size:14px;line-height:1.5;color:#dfd4eb}#work{font-size:16px;min-height:46px;padding:12px}.special-note{font-size:15px;line-height:1.5;color:#eee5f5;margin:8px 0}.special-buttons button{font-size:16px;min-height:44px;padding:10px 16px}.reaction>span,.reaction button{font-size:15px}.route-button{font-size:14px;margin-bottom:8px;background:#514368;padding:8px 12px}.job-track{margin:10px 0}.job-track i{transition:width .08s linear}#timingGauge{margin:12px 0}
footer{position:static;inset:auto;transform:none;width:100%;padding:0}.controls{color:#f5f0fc;background:#272237ed;border-radius:10px;padding:8px;gap:12px;flex-wrap:wrap;font-size:13px;text-shadow:none;margin-bottom:8px}.controls kbd{background:#534660;color:white;border:0}nav{grid-template-columns:repeat(4,1fr);border-radius:14px;padding:5px;gap:2px}nav button{padding:9px 5px;gap:6px;min-height:53px}nav b{font-size:15px;padding:5px}nav span{font-size:13px}nav small{display:none}.bottom-line{margin:6px 0 0;justify-content:flex-end}.bottom-line>span{display:none}.bottom-line button{font-size:13px;background:#faf7ee;color:#342940;padding:7px 12px}.bubble{max-width:250px;font-size:14px;z-index:2}#toast{top:80px;font-size:14px;z-index:8}.mobile-move{z-index:5}.primary{min-height:44px}.job-list span{font-size:14px}.job-list b{font-size:21px}
@media(max-width:1200px){:root{--left-hud:220px;--right-hud:270px}.pet-panel{padding:14px}.pet-panel #petThought{display:none}.pet-title h1{font-size:28px}.trait{margin:9px 0}.mission-panel{padding:16px}.mission-panel h2{font-size:21px}nav b{display:none}nav span{font-size:12px}.controls span:nth-child(2){display:none}}
@media(max-width:1000px){:root{--left-hud:0px;--right-hud:270px}#toggleMochi{display:block}.pet-panel{display:none;width:260px;z-index:9;box-shadow:0 15px 45px #1119}#game.pet-open .pet-panel{display:block}#centerDock{left:16px}.brand{font-size:23px}.brand>span{font-size:9px}#save{display:none}}
@media(max-width:700px){:root{--hud-top:72px}header{height:64px;padding:8px 12px}.brand{font-size:21px}.brand>span{font-size:8px;letter-spacing:.6px}.top-actions #sound,.top-actions #help{display:none}.top-actions button{font-size:12px;padding:8px}#wallet,#level{font-size:11px;padding:6px}#rightRail{top:72px;left:10px;right:10px;bottom:auto;width:auto;max-height:34dvh;gap:6px}.mission-panel{padding:12px 14px}.mission-panel h2{font-size:18px;margin:6px 0}.mission-panel p{font-size:14px;line-height:1.4;margin:6px 0}.mission-panel .eyebrow{font-size:10px}.mission-panel .primary{font-size:14px;margin-top:8px;min-height:40px}#missionStats{font-size:16px;padding:4px 0}#cancelMission{font-size:12px;min-height:34px;padding:6px 10px}#mapTools>summary{font-size:14px;padding:10px 14px}#exploreHUD{grid-template-columns:repeat(3,1fr);padding:10px}#district,#minimap,#distance{grid-column:1/-1}#minimap{width:110px;height:110px}#centerDock{left:10px;right:10px;bottom:10px;max-height:48dvh;gap:6px}#jobAction,.reaction{padding:12px;width:100%}.special-note{font-size:14px}#jobRange{font-size:12px}.route-button{font-size:12px;padding:6px 10px}#jobStep{font-size:14px;margin-bottom:6px}.special-buttons{margin:6px 0}.special-buttons button{font-size:15px;padding:8px 15px}#work{font-size:14px;min-height:42px}.controls{display:none}nav{grid-template-columns:repeat(4,1fr)}nav button{padding:7px 3px;min-height:43px}nav span{font-size:12px}#centerDock:has(#jobAction:not([hidden])) footer nav{display:none}.bottom-line{margin-top:4px}.bottom-line button{font-size:12px;padding:5px 10px}.pet-panel{top:72px;left:10px;max-height:75dvh}.pet-panel .trait{display:grid}.pet-panel .bond,.pet-panel .small{display:flex}.mobile-move{left:12px;bottom:51dvh}.bubble{max-width:190px;font-size:12px}#toast{top:65px}.modal,dialog{padding:24px}.intro h2{font-size:35px}.intro ol{font-size:14px}.intro p{font-size:14px}}
@media(max-height:720px) and (min-width:701px){:root{--hud-top:72px}header{height:62px}#rightRail{gap:8px}.pet-panel .eyebrow,.pet-panel #petThought{display:none}.pet-title h1{font-size:26px;margin:4px 0}.pet-panel{padding:12px}.trait{margin:7px 0}.mission-panel{padding:14px}.mission-panel h2{font-size:20px}#jobAction{padding:12px}#jobRange{font-size:13px}.special-note{font-size:14px}#centerDock:has(#jobAction:not([hidden])) footer nav{display:none}.controls{padding:5px;margin:0}#minimap{width:105px;height:105px}}
#mochiCommands{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:12px 0;margin:12px 0}#mochiCommands>b{color:#e2ffa4;font-size:16px}.mochi-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.mochi-command-grid button{padding:10px 6px;font-size:14px;min-height:43px;background:#4b3c64}#fetchCommand{background:#dfff95;color:#24351a;font-weight:bold}#commandStatus{font-size:14px;line-height:1.5;color:#fff3da;margin:10px 0}#skillStatus{font-size:14px;color:#c9b6e4;margin:0}.pet-panel .trait{margin:6px 0}.pet-panel .trait .track{height:4px}#treasureBox{max-height:80dvh;overflow:auto}@media(max-width:1000px){#toggleMochi{background:#dfff95;color:#24351a}}
#crimeHUD{border-color:#ef9c8877}#crimeStatus{display:block;padding:12px;border-radius:10px;background:#493348;color:#ffe2a7;font-size:16px;line-height:1.4}#pickpocketCommand{background:#684664}#crimeHUD .care-buttons button{font-size:14px}#crimeHUD .eyebrow{color:#ffb4ad}
/* Living Mochi: compact controls, readable information, and an open play area. */
:root{--left-hud:248px;--right-hud:272px}
#personalityDetails{margin-top:12px;border-top:1px solid #ffffff30;padding-top:12px}summary{cursor:pointer}#personalityDetails summary{font-size:15px;font-weight:600}#unlockStatus{font-size:14px;line-height:1.5;color:#dfff95}
#liveCommand,#driveReadout{margin:0;background:#211a32f5;border:1px solid #ffffff35;padding:10px 16px;border-radius:12px;font-size:15px;line-height:1.4;text-align:center;max-width:560px;width:100%;color:#fff9ed}#driveReadout{color:#dfff95}#liveCommand:empty{display:none}
#focusView{display:block}.focus-view .pet-panel,.focus-view #rightRail{display:none}.focus-view #centerDock{left:max(16px,calc(50% - 310px));right:max(16px,calc(50% - 310px))}.focus-view.pet-open .pet-panel{display:block}#toggleMochi{display:block}
.pet-panel{box-shadow:0 8px 32px #15102633}.pet-panel .eyebrow{display:none}.pet-title h1{margin-top:0}.pet-panel #petThought{color:#eee2fa;margin:8px 0}#mochiCommands{margin:8px 0;padding:10px 0}.mochi-command-grid button{background:#463456;min-height:44px}.mochi-command-grid button:hover{background:#604777}#fetchCommand{background:#dfff95}.mission-panel .eyebrow{font-size:12px;letter-spacing:1px}.mission-panel h2{font-size:22px}.mission-panel p{margin:8px 0}#rightRail{bottom:18px}#mapTools:not([open]){box-shadow:0 5px 20px #15102622}
#centerDock:has(#jobAction:not([hidden])) footer nav,#centerDock:has(.reaction:not([hidden])) footer nav{display:none}#centerDock:has(#jobAction:not([hidden])) #liveCommand{display:none}#hint{display:none}nav span{font-size:14px}kbd{font-size:12px}.job-list button span{font-size:15px}.job-list button small{font-size:12px}dialog{max-height:85dvh;overflow:auto}dialog p,.intro p,.intro ol{font-size:16px}.intro .fine{font-size:13px}#homeRoom>button{margin:6px}.bubble{max-width:260px;font-size:15px}
@media(min-width:1001px){#game:not(.pet-open) .pet-panel{display:none}#game:not(.pet-open) #centerDock{left:24px;max-width:620px;margin-left:auto}#game.focus-view #centerDock{max-width:none}}
@media(max-width:700px){header{flex-wrap:wrap;height:94px;align-content:center;gap:5px}.brand>span{font-size:10px}.brand{font-size:22px}.top-actions{gap:4px;flex-wrap:wrap}#focusView{font-size:12px}#rightRail,.pet-panel{top:102px}#rightRail{max-height:30dvh}#centerDock{max-height:43dvh}#liveCommand,#driveReadout{font-size:14px;padding:8px 12px}.mobile-move{bottom:44dvh}.focus-view #centerDock{left:10px;right:10px}.pet-panel{width:min(300px,calc(100vw - 20px));max-height:65dvh}.pet-panel .pet-title>span,#mood,#needs{font-size:14px}.care-buttons button{font-size:14px}#exploreHUD button{font-size:14px}.mission-panel h2{font-size:20px}.mission-panel p{font-size:15px}#toast{top:98px}.bubble{font-size:14px}#game:not(.pet-open) .pet-panel{display:none}}
@media(prefers-reduced-motion:reduce){button,.track i,.bubble,.job-track i{transition:none}}

@media(max-width:700px){nav span{font-size:14px}.mobile-move button{min-width:44px;min-height:44px}#touchBrake{background:#754452;margin-bottom:6px}}

.indoors .pet-panel,.indoors #rightRail,.indoors #centerDock,.indoors #bubble,.indoors #toast{display:none!important}.indoors header{background:#211c30f2}.indoors .brand,.indoors #level{color:#fff4df}.indoors .brand>span{color:#c5b9df}.indoors #toggleMochi,.indoors #focusView{display:none}#insideHUD{position:absolute;left:20px;right:20px;bottom:18px;background:#282137f5;border:1px solid #9485aa;border-radius:18px;padding:16px 22px;display:grid;grid-template-columns:1fr auto;gap:8px 24px;z-index:5;max-height:28dvh;overflow:auto}#insideHUD h2{margin:4px 0;font-size:24px}#insideText{margin:4px 0;line-height:1.5;font-size:16px;max-width:760px}.inside-actions{display:flex;align-items:center;gap:8px}.inside-actions button{min-height:44px}.inside-help{grid-column:1/-1;font-size:14px;margin:0;color:#dbd1e9}#insideGame{position:absolute;right:24px;top:100px;width:min(440px,calc(100% - 48px));max-height:55dvh;overflow:auto;background:#282137fa;border:1px solid #a18bbb;border-radius:18px;padding:22px;z-index:6}#insideGame h2{font-size:23px;margin:0}#insideGame p{font-size:16px;line-height:1.5}#insideChoices{display:flex;gap:8px;flex-wrap:wrap}#insideChoices button{font-size:16px;min-height:44px;background:#56426e}#insideGauge{height:15px;position:relative;background:linear-gradient(to right,#d87f91 35%,#dfff95 35%,#dfff95 70%,#d87f91 70%);border-radius:8px}#insideNeedle{position:absolute;top:-3px;width:4px;height:21px;background:white;border:1px solid #24172e}.indoors .mobile-move{bottom:31dvh}@media(max-width:700px){#insideHUD{left:10px;right:10px;bottom:10px;padding:12px;grid-template-columns:1fr;max-height:30dvh}#insideHUD h2{font-size:20px}.inside-actions{flex-wrap:wrap}#insideText{font-size:14px}.inside-help{display:none}#insideGame{top:105px;right:10px;width:calc(100% - 20px);max-height:45dvh;padding:16px}}

#styleShop{width:min(900px,calc(100% - 24px));max-height:90dvh;padding:24px}#styleTabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.style-layout{display:grid;grid-template-columns:240px 1fr;gap:22px}#styleItems{display:flex;flex-direction:column;gap:8px}#styleItems button{text-align:left;font-size:15px;line-height:1.4}#stylePreview{width:100%;height:240px;border-radius:14px;display:block}#styleName{font-size:24px;margin:14px 0 0}#stylePrice{color:#dfff95}#styleRemove{margin-top:10px;width:100%}#styleStatus{font-size:14px}#openStyles{background:#dfff95;color:#25301b}@media(max-width:700px){.style-layout{grid-template-columns:1fr}#styleItems{flex-direction:row;overflow:auto}#styleItems button{min-width:150px}#styleShop{padding:16px}#styleTabs button{padding:8px;font-size:14px}}

.style-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.style-tools input{flex:1;min-width:160px;margin:0}.style-tools select{font:inherit;background:#352b48;color:#fff4e7;padding:12px;border:1px solid #ffffff40;border-radius:10px}#styleCount,#stylePreviewLabel{font-size:14px;color:#e0d4ef}#styleItems{max-height:65vh;overflow:auto}#styleItems button[aria-pressed="true"]{border-color:#dfff95;background:#4d4263}#styleContents{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}#styleContents p{width:100%;margin:0 0 6px}#styleContents button{font-size:14px;padding:8px}#styleAngle{display:inline-block;width:150px;padding:0;margin:0 0 0 10px;vertical-align:middle}#styleLooks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}#styleLooks button{font-size:14px}#styleShop details{border-top:1px solid #ffffff25;padding-top:12px}#styleFavorite{margin-bottom:8px}@media(max-width:700px){#styleItems{max-height:160px}#styleCount{width:100%}}

.on-expedition .pet-panel,.on-expedition #rightRail,.on-expedition #centerDock,.on-expedition #bubble,.on-expedition #toast,.on-expedition #toggleMochi,.on-expedition #focusView,.on-expedition #openStyles,.on-expedition #help,.on-expedition #openCampaign,.on-expedition #touchBrake{display:none!important}
#campaignHUD{position:absolute;left:20px;bottom:20px;width:min(540px,calc(100% - 40px));max-height:43dvh;overflow:auto;background:#202d3bf5;color:#fff5e4;border:1px solid #c4d2c4;border-radius:18px;padding:18px;z-index:8;box-shadow:0 8px 30px #15233155}#campaignHUD[hidden]{display:none}#campaignHUD h2{font-size:24px;margin:8px 0}#campaignHUD p{font-size:16px;line-height:1.4;margin:7px 0}#campaignHUD small{color:#dce8ed}#campaignTalk{color:#e1ffa9;min-height:1.4em}.campaign-heading,.campaign-actions,#campaignChoices{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.campaign-heading{justify-content:space-between}#campaignHUD button{min-height:44px;background:#405367;color:white;font-size:14px}#campaignWork,#campaignShelter{background:#dfff95!important;color:#203020!important}#campaignProgress{font-size:14px}#campaignChoices[hidden],#campaignNewPacks[hidden]{display:none}.on-expedition .mobile-move{bottom:47dvh}#campaignPrep{max-width:580px;max-height:85dvh;overflow:auto}#campaignPrep p{line-height:1.5}@media(max-width:700px){#campaignHUD{left:10px;bottom:10px;width:calc(100% - 20px);padding:12px;max-height:42dvh}#campaignHUD h2{font-size:20px}#campaignHUD p{font-size:14px}.on-expedition .mobile-move{bottom:45dvh}}

/* In-world adventure HUD and letterboxed, immediately skippable opening. */
#campaignCinema{position:absolute;inset:0;z-index:30;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(#071522e8 0,transparent 23%,transparent 67%,#071522ee 90%);color:#fff5e6}#campaignCinema[hidden]{display:none}.cinema-top{padding:28px 36px;display:flex;justify-content:space-between;align-items:flex-start;font-weight:800;font-size:22px;letter-spacing:.18em}.cinema-top small{font-size:13px;letter-spacing:.23em;color:#edd6aa}.cinema-top button{pointer-events:auto;background:#122d41;color:white;border:1px solid #adc7d5;min-height:48px;letter-spacing:0}.cinema-caption{text-align:center;padding:28px max(20px,calc((100vw - 900px)/2)) 32px;background:#071522d9}.cinema-caption strong{font-size:14px;letter-spacing:.16em;color:#f8d282}.cinema-caption p{font-size:clamp(18px,2.3vw,28px);line-height:1.5;margin:12px 0;color:white;text-shadow:0 2px 8px #000}.cinema-caption small{font-size:13px;color:#a8becb}.campaign-cinema header,.campaign-cinema .mobile-move{visibility:hidden}#campaignHUD{background:#102b3bf5;border-color:#6a8e9d;box-shadow:0 12px 35px #07121a80;width:min(570px,calc(100% - 40px));max-height:46dvh}#campaignHUD h2{font-size:23px;color:#ffdda0}#campaignHUD p{margin:6px 0}#campaignStats{font-weight:700;color:#e3f8d9}#campaignSupplies,#campaignDiscovery{font-size:14px!important;color:#ccdce0}#campaignDanger{font-size:14px!important;border-left:3px solid #7ba9b4;padding-left:9px}#campaignDanger.danger{color:#ffdb8d;border-color:#ffb949}#campaignTalk{border-top:1px solid #ffffff20;padding-top:8px}#campaignTiming{height:17px;margin:12px 4px;background:linear-gradient(to right,#a8545c 30%,#dfff95 30%,#dfff95 75%,#a8545c 75%);position:relative;border-radius:8px}#campaignBeat{position:absolute;width:4px;height:25px;top:-4px;background:white;box-shadow:0 0 0 1px #163040}#campaignSwitches{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}#campaignWire0{border-color:#6bbcf0}#campaignWire1{border-color:#f6cb6c}#campaignWire2{border-color:#a6e78b}#campaignTiming[hidden],#campaignSwitches[hidden],#campaignCatch[hidden],#campaignExplore[hidden]{display:none}#campaignHUD details{margin:8px 0;font-size:14px;color:#c9dce3}.on-expedition .mobile-move{bottom:50dvh}@media(max-width:700px){.cinema-top{padding:20px 14px;font-size:17px;letter-spacing:.1em}.cinema-top button{font-size:14px}.cinema-caption{padding:18px 20px}#campaignHUD{max-height:46dvh;width:calc(100% - 20px)}#campaignHUD h2{font-size:20px}.on-expedition .mobile-move{bottom:49dvh}}

#campaignPermission,#campaignRecap{padding:12px;border:1px solid #e0bb7a;border-radius:12px;background:#223c48;margin:10px 0}#campaignPermission[hidden],#campaignRecap[hidden]{display:none}#campaignActionHint{padding:9px 12px;background:#0a202f;border-radius:8px;color:#f8e4b4}#campaignMochiState{font-size:14px!important;color:#eac5ef}#campaignHUD button:disabled{opacity:.5;cursor:default}#campaignRecap h3{color:#e1ffa9;margin:4px 0}#campaignRegroup{font-size:13px!important}

/* Quiet conversation styling; landmarks use transparent text in the world. */
.bubble{max-width:220px;padding:7px 10px;font-size:14px;font-weight:400;line-height:1.35;border-radius:9px;background:rgba(255,250,240,.9);box-shadow:0 2px 7px #27223912}.bubble:after{bottom:-4px;border-left-width:4px;border-right-width:4px;border-top:4px solid rgba(255,250,240,.9)}

#townConversation.npc-speech{position:absolute;z-index:12;width:max-content;max-width:min(280px,80vw);padding:9px 12px;background:rgba(255,250,240,.94);color:#342b42;border:0;border-radius:10px;box-shadow:0 3px 12px #27223918;transform:translate(-50%,-100%);margin:0;transition:opacity .18s}#townConversation:after{content:'';position:absolute;bottom:-5px;left:calc(50% - 5px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(255,250,240,.94)}#townConversation .dialog-head{display:flex;align-items:center;gap:12px;margin:0}#npcName{font-size:12px;font-weight:600;opacity:.7;margin:0}#npcWords{font-size:14px;line-height:1.4;margin:4px 0}#closeConversation{background:none;border:0;color:#655d6b;padding:2px 6px;min-height:24px;font-size:18px}#npcChoices{display:flex;flex-direction:column;gap:4px;margin:4px 0 0}#npcChoices:empty{display:none}#npcChoices button{font-size:13px;padding:7px 9px;color:#473a59;background:#e9e3ef;border:0;min-height:36px}
/* Mochi Wilds: quiet corners, visible supplies, menus only on demand. */
#wildHUD[hidden],#wildHUD [hidden]{display:none!important}#wildHUD{position:absolute;inset:0;pointer-events:none;z-index:9;color:#fff9ef}#wildHUD button,#wildHUD .wild-panel,#wildPlacement{pointer-events:auto}#wildHUD button{min-height:44px;font-size:14px;background:#243a40f5;color:#fff8ed;border:1px solid #ffffff35;border-radius:10px}#wildHUD button:disabled{opacity:.45;cursor:not-allowed}.wild-status{position:absolute;top:98px;left:20px;display:flex;flex-direction:column;gap:5px;background:#172e35e8;padding:12px 16px;border-radius:12px;max-width:calc(100% - 160px)}.wild-status strong{font-size:17px;color:#f5dc9f}.wild-status span{font-size:14px}#wildGoal{color:#c8e1d0}.wild-top{position:absolute;right:20px;top:100px}.wild-bottom{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 32px));text-align:center}#wildContext{display:inline-block;padding:7px 14px;margin:0 0 8px;background:#142c36de;border-radius:8px;font-size:14px}#wildProgress{display:block;margin:0 auto 8px;width:180px;height:8px;accent-color:#bce6ac}.wild-inventory{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.wild-slot{background:#182f37ed;border:1px solid #ffffff25;border-top:3px solid #c9955e;border-radius:9px;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;gap:6px}.wild-slot span{font-size:14px;color:#e7ede4}.wild-slot strong{font-size:20px}.wild-slot.stone{border-top-color:#bbc5cf}.wild-slot.fiber{border-top-color:#8dcc87}.wild-slot.ore{border-top-color:#8cdce4}.wild-slot.berries{border-top-color:#ec91bd}.wild-slot.fish{border-top-color:#8bd7dc}.wild-actions{display:flex;gap:5px;margin-top:7px;justify-content:center}.wild-actions button{flex:1;padding:8px!important;white-space:nowrap}#wildNotice{position:absolute;top:195px;left:50%;transform:translateX(-50%);padding:10px 17px;border-radius:12px;background:#fffaedee;color:#283b3c;font-size:15px;max-width:min(430px,85%);text-align:center}.wild-panel{position:absolute;right:20px;top:98px;bottom:175px;width:min(420px,calc(100% - 40px));overflow:auto;background:#182f38fa;border:1px solid #a8cbb366;border-radius:16px;padding:20px;box-shadow:0 14px 40px #13232360}.wild-panel h2{font-size:23px;margin:0}.wild-panel p{font-size:15px;line-height:1.5}.wild-panel small{display:block;font-size:13px;color:#c6d9d7;margin-top:10px}#wildRecipes{display:grid;gap:8px}#wildRecipes button{text-align:left;line-height:1.5;padding:12px}#wildRecipes small{margin-top:4px;color:#bcd6c9}#wildPlacement{position:absolute;right:20px;top:170px;width:min(340px,calc(100% - 40px));padding:16px;background:#172e35f5;border:1px solid #bddbc188;border-radius:14px}#wildPlacement strong,#wildPlacement span{display:block;font-size:14px;margin-bottom:10px}#wildPlacement div{display:flex;gap:5px;flex-wrap:wrap}#wildPlace{background:#c7e8b0!important;color:#243530!important}.on-expedition .mobile-move{bottom:190px!important}.on-expedition #save,.on-expedition #wallet,.on-expedition #level{display:none!important}
@media(max-width:700px){.on-expedition header{height:70px;padding:10px}.on-expedition .brand{font-size:21px}.on-expedition .brand>span{display:none}.on-expedition .top-actions{gap:5px}.on-expedition .top-actions button{font-size:13px;padding:8px}.wild-status{top:80px;left:10px;padding:9px 11px;max-width:calc(100% - 110px)}.wild-status strong{font-size:15px}.wild-status span{font-size:13px}.wild-top{right:10px;top:80px}.wild-bottom{bottom:10px;width:calc(100% - 20px)}.wild-slot{padding:5px;flex-direction:column;gap:1px}.wild-slot span{font-size:12px}.wild-slot strong{font-size:18px}.wild-actions{display:grid;grid-template-columns:1fr 1fr}.wild-actions button{font-size:13px!important;min-height:38px!important}#wildNotice{top:180px;font-size:14px}.wild-panel{top:80px;bottom:190px;right:10px;width:calc(100% - 20px);padding:15px}#wildPlacement{top:220px;right:10px;width:calc(100% - 20px)}.on-expedition .mobile-move{bottom:200px!important;left:10px;right:auto}#wildContext{font-size:13px;max-width:100%}}

#wildDamage{position:absolute;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 100px 25px #a63344;background:radial-gradient(ellipse,transparent 55%,#a6334433);}

/* The arrival scene consumes pointer input; Skip remains available on every visit. */
#campaignCinema{pointer-events:auto}.campaign-cinema #wildHUD{display:none!important}

/* Arrest plays in the world canvas; a modal keeps gameplay input locked. */
body.in-jail header,body.in-jail #game> :not(canvas):not(#bailDialog){visibility:hidden}
#bailDialog{position:fixed;inset:auto 16px 20px;margin:0 auto;width:min(560px,calc(100vw - 32px));max-height:45vh;box-sizing:border-box;overflow:auto;background:rgba(18,33,47,.96);color:#f7f1e4;border:1px solid #8ca2af;padding:20px 24px;border-radius:18px;text-align:center}
#bailDialog::backdrop{background:transparent;backdrop-filter:none}
#bailDialog h2{font-size:24px;margin:5px 0}#bailDialog p{margin:8px 0;line-height:1.45}#bailDialog .eyebrow{color:#efca82}
#bailDialog #payBail{width:100%;min-height:48px}#skipArrest{background:transparent;color:#f7f1e4;border:1px solid #8499a7}
body.in-jail #bailDialog{visibility:visible}

#bailDialog{inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden}
#bailPanel{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));box-sizing:border-box;max-height:42vh;overflow:auto;padding:16px 22px;border:1px solid #8ca2af;border-radius:18px;background:rgba(18,33,47,.96)}
#jailSpeech{position:fixed;transform:translate(-50%,-100%);width:max-content;max-width:min(280px,calc(100vw - 32px));box-sizing:border-box;padding:12px 16px;border-radius:16px;background:#fff9eb;color:#302a40;box-shadow:0 4px 14px #0002;text-align:center;font-size:17px;line-height:1.45;pointer-events:none;z-index:2}
#jailSpeech::after{content:'';position:absolute;left:calc(50% - 8px);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid #fff9eb}
#jailSpeaker{display:block;font-size:12px;margin-bottom:3px;color:#71617d}#jailWords{display:block}

body.in-journey header,body.in-journey #game> :not(#world):not(#journeyHUD):not(#journeySpeech){visibility:hidden}
body.in-journey #journeyHUD,body.in-journey #journeySpeech{visibility:visible}
#journeyHUD{position:fixed;inset:0;pointer-events:none;color:#f9f4e9;z-index:30}#journeyHUD button,#journeyHUD input,#journeyHUD details{pointer-events:auto}
.journey-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:16px;align-items:start}.journey-top>div:first-child{padding:14px 18px;background:#18343be8;border-radius:16px;max-width:440px}.journey-top p{margin:6px 0;font-size:16px}.journey-top strong{font-size:20px}.journey-top small{font-size:14px;color:#cbdcce}
.journey-bottom{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:min(640px,calc(100vw - 32px));text-align:center}.journey-bottom p{padding:8px;background:#18343be8;border-radius:10px;margin:6px 0}.journey-bottom details{background:#18343bf2;border-radius:12px;margin-top:8px;padding:10px;max-height:30vh;overflow:auto}
#journeyTools{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;justify-content:center}#journeyTools button{font-size:14px;padding:10px}.journey-bottom input{width:100%;box-sizing:border-box}
#journeySpeech{position:fixed;z-index:32;transform:translate(-50%,-100%);background:#fff9eb;color:#302a40;border-radius:16px;padding:12px 16px;max-width:280px;width:max-content;box-sizing:border-box;text-align:center;font-size:16px;pointer-events:none}#journeySpeech:after{content:'';position:absolute;bottom:-8px;left:calc(50% - 8px);border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid #fff9eb}
#journeyHub{max-width:650px}#journeyHub input{width:100%;box-sizing:border-box}#journeyHub details{padding:12px 0}#journeyChapters button{text-align:left;width:100%;margin-bottom:8px}#journeyEvent{border-left:3px solid #b5d584;padding-left:12px}
@media(max-width:650px){.journey-top{top:8px;left:8px;right:8px;gap:8px}.journey-top>div:first-child{max-width:60%;padding:10px}.journey-top>div:last-child{display:grid;gap:5px}.journey-top button{font-size:13px;padding:9px}.journey-top strong{font-size:17px}.journey-top p{font-size:14px}#journeySpeech{max-width:240px}}

.mochi-journal{border-top:1px solid #ffffff26;padding:14px 0}.mochi-journal summary{cursor:pointer;font-weight:700;min-height:30px}.mochi-journal p{font-size:14px;line-height:1.6}.mochi-journal .job-list{display:grid;gap:8px}.mochi-journal button{white-space:normal;text-align:left;line-height:1.5}.mochi-journal button:disabled{opacity:.68}#journeyCollection{display:grid;gap:4px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}#journeyCare{background:#e1f5b8;color:#203438;min-height:44px}#journeyCare:disabled{opacity:.85}
/* Mochi Bay: the world takes the screen; menus wait until requested. */
header{height:64px!important;background:linear-gradient(#f8fbf2ed,#f8fbf2b8);padding:10px 18px!important;box-shadow:none}.brand{font-size:26px}.brand>span,#save,#focusView{display:none!important}.top-actions{gap:8px}.top-actions button{font-size:14px;min-height:42px;padding:8px 14px}.top-actions>:not(#wallet):not(#townMenu){display:none}#game.town-menu-open .top-actions>:not(#save):not(#focusView){display:block}#game.town-menu-open header{height:auto!important;min-height:64px;align-items:flex-start}.town-menu-open .top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:75%}#rightRail{top:78px!important;width:260px}#game:not(.town-menu-open):not(.has-town-task) #rightRail{display:none}#game.has-town-task #rightRail{display:flex}#game:not(.town-menu-open) #mapTools{display:none}#centerDock,#game:not(.pet-open) #centerDock{left:50%!important;right:auto!important;transform:translateX(-50%);width:min(600px,calc(100% - 32px));bottom:80px;max-width:600px;margin:0}#centerDock footer{display:none}#game.town-menu-open #centerDock footer{display:block}.controls,.bottom-line>span{display:none!important}#liveCommand{font-size:14px;padding:7px 12px;background:#183b3ddd;border-radius:12px}#insideHUD{left:50%;right:auto;transform:translateX(-50%);width:min(650px,calc(100% - 30px));bottom:80px;padding:12px 18px}#insideHUD h2{font-size:18px}.inside-help{display:none}#insideText{font-size:14px}.pet-panel{top:78px!important;background:#20373bf5!important}.mission-panel{background:#20373bf2!important;padding:16px}.mission-panel h2{font-size:20px}.mission-panel p{font-size:14px;line-height:1.5}.intro ol{display:none}.intro h2{font-size:clamp(32px,5vw,52px)}.intro p{line-height:1.6}.intro{max-width:520px}.mobile-move{display:none!important}
#bayControls{position:fixed;inset:0;z-index:12;pointer-events:none}#bayControls[hidden]{display:none}#bayControls button,#bayStick{pointer-events:auto;touch-action:none}#bayControls button{min-height:44px;border:1px solid #ffffff45;background:#203b3ef2;color:#fff8e8;border-radius:12px;font-size:15px;box-shadow:0 4px 12px #18303320}.camera-pad{position:absolute;left:18px;top:78px;display:flex;gap:4px}.camera-pad button{width:42px;min-height:38px!important;padding:4px}.bay-context{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px}#bayInteract{background:#e3f5b6;color:#20383b;min-width:170px;padding:10px 18px}#bayMochi{padding:10px 18px}#bayStick{display:none;position:absolute;width:104px;height:104px;bottom:28px;left:20px;border:1px solid #ffffff80;background:#203b3e60;border-radius:50%}#bayThumb{display:block;width:42px;height:42px;margin:30px;background:#f4f7e5d9;border:2px solid white;border-radius:50%;pointer-events:none}#bayGuide{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);width:min(460px,85%);padding:10px 16px;background:#f8f3e6;color:#203b3e;text-align:center;font-size:14px;border-radius:12px}.on-expedition .camera-pad{top:160px}.wild-status{top:78px;padding:10px 14px}.wild-status span{font-size:14px}.wild-top{top:78px}.wild-bottom{bottom:80px;width:min(660px,calc(100% - 32px))}.wild-slot{padding:7px 10px}.wild-slot strong{font-size:20px}.wild-actions button{font-size:14px;min-height:42px}.wild-actions #wildWork{display:none}.wild-actions{display:flex;justify-content:center}.wild-actions button{flex:1}#wildNotice{top:165px;max-width:380px;font-size:15px}.journey-bottom{bottom:80px!important}body.in-jail #bayControls{display:none}.on-expedition #openJourney{display:none!important}
@media(pointer:coarse){#bayStick{display:block}.bay-context{left:auto;right:16px;transform:none;bottom:30px;flex-direction:column}#bayInteract{min-width:135px;max-width:185px}.wild-bottom{bottom:160px}.camera-pad{left:12px}.on-expedition .camera-pad{top:160px}#centerDock,#game:not(.pet-open) #centerDock{bottom:160px}.journey-bottom{bottom:160px!important}#insideHUD{bottom:160px}#bayGuide{bottom:165px}}
@media(max-width:700px){header{height:60px!important}.brand{font-size:22px}.top-actions #wallet{font-size:13px;padding:9px}.town-menu-open .top-actions{max-width:65%}.top-actions button{padding:8px 10px}#rightRail{top:70px!important;right:10px;width:230px;max-height:35dvh}.camera-pad{top:72px}.wild-status{top:72px;max-width:calc(100% - 105px)}.wild-top{top:72px}.wild-status strong{font-size:15px}.wild-status span{font-size:13px}.wild-slot span{font-size:12px}.wild-slot{padding:5px 3px}.wild-bottom{width:calc(100% - 24px)}.wild-actions{display:flex}#wildNotice{top:180px;max-width:80%;font-size:14px}.wild-panel{top:72px;bottom:160px}#wildPlacement{top:170px;max-width:80%;font-size:14px}#centerDock #liveCommand{display:none}#insideHUD{max-height:22dvh}.camera-pad button{width:36px}#bayGuide{font-size:13px}}
body:has(#game.pet-open) .camera-pad{display:none}

.island-setup{border:1px solid #8aadb0;border-radius:16px;padding:16px;margin:16px 0;background:#193d43;color:#fff}.island-setup label,#islandParty label{display:block;margin:10px 0;font-size:14px}.island-setup input,#islandParty input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px;border-radius:8px;border:1px solid #a8c4be;font:inherit;color:#203634;background:#fff}#islandPrepStatus{font-size:14px;line-height:1.5}#islandParty{position:absolute;top:88px;left:50%;transform:translateX(-50%);max-width:340px;width:calc(100% - 40px);background:#173c43ed;color:#fff;padding:10px 14px;border-radius:12px;font-size:14px;pointer-events:auto}#islandParty summary{cursor:pointer;margin-top:6px}#islandParty p{line-height:1.4;margin:10px 0}#islandParty details[open]{max-height:45vh;overflow:auto}#islandParty small{display:block;line-height:1.4}body:has(#islandParty:not([hidden])) .wild-stats{max-width:240px}@media(max-width:750px){#islandParty{top:190px;left:16px;transform:none;width:230px;max-width:calc(100% - 48px)}}

#socialHub{width:min(760px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:#223846;color:#f8f4e8}#socialTabs,.social-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#socialBody button{margin:5px;min-height:42px}#socialBody input{padding:10px;margin:6px;border-radius:9px;border:1px solid #aac4c5;font:inherit;max-width:90%}#socialBody input[type=number]{width:70px}#socialBody label{display:block}#socialBody h3{margin-top:22px}#socialBody p{line-height:1.5}#socialHub small{display:block;color:#bfd2d3;line-height:1.5}#socialStatus{color:#f4cc87}#socialHub button[aria-pressed=true]{outline:3px solid #dfff92}.social-colors{display:flex;gap:8px;flex-wrap:wrap}.social-colors button{width:42px;color:white;text-shadow:0 1px 3px #000}.social-active #rightRail,.social-active #centerDock,.social-active footer,.social-active #bubble,.social-active #bayGuide,.social-active .pet-panel{display:none!important}#socialHUD{position:fixed;inset:82px 20px 90px;pointer-events:none;z-index:12}.social-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;width:fit-content;background:#183d47ee;color:white;padding:10px 14px;border-radius:14px}.social-top button,.social-bottom button,#socialShow{pointer-events:auto}.social-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-width:600px;width:90%;text-align:center;color:white}.social-bottom p{background:#183d47ed;padding:10px 14px;border-radius:12px}#socialShow{margin-top:12px;padding:12px;background:#27344bea;color:white;border-radius:12px;max-width:350px}#socialShow button{margin:5px}body.photo-mode #game> :not(canvas),body.photo-mode #bayControls,body.photo-mode #socialHUD{visibility:hidden!important}#photoControls{position:fixed;z-index:100;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:#193c48df;padding:10px;border-radius:14px}#photoControls[hidden]{display:none}@media(max-width:700px){#socialHUD{inset:78px 10px 155px}.social-top{font-size:14px;gap:6px}.social-top button{padding:8px}#socialShow{max-height:30vh;overflow:auto}#photoControls{width:90%;justify-content:center}}

#accountDialog{width:min(420px,calc(100vw - 40px));max-height:85dvh;overflow:auto;background:#203a48;color:#fff7e9;padding:24px;border:1px solid #9fc3c4;border-radius:20px}#accountDialog label{display:block;margin:16px 0}#accountDialog input,#accountDialog select{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:8px;font:inherit;border:1px solid #9fc3c4;border-radius:8px;background:#fff;color:#203a48}#accountDialog small{display:block;font-size:13px;margin-top:6px}#accountDialog nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}#accountClose{float:right}#accountStatus{line-height:1.5;color:#ffdb93}#accountConflict{position:fixed;z-index:100;top:90px;left:10%;width:80%;background:#51283c;color:white;padding:16px;border-radius:12px}

.auth-locked{background:#173642}.auth-locked #game,.auth-locked #bayControls{visibility:hidden!important}#starterDialog{width:min(680px,calc(100vw - 32px));max-height:90dvh;overflow:auto;background:#203a48;color:#fff7e9;border:1px solid #9fc3c4;border-radius:20px;padding:24px;box-sizing:border-box}.starter-layout{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:24px}#starterPreview{width:260px;max-width:100%;height:auto;background:#2c4c5c;border-radius:20px}#starterDialog fieldset{border:0;padding:0;margin:14px 0}#starterDialog legend{font-weight:700;margin-bottom:8px}#starterDialog button{margin:4px;min-height:42px}#starterDialog button[aria-pressed=true]{outline:3px solid #dfff92}#starterDialog small{display:block;font-size:14px;margin-top:8px}#starterName{box-sizing:border-box;width:100%;display:block;margin-top:8px;padding:10px;border-radius:8px;border:1px solid #aac4c5;font:inherit}#starterColors{display:flex;gap:3px;flex-wrap:wrap;margin-top:10px}#starterColors button{width:28px;min-height:28px;border-radius:50%;padding:0;border:2px solid #ffffff99}#starterFinish{width:100%;margin:12px 0 0!important}#starterStatus{color:#ffdb93}#accountDialog::backdrop,#starterDialog::backdrop{background:#173642f5}@media(max-width:600px){.starter-layout{grid-template-columns:1fr;gap:12px}#starterPreview{width:180px;justify-self:center}#starterDialog{padding:18px}#starterDialog h2{margin:0}#starterDialog fieldset{margin:10px 0}}

/* Cinematic realm arrivals: full-screen controls stay usable on phones. */
body.realm-cinematic #socialHUD,body.realm-cinematic #bayControls,body.realm-cinematic header,body.realm-cinematic #bubble{visibility:hidden!important}
.realm-cinema{position:fixed;inset:0;z-index:9000;color:#fff8e8;font-family:inherit;isolation:isolate;overflow:hidden}
.realm-letterbox{position:absolute;left:0;right:0;height:8vh;background:#09141ddd;z-index:2}.realm-letterbox.top{top:0}.realm-letterbox.bottom{bottom:0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:10px;letter-spacing:3px}
.realm-cinema-heading{position:absolute;top:13vh;left:8%;right:8%;text-align:center;text-shadow:0 3px 20px #122c45;pointer-events:none}.realm-cinema-heading small{font-size:11px;letter-spacing:4px}.realm-cinema-heading h1{font-size:clamp(30px,5vw,64px);margin:12px 0;font-weight:750}
.realm-skip{position:absolute;right:20px;top:18px;z-index:5;background:#122332d9!important;color:#fff!important;border:1px solid #ffffff80!important;border-radius:24px!important;padding:12px 19px!important;min-height:44px}.realm-skip span{font-size:11px;opacity:.7;margin-left:10px}.realm-pause{background:transparent!important;color:white!important;border:1px solid #ffffff80!important;padding:8px 18px!important;min-height:42px}
.realm-speech{position:absolute;transform:translate(-50%,-100%);width:min(280px,75vw);padding:13px 18px;border-radius:18px;background:#fffaf0;color:#243947;box-shadow:0 8px 30px #06152540;text-align:center;line-height:1.4;pointer-events:none}.realm-speech[hidden]{display:none}.realm-speech strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#52778a;margin-bottom:5px}.realm-speech span{font-size:15px}.realm-speech:after{content:'';position:absolute;top:100%;left:calc(50% - 9px);border:9px solid transparent;border-top-color:#fffaf0}
.realm-fade{position:absolute;inset:0;background:#09141d;pointer-events:none;z-index:4}.realm-cinema button:focus-visible{outline:3px solid #dfff90;outline-offset:3px}
@media(max-width:600px){.realm-skip{top:12px;right:12px}.realm-cinema-heading{top:17vh}.realm-letterbox.bottom{letter-spacing:1px;font-size:8px}.realm-speech span{font-size:14px}}
.realm-activity{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:8000;width:min(480px,calc(100vw - 28px));max-height:60vh;overflow:auto;box-sizing:border-box;padding:20px;border-radius:22px;background:#183342f5;color:#fff7e5;border:1px solid #9acaca;box-shadow:0 12px 50px #10273470}.realm-activity-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:20px}.realm-activity-head button{min-width:44px;min-height:44px}.realm-instructions{font-size:15px;line-height:1.5}.realm-choices{display:flex;gap:8px;flex-wrap:wrap}.realm-choices button{flex:1;min-height:48px;background:#34536a;color:white;border:2px solid #7998a3;border-radius:12px;padding:10px;font-size:15px}.realm-choices button.realm-lit{background:#f0e6ad;color:#183342;box-shadow:0 0 22px #bae5cc}.realm-choices button:disabled{opacity:.6}.realm-meter{height:22px;position:relative;background:#795844;border-radius:12px;margin:16px 0;overflow:hidden}.realm-meter i{position:absolute;left:22%;width:56%;height:100%;background:#5cab7c}.realm-meter b{position:absolute;top:0;width:5px;height:100%;background:#fff8ce}.realm-feedback{color:#e6eaa2;min-height:22px;font-size:15px}.realm-activity small{font-size:12px;color:#b9ced4}.realm-demonstration{font-size:15px}.realm-activity button:focus-visible{outline:3px solid #e5ff94;outline-offset:3px}
.island-chat{position:fixed;left:16px;bottom:20px;width:min(300px,calc(100vw - 32px));z-index:650;color:#f4f5ef;font-size:14px;pointer-events:auto}.chat-panel{background:rgba(16,35,43,.53);backdrop-filter:blur(5px);border:1px solid #ffffff26;border-radius:12px;overflow:hidden}.chat-panel:focus-within,.chat-panel:hover{background:rgba(16,35,43,.85)}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:2px 10px}.chat-head button{background:transparent!important;color:white!important;border:0!important;min-width:40px;min-height:40px;padding:4px!important}.chat-log{height:132px;overflow-y:auto;overscroll-behavior:contain;padding:6px 12px;scrollbar-width:thin}.chat-log p{margin:5px 0;line-height:1.4;overflow-wrap:anywhere}.chat-log strong{color:#cef0d7}.island-chat form{display:flex;gap:5px;padding:8px}.island-chat input{min-width:0;width:100%;font-size:16px;padding:9px;border-radius:7px;border:1px solid #ffffff30;background:#ffffff12;color:white}.island-chat input::placeholder{color:#e0ececb0}.island-chat form button,.chat-open{background:#1e3b49ad!important;color:#eff8ed!important;border:1px solid #ffffff35!important;border-radius:8px!important;padding:8px 12px!important;min-height:40px}.island-chat small{display:block;padding:0 10px 6px;color:#ffe0a8}.island-chat small:empty{display:none}.island-chat [hidden]{display:none!important}.island-chat button:focus-visible{outline:2px solid #d7ff9a}@media(max-width:700px){.island-chat{left:10px;bottom:145px;width:250px}.chat-log{height:100px}}
body.realm-cinematic .island-chat,body:has(#game.campaign-cinema) .island-chat{display:none!important}

#accountGoogle{width:100%;background:#fff;color:#242424;border:1px solid #747775;border-radius:8px;font-weight:600;min-height:48px}#accountGoogle:disabled{opacity:.65}#accountEmailDivider{text-align:center;font-size:.85rem;opacity:.75;margin:.7rem 0}
/* A compact HUD and a grouped, keyboard-accessible destination menu. */
#game header,#game.town-menu-open header{height:68px!important;min-height:0;align-items:center;padding:10px 22px!important;background:linear-gradient(110deg,#fbfcf5f2,#f2f5f0df);border-bottom:1px solid #294d4220;backdrop-filter:blur(14px)}
#game .top-actions,#game.town-menu-open .top-actions{max-width:none;flex-wrap:nowrap;gap:10px;align-items:center}
#game .top-actions>#level{display:block;font-size:12px;color:#586555;font-weight:600}
#game .top-actions>#wallet{display:block;padding:10px 15px;background:#fff2cc;border:1px solid #dcc99466;border-radius:14px;color:#66502d;font-size:14px;white-space:nowrap}
#game .top-actions>#townMenu{display:block;background:#234c47;color:#fffdf3;border:0;padding:11px 20px;font-weight:700;border-radius:14px;min-height:44px}
#game .top-actions>#save,#game .top-actions>#focusView{display:none!important}
#bayMainMenu{width:min(740px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:26px;background:#f7f8f1;color:#233b37;border:1px solid #ffffffc9;border-radius:26px;box-shadow:0 24px 90px #081e3659;overflow:auto;overscroll-behavior:contain}
#bayMainMenu::backdrop{background:#102d3b80;backdrop-filter:blur(7px)}
.bay-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.bay-menu-eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#658276}
#bayMainMenu h2{font-family:'Space Grotesk',sans-serif;font-size:30px;letter-spacing:-1px;margin:6px 0 0;color:#213c36}
#bayMenuClose{background:#e8ede5;border:1px solid #d5dfd3;color:#365345;width:42px;height:42px;padding:0;flex-shrink:0;border-radius:50%}
.bay-menu-groups{display:grid;gap:19px}.bay-menu-group{--accent:#387966;--tint:#e6f2e8;--line:#c6ddce}.bay-menu-group.lilac{--accent:#756098;--tint:#efebf7;--line:#dbd2e9}.bay-menu-group.peach{--accent:#94623d;--tint:#faf0e2;--line:#e9d9c4}
#bayMainMenu h3{font-size:12px;font-weight:800;letter-spacing:.04em;margin:0 0 9px;display:flex;align-items:center;gap:8px;color:var(--accent)}
#bayMainMenu h3:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent)}
.bay-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#bayMainMenu .bay-menu-card{display:flex;align-items:center;gap:12px;width:100%;min-height:79px;padding:13px;text-align:left;background:var(--tint);border:1px solid var(--line);color:#293e39;border-radius:15px;box-shadow:none}
#bayMainMenu .bay-menu-card:hover{background:#fff;transform:translateY(-1px);border-color:var(--accent)}
.bay-menu-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#ffffffb0;border-radius:12px;color:var(--accent);font-size:25px}
#bayMainMenu .bay-menu-card strong{display:block;font-size:14px;line-height:1.3;font-weight:700}
#bayMainMenu .bay-menu-card small{display:block;font-size:11px;line-height:1.45;color:#5c6b65;margin-top:4px}
.bay-menu-arrow{margin-left:auto;color:var(--accent);font-size:23px}
.bay-menu-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#bayMainMenu .bay-menu-tools button{background:var(--tint);border:1px solid var(--line);color:#684e37;font-size:13px;min-height:44px;padding:10px;border-radius:12px}
#bayMainMenu button:focus-visible{outline:3px solid #417b86;outline-offset:2px}
.bay-menu-foot{font-size:11px;line-height:1.6;color:#738077;text-align:center;margin:20px 0 0}.bay-menu-foot kbd{margin-left:7px;background:#e9ede5;border:1px solid #d7ddd1;color:#52634d}
@media(max-width:600px){#game header,#game.town-menu-open header{height:62px!important;padding:8px 12px!important;flex-wrap:nowrap}#game .brand{font-size:22px}#game .top-actions{gap:6px}#game .top-actions>#level{display:none}#game .top-actions>#wallet{font-size:12px;padding:9px 10px}#game .top-actions>#townMenu{padding:10px 13px;font-size:13px}#bayMainMenu{padding:20px 16px;border-radius:22px;max-height:calc(100dvh - 20px)}#bayMainMenu h2{font-size:26px}.bay-menu-grid{grid-template-columns:1fr}.bay-menu-heading{margin-bottom:18px}#bayMainMenu .bay-menu-card{min-height:68px;padding:11px}.bay-menu-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.bay-menu-foot{font-size:10px}}
@media(prefers-reduced-motion:reduce){#bayMainMenu button{transition:none!important;transform:none!important}}
/* Mochi Runway: a wardrobe beside a live stage, with room to see the duo. */
body.runway-active #bayControls,body.runway-active .social-bottom{display:none!important}
body.runway-active #socialHUD{inset:80px 18px 18px}
body.runway-active .social-top{margin-left:auto;background:#24233be8;border:1px solid #cfb88a66;font-size:13px;box-shadow:0 8px 30px #100d2840}
body.runway-active #socialPlaceName{letter-spacing:.05em;color:#efdcb8}
body.runway-active #socialTimer{display:none}
#socialShow.runway-panel{position:absolute;top:0;left:0;bottom:0;width:320px;max-width:calc(100vw - 36px);max-height:none;overflow:auto;overscroll-behavior:contain;margin:0;padding:23px 20px;background:linear-gradient(150deg,#faf5edfa,#ece8f6f5);border:1px solid #fff9;border-radius:24px;color:#302b42;box-shadow:0 20px 50px #16112c40;backdrop-filter:blur(14px);scrollbar-width:thin}
.runway-eyebrow{font-size:10px;letter-spacing:.18em;color:#887148;font-weight:800}
.runway-panel h2{font-family:'Space Grotesk',sans-serif;font-size:27px;letter-spacing:-.7px;line-height:1.12;margin:9px 0 10px}.runway-panel h3{font-size:15px;margin:19px 0 10px}.runway-panel p{font-size:12px;line-height:1.6;color:#625a71;margin:10px 0}.runway-panel .runway-description{font-size:13px;color:#62516b}.runway-clock{background:#302c48;color:#faebc8;border-radius:10px;padding:10px 12px;font-size:12px;letter-spacing:.06em;font-weight:700;margin:15px 0; font-variant-numeric:tabular-nums}
#socialShow.runway-panel button{margin:0;min-height:40px;border-radius:10px;font-size:12px;border:1px solid #d0c6df;background:#fffcf6;color:#4e405e;padding:9px 10px;transition:background .15s,transform .15s}
#socialShow.runway-panel button:hover{background:#e8dff6;transform:none}#socialShow.runway-panel button:disabled{opacity:.5;cursor:default}#socialShow.runway-panel button:focus-visible{outline:3px solid #7866ac;outline-offset:2px}
#socialShow.runway-panel .runway-primary{display:block;width:100%;background:#635186;color:#fffaf4;border:0;margin:15px 0 10px;font-weight:700;min-height:46px}
#socialShow.runway-panel .runway-preset{width:100%;background:#e7eddf;border-color:#bccda9;color:#465a38;margin:5px 0 13px}
.runway-tabs{display:flex;gap:5px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid #d8cfe4;margin-bottom:12px}#socialShow.runway-panel .runway-tabs button{min-height:34px;padding:6px 9px;font-size:11px;background:transparent}
#socialShow.runway-panel button[aria-pressed=true]{background:#ddd1ef;border-color:#786298;box-shadow:inset 0 0 0 1px #786298;color:#352348}
.runway-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.runway-options button{text-align:left;line-height:1.4}
.runway-panel small{display:block;font-size:10px;line-height:1.6;color:#71667a;margin:8px 0}.runway-panel label{display:block;font-size:12px;font-weight:600;color:#5d4d6c}.runway-panel select{display:block;width:100%;font:inherit;color:#3e304e;background:#fffdf8;padding:11px;border:1px solid #cfc1df;border-radius:10px;margin:8px 0 12px}
.runway-roster{display:flex;flex-wrap:wrap;gap:5px}.runway-roster span{font-size:11px;background:#e1d9ed;color:#554267;border-radius:20px;padding:7px 10px}
#socialShow.runway-panel .runway-invite{display:block;width:100%;margin-top:18px;background:transparent;border-style:dashed;color:#766083}
.runway-panel .runway-name{font-size:24px;font-weight:700;line-height:1.25;color:#443351;margin:12px 0}
.runway-stars{display:flex;gap:4px;margin:8px 0 17px}#socialShow.runway-panel .runway-stars button{font-size:28px;flex:1;padding:2px 3px;color:#9d6b21;background:#fff3d9;border-color:#dfcba6;min-width:0}
.runway-panel blockquote{font-size:13px;font-style:italic;line-height:1.6;color:#7a5c82;background:#eadff0;border-radius:12px;margin:16px 0;padding:14px;border-left:3px solid #b596c3}
.runway-result{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #d5cbdf}.runway-result>b{font-size:25px;color:#a78238;min-width:31px}.runway-result>span{font-size:14px;font-weight:700}.runway-result small{margin:3px 0 0;font-weight:400}
@media(max-width:700px){body.runway-active #socialHUD{inset:72px 10px 10px}body.runway-active .social-top{font-size:11px;padding:7px 9px;gap:6px}body.runway-active .social-top button{font-size:11px;padding:7px;min-height:34px}#socialShow.runway-panel{top:auto;bottom:0;left:0;width:100%;max-width:none;height:43dvh;padding:16px 17px;border-radius:20px}.runway-panel h2{font-size:22px;margin:5px 0}.runway-panel .runway-description{font-size:11px;margin:5px 0}.runway-clock{margin:8px 0;padding:8px 11px}.runway-options{grid-template-columns:repeat(3,minmax(0,1fr))}.runway-panel h3{margin-top:12px}.runway-tabs{gap:4px}.runway-stars{max-width:300px}.runway-panel blockquote{padding:9px;font-size:12px;margin:10px 0}}
@media(prefers-reduced-motion:reduce){#socialShow.runway-panel button{transition:none}}

.wild-edit-nearby{position:fixed;right:20px;top:155px;z-index:35;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:320px;padding:14px;border-radius:16px;background:#173f43e8;color:#fff}.wild-edit-nearby[hidden]{display:none}.wild-edit-nearby strong{width:100%;font-size:14px}.wild-edit-nearby button{flex:1}@media(max-width:700px){.wild-edit-nearby{top:150px;right:8px;max-width:240px;padding:8px}}

/* Compact vitals leave the camera controls clear. */
.wild-status{top:128px;left:20px;width:228px;max-width:calc(100% - 120px);padding:10px 12px;background:#18363bce;backdrop-filter:blur(8px)}
.wild-status>strong{font-size:13px}.wild-status #wildGoal{font-size:11px;opacity:.8}.wild-meter{display:flex;align-items:center;gap:7px;font-size:11px;margin:5px 0}.wild-meter progress{width:110px;height:6px;flex:1;border:0;border-radius:8px;overflow:hidden;background:#ffffff20;appearance:none}.wild-meter progress::-webkit-progress-bar{background:#ffffff20}.wild-meter progress::-webkit-progress-value{background:#94dcba;border-radius:8px}.wild-meter.hunger progress::-webkit-progress-value{background:#edc480}.wild-meter progress::-moz-progress-bar{background:#94dcba}.wild-meter.hunger progress::-moz-progress-bar{background:#edc480}.wild-meter b{width:25px;text-align:right;font-size:11px}#wildWarmth{font-size:10px;opacity:.7}
#wildRecipes>button{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;text-align:left}#wildRecipes>button img{width:72px;height:72px;object-fit:contain;background:#c9dfc915;border-radius:10px;grid-row:1 / span 2}#wildRecipes>button small{grid-column:2;margin:0}#wildRecipes>button .recipe-title{font-size:14px;line-height:1.4}.wild-edit-nearby{box-sizing:border-box;width:320px;max-width:calc(100vw - 32px);padding:10px;gap:7px;border-radius:12px}.wild-edit-nearby strong{font-size:14px;line-height:1.35}.wild-edit-nearby button{min-height:36px;padding:7px 12px;font-size:14px;border-radius:9px}.spotlight-control{background:#dfc581!important;color:#243f3e!important}
@media(max-width:700px){.wild-status{top:118px;width:195px;padding:8px 10px}.wild-status #wildGoal{display:none}#wildRecipes>button{grid-template-columns:60px 1fr}#wildRecipes>button img{width:60px;height:60px}}

body:has(#wildHUD:not([hidden])) .camera-pad{top:88px}.wild-status{top:140px}@media(max-width:700px){body:has(#wildHUD:not([hidden])) .camera-pad{top:70px}.wild-status{top:118px}}

.wild-status{top:88px}@media(max-width:700px){.wild-status{top:72px}}
/* Treasure hunting remains a compact part of the existing action row. */
.wild-actions{flex-wrap:wrap}.wild-actions button{flex:1 1 115px}
#wildDiscoveryHint{margin:0 auto 6px;padding:6px 12px;max-width:420px;background:#183b40ed;border:1px solid #a8d2bd66;border-radius:9px;color:#e7f5d5;font-size:14px;line-height:1.4}#wildJournal{max-width:380px;z-index:3}#wildJournalClose{float:right;padding:6px 10px}#wildJournal h2{font-size:20px;margin-bottom:18px}#wildJournal article{padding:14px 0;border-bottom:1px solid #badbd433}#wildJournal article strong{color:#eed49b;font-size:16px}#wildJournal article p{font-size:15px;line-height:1.55;margin:8px 0}#wildJournal article button{padding:8px 14px}#wildHUD button:focus-visible{outline:3px solid #ffe49b;outline-offset:3px}
#wildCraftPanel{z-index:4;width:min(430px,calc(100% - 40px))}#wildCraftClose{float:right;padding:8px 12px}#wildCraftPanel h2{font-size:20px;margin-bottom:15px}#wildCraftStatus{color:#d8e8cf;line-height:1.5}#wildCraftPanel details{padding:12px;background:#ffffff08;border-radius:10px;margin-bottom:12px}#wildCraftPanel summary{cursor:pointer;font-size:15px}#wildCraftRecipes article{padding:14px 0;border-bottom:1px solid #b2d6c633}#wildCraftRecipes strong{font-size:17px;color:#f1d598}#wildCraftRecipes p{font-size:14px;line-height:1.5;margin:7px 0}#wildCraftRecipes article>div{display:flex;gap:8px}#wildCraftRecipes button{padding:8px 14px;flex:1}#wildCraftSupplies{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}#wildCraftSupplies strong{font-size:14px}#wildCraftSupplies small{font-size:13px;line-height:1.4;margin:4px 0;color:#c0d4d0}
.craft-search{display:block;font-size:14px;margin:12px 0}.craft-search input{display:block;width:100%;box-sizing:border-box;padding:10px 12px;margin-top:5px;border:1px solid #adc9be66;border-radius:8px;background:#102c33;color:#f2f7eb;font-size:16px}.craft-tabs{display:flex;gap:5px;position:sticky;top:0;background:#182f38;padding:8px 0;z-index:1}.craft-tabs button{flex:1;min-width:0;padding:6px!important;font-size:14px!important}.craft-tabs button[aria-pressed=true]{background:#c8e4b6!important;color:#203b36!important}.craft-reason{color:#edd598!important}#wildCraftRecipes article[hidden]{display:none!important}
/* Compact equipment belt: selection is per player; supplies remain shared. */
.wild-hotbar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-width:640px;margin:0 auto}.wild-equipped{display:inline-block;max-width:100%;padding:4px 10px;margin:0 0 5px;background:#142c36e8;border-radius:7px;font-size:14px;color:#eff9e9}#wildHUD .hotbar-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:84px;min-width:0;padding:3px 2px 5px;background:linear-gradient(145deg,#355653f5,#182f38fa);border:2px solid #94b7b344;border-bottom:3px solid #91baa5;transition:border-color .12s,background .12s;touch-action:manipulation}#wildHUD .hotbar-slot[aria-pressed=true]{border-color:#f3d68e;background:linear-gradient(145deg,#6c643cf5,#344c42fa);box-shadow:0 0 0 1px #192d31,0 0 12px #efd88933}#wildHUD .hotbar-slot:focus-visible{outline:3px solid #fff;outline-offset:2px}.hotbar-slot kbd{position:absolute;left:5px;top:3px;font:12px inherit;color:#e0eae0}.hotbar-slot img,.hotbar-icon{width:48px;height:43px;object-fit:contain;line-height:43px;font-size:30px}.hotbar-label{font-size:14px;line-height:18px}.hotbar-count{position:absolute;right:4px;top:4px;font-size:12px;color:#ffe5a5}.hotbar-slot:nth-child(5),.hotbar-slot:nth-child(6){border-bottom-color:#e299b2!important}.hotbar-slot:nth-child(7),.hotbar-slot:nth-child(8){border-bottom-color:#c9a576!important}#wildCraftSupplies strong{display:flex;gap:8px;align-items:center}.supply-icon{font-size:23px}.wild-actions{flex-wrap:wrap}.wild-actions button{flex:1 0 auto!important}.wild-actions #wildEat{min-width:66px}@media(max-width:600px){.wild-hotbar{gap:3px}#wildHUD .hotbar-slot{height:76px}.hotbar-slot img,.hotbar-icon{width:36px;height:36px;line-height:36px;font-size:25px}.hotbar-label{font-size:12px}.hotbar-count{font-size:10px;top:16px;right:3px}.wild-equipped{font-size:12px}.wild-actions button{font-size:12px!important;padding:5px!important}}@media(prefers-reduced-motion:reduce){#wildHUD .hotbar-slot{transition:none}}
/* Picture-first workbench. Only the next tool upgrade is shown. */
#wildCraftPanel{width:min(520px,calc(100% - 40px));bottom:120px;padding:16px}#wildCraftPanel h2{margin:0 0 8px}#wildCraftStatus{font-size:14px;min-height:21px;margin:5px 0 8px}.craft-count-help{color:#c4d8d3;margin:5px 0 10px!important;font-size:13px!important}#wildCraftRecipes{display:grid;grid-template-columns:1fr 1fr;gap:10px}#wildCraftRecipes article{display:flex;flex-direction:column;min-width:0;padding:12px;background:#244047;border:1px solid #a9d0bd44;border-radius:12px}#wildCraftRecipes .craft-result{display:flex;align-items:center;gap:9px}#wildCraftRecipes .craft-result strong{font-size:16px;color:#fff4d7}#wildCraftRecipes article>p{color:#c8dbd6;font-size:14px;margin:8px 0;min-height:40px}.craft-picture{display:inline-block;flex:none;width:58px;height:58px;border-radius:9px;background-image:url('./craft-items.png');background-size:600% 400%;background-repeat:no-repeat;background-color:#19333b}#wildCraftRecipes .craft-ingredients{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}#wildCraftRecipes .craft-ingredient{display:flex;align-items:center;gap:5px;flex:1 1 100%;background:#18333b;border-radius:7px;padding:4px 6px;border:1px solid transparent}.craft-ingredient .craft-picture{width:30px;height:30px;border-radius:4px}.craft-ingredient span:not(.craft-picture){font-size:13px;color:#e2ece3}#wildCraftRecipes .craft-ingredient strong{margin-left:auto;white-space:nowrap;font-size:14px;color:#bfe5b4}#wildCraftRecipes .craft-ingredient[data-missing=true]{border-color:#dcac7455}#wildCraftRecipes .craft-ingredient[data-missing=true] strong{color:#ffd097}#wildCraftRecipes .craft-card-action{margin-top:auto}#wildCraftRecipes button{background:#c5e6ad;color:#223b33;width:100%;font-weight:600;padding:8px}#wildCraftRecipes button:disabled{opacity:1;background:#35505a;color:#aebfbe}.craft-reason{font-size:12px!important;line-height:1.4;min-height:17px;margin-top:6px!important}#wildCraftPanel .craft-supply-details{margin:14px 0 0}#wildCraftSupplies>div{padding:8px;background:#ffffff06;border-radius:8px}#wildCraftSupplies .craft-picture{float:left;width:40px;height:40px;margin:0 8px 4px 0}.craft-tabs{top:-16px;padding:10px 0}.craft-tabs button{min-height:44px}@media(max-width:480px){#wildCraftPanel{width:calc(100% - 20px);right:10px;padding:12px;bottom:100px}#wildCraftRecipes{grid-template-columns:1fr}#wildCraftRecipes article>p{min-height:0}#wildCraftRecipes .craft-ingredient{flex:1 1 40%}.craft-tabs{top:-12px}}
/* One equipment slot, one food slot, and two entry points. */
.on-expedition .bay-context{display:none!important}.wild-bottom{bottom:18px!important;width:min(350px,calc(100% - 24px))!important}#wildEquipped,#wildContext{display:none!important}.wild-hotbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#wildHUD .hotbar-slot{height:76px;padding:3px 2px 5px}.hotbar-slot .craft-picture{width:42px;height:42px;text-align:center;font-size:28px;line-height:42px}.hotbar-slot kbd{font-size:12px;line-height:14px}.hotbar-count{font-size:10px;top:5px;right:4px}.hotbar-label{font-size:13px}#wildHUD #wildWork.compact-interact{display:block;margin:0 auto 7px;padding:7px 12px;max-width:min(95vw,480px);width:max-content;font-size:14px;white-space:normal;min-height:40px}#wildMenu .wild-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}#wildMenu .wild-actions button{white-space:normal}#wildHUD #wildWork[hidden]{display:none!important}@media(pointer:coarse){.wild-bottom{left:auto;right:12px;transform:none;width:min(310px,calc(100% - 135px))!important;bottom:18px!important}#wildHUD .hotbar-slot{height:76px}.hotbar-slot .craft-picture{width:36px;height:36px}.hotbar-label{font-size:12px}}
/* Global controls sit outside #game; scope directly to their Explore state. */
#bayControls.in-explore .bay-context,body:has(#game.on-expedition) #bayControls .bay-context{display:none!important}#wildHUD .hotbar-slot kbd{color:#142d34;background:#fff5cf;border:1px solid #fff;border-radius:4px;min-width:18px;height:18px;text-align:center;font:700 13px/18px system-ui,sans-serif;top:4px;left:4px;box-shadow:0 1px 3px #0008;z-index:1}#wildHUD .hotbar-slot .hotbar-label{color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 2px #000}#wildHUD .hotbar-slot .hotbar-count{color:#ffe5a0;background:#102a32;border-radius:3px;padding:1px 3px;font-size:10px;font-weight:700;top:5px;right:3px}#wildHUD .hotbar-slot .hotbar-count:empty{display:none}
#wildHUD .hotbar-slot kbd{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:23px;height:23px;min-width:23px;padding:0;margin:0;line-height:1;letter-spacing:0;text-indent:0;vertical-align:middle}
/* Boutique: picture browsing with a persistent fitting room. */
#styleShop{width:min(1160px,calc(100% - 24px));max-height:92dvh;padding:28px;background:#f7f5fc;color:#28223c;border:1px solid #d9d0ec;border-radius:24px;box-shadow:0 28px 100px #100b2855;overflow:auto}#styleShop::backdrop{background:#161027aa;backdrop-filter:blur(6px)}#styleShop .dialog-head{align-items:center}#styleShop h2{font-size:clamp(28px,4vw,40px);letter-spacing:-1.2px;margin:4px 0}.style-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#7355a4}.style-intro{color:#615870;line-height:1.6;margin:10px 0 20px}.style-intro b{display:inline-block;color:#476c52;background:#e6f3e9;padding:3px 10px;border-radius:20px;font-size:13px;margin-left:6px}#styleShop button{color:#40334f;background:#fff;border:1px solid #dcd4e9;border-radius:12px;min-height:44px}#styleShop button:focus-visible,#styleShop input:focus-visible,#styleShop select:focus-visible{outline:3px solid #8052ce;outline-offset:3px}#styleTabs{flex-wrap:nowrap;overflow:auto;padding:3px 0 10px;gap:8px}#styleTabs button{white-space:nowrap;padding:10px 17px;font-size:14px;font-weight:700}#styleTabs button[aria-pressed=true]{background:#6842a5;color:white;border-color:#6842a5}#styleShop input,#styleShop select{background:white;color:#342a46;border:1px solid #dcd4e9;border-radius:12px;padding:12px;font:inherit}#styleShop input::placeholder{color:#82768d}#styleCount{color:#756b83;font-size:13px}.style-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px}#styleItems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:60dvh;overflow:auto;padding:4px 5px 12px}#styleItems .style-product{padding:0;overflow:hidden;text-align:left;display:flex;flex-direction:column;min-width:0;transition:transform .15s,box-shadow .15s;background:#fff;border:2px solid transparent;box-shadow:0 2px 8px #31214f09}#styleItems .style-product:hover{transform:translateY(-3px);box-shadow:0 8px 20px #31214f18}#styleItems .style-product[aria-pressed=true]{border-color:#8052ce;background:#fff}#styleItems img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#d9cce3}#styleItems strong{padding:12px 12px 5px;font-size:14px;line-height:1.4}#styleItems small{padding:0 12px 10px;color:#6a6176;font-size:12px}.style-card-action{padding:9px 12px;background:#f3eefb;color:#6842a5;font-weight:700;font-size:13px;width:100%;margin-top:auto}.style-fitting{background:white;border:1px solid #e5ddee;border-radius:18px;padding:16px;position:sticky;top:0}.style-fitting-label{font-size:12px;font-weight:800;letter-spacing:1px;color:#6c508e;margin-bottom:12px}.style-fitting-label span{display:block;font-size:13px;letter-spacing:0;font-weight:400;color:#857891;margin-top:4px}#stylePreview{height:270px;border-radius:12px}#stylePreviewLabel{color:#776786;font-size:12px;margin:8px 0}#styleShop label{font-size:13px;color:#71657e}#styleShop #styleAngle{padding:0;width:140px;accent-color:#8052ce}#styleName{font-size:23px;line-height:1.25}#styleDescription{font-size:14px;color:#6b6078;line-height:1.55}#stylePrice{color:#476c52;font-size:14px;font-weight:700}#styleShop #styleEquip{display:block;width:100%;background:#6842a5;color:white;border-color:#6842a5;font-size:16px;font-weight:750;padding:14px}#styleShop #styleEquip:disabled{background:#e8f3ec;color:#3c6a4c;border-color:#d7e8dc;opacity:1}#styleShop #styleRemove{font-size:13px;min-height:36px;background:transparent;border:0;color:#776786;margin-top:4px}#styleStatus{font-size:13px;color:#5d6b62;line-height:1.4}#styleShop details{border-color:#e5ddee;font-size:14px}#styleShop summary{cursor:pointer}#styleShop #styleFavorite{font-size:13px}#styleContents button{font-size:12px}
@media(max-width:1000px){#styleItems{grid-template-columns:repeat(2,minmax(0,1fr))}.style-layout{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:650px){#styleShop{padding:16px;width:calc(100% - 12px);max-height:95dvh;border-radius:18px}.style-layout{grid-template-columns:1fr;gap:16px}.style-fitting{position:static}#styleItems{display:flex;overflow-x:auto;max-height:none;padding-bottom:12px}#styleItems .style-product{flex:0 0 145px;min-width:145px}#styleItems strong{font-size:13px}#stylePreview{height:240px}.style-intro{font-size:14px}.style-intro b{margin:6px 0 0}#styleTabs button{padding:8px 12px}#styleShop .style-tools{gap:8px}#styleShop .style-tools input{width:100%;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){#styleItems .style-product{transition:none}#styleItems .style-product:hover{transform:none}}

/* Keep the companion command visible without another inventory row. */
#wildHUD #wildMochi{display:block;width:max-content;max-width:100%;min-height:44px;margin:0 auto 8px;padding:8px 16px;border:1px solid #d9bbee;background:#483859f5;color:#fff5ff;border-radius:22px;font-size:14px;font-weight:650;box-shadow:0 3px 10px #15232d30;touch-action:manipulation}#wildHUD #wildMochi:hover{background:#604676;border-color:#f1d6ff}#wildHUD #wildMochi:focus-visible{outline:3px solid #f5d78c;outline-offset:3px}@media(max-width:480px){#wildHUD #wildMochi{font-size:13px;padding:8px 12px}}
/* Optional boss clearing: compact combat controls, no inventory overlap. */
.alpha-ui{position:fixed;inset:88px 0 0;z-index:35;pointer-events:none;color:#fff5df;font-family:inherit}.alpha-ui[hidden]{display:none}.alpha-status{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:min(460px,88vw);padding:12px 18px;border-radius:18px;background:#15353be8;text-align:center}.alpha-status strong{font-size:19px}.alpha-status progress{display:block;width:100%;height:12px;margin:8px 0;accent-color:#e8b777}.alpha-status p{margin:0;font-size:13px;line-height:1.4}.alpha-card{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(420px,86vw);box-sizing:border-box;padding:24px;border-radius:22px;background:#f8f2df;color:#263f3d;pointer-events:auto;box-shadow:0 12px 50px #0005}.alpha-card[hidden]{display:none}.alpha-card h2{margin:0 0 10px}.alpha-card p{line-height:1.6}.alpha-card button{background:#2d6355;color:white;width:100%;padding:12px;border:0;border-radius:12px}.alpha-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;width:min(780px,96vw);pointer-events:auto}.alpha-controls button,.alpha-controls span{background:#193f42ed;color:#fff5df;border:1px solid #718e85;border-radius:12px;padding:11px 13px;font-size:13px}.alpha-controls button:disabled{opacity:.6}.alpha-controls small{width:100%;text-align:center;font-size:12px;background:#173439d9;padding:5px;border-radius:8px}@media(max-width:600px){.alpha-ui{top:72px}.alpha-status{top:8px}.alpha-card{padding:16px;top:44%}.alpha-controls button{padding:10px;font-size:12px}.alpha-controls small{font-size:10px}}
.alpha-feedback{position:absolute;left:50%;bottom:128px;transform:translateX(-50%);margin:0;padding:7px 14px;border-radius:10px;background:#12383ce8;color:#fff0be;font-size:16px;text-align:center}.alpha-feedback:empty{display:none}.alpha-playing .island-chat{display:none!important}.alpha-controls button:disabled{opacity:.72}

#wildHUD #wildReturn{position:sticky;top:0;z-index:2;display:block;width:100%;background:#d3f393;color:#17352d;font-weight:800;border:2px solid #233f35;box-shadow:0 3px 12px #10262880;margin:12px 0;padding:12px;}

/* Explore map: a closed-by-default corner panel; gameplay stays visible and live. */
.wild-top{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
#wildHUD #wildWeather{pointer-events:auto}
#islandMap{pointer-events:auto;position:absolute;z-index:5;top:78px;right:112px;width:min(320px,calc(100vw - 140px));max-height:calc(100dvh - 280px);overflow:auto;overscroll-behavior:contain;padding:12px;background:#172f3bf5;border:1px solid #96beb775;border-radius:16px;box-shadow:0 8px 28px #10222d55;color:#f6f7e6}
.island-map-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.island-map-head strong{font-size:16px}#wildHUD .island-map-head button{padding:0;width:44px;min-width:44px;font-size:24px}
#islandMap canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:9px;background:#234e60}
#islandMap p{font-size:14px;line-height:1.4;margin:8px 0}.island-map-status{color:#d7eacb}#islandMap .island-map-help{font-size:12px;color:#b4ced0;margin-bottom:0}
#islandMap ul{padding:0;margin:8px 0 0;list-style:none;display:grid;gap:6px}#islandMap li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:14px}#islandMap li>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.island-map-dot{display:grid;place-items:center;width:18px;height:18px;border:1px solid #edf3de99;border-radius:50%;color:#142c37;font-size:12px;font-weight:800}.island-map-distance{color:#c5d6d8;font-variant-numeric:tabular-nums}
@media(max-width:700px){#islandMap{top:72px;right:104px;width:min(270px,calc(100vw - 116px));max-height:calc(100dvh - 280px);padding:10px}.island-map-head strong{font-size:14px}#islandMap p{font-size:14px}#islandMap .island-map-help{font-size:12px}}
@media(max-height:560px){#islandMap{max-height:calc(100dvh - 90px);width:240px;right:110px}#islandMap canvas{width:160px;margin:auto}}

/* Mochi Path: compact onboarding and companion state without pausing play. */
#wildPath{position:absolute;left:20px;top:242px;z-index:4;width:260px;box-sizing:border-box;padding:12px 14px;border:1px solid #e7d3ff55;border-radius:16px;background:linear-gradient(145deg,#2f4056ee,#3f3155ee);box-shadow:0 10px 30px #12222e55;color:#fff8ef;backdrop-filter:blur(10px);pointer-events:none;transition:transform .2s,box-shadow .2s}.wild-path-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.wild-path-top strong{font-size:12px;letter-spacing:1.4px;color:#f4dba1}.wild-path-top b{padding:2px 7px;border-radius:999px;background:#ffffff18;color:#e9f7d1;font-size:12px;font-variant-numeric:tabular-nums}#wildPathGoal{display:block;min-height:34px;font-size:13px;line-height:1.35;color:#fff}#wildPathProgress{display:block;width:100%;height:8px;margin:8px 0 9px;border:0;border-radius:999px;overflow:hidden;appearance:none;background:#ffffff1c}#wildPathProgress::-webkit-progress-bar{background:#ffffff1c}#wildPathProgress::-webkit-progress-value{background:linear-gradient(90deg,#f3c77e,#cfa7ff);border-radius:999px}#wildPathProgress::-moz-progress-bar{background:linear-gradient(90deg,#f3c77e,#cfa7ff);border-radius:999px}#wildMochiState,#wildPartyState{display:block;font-size:12px;line-height:1.35}#wildMochiState{color:#f1d8ff;font-weight:700}#wildPartyState{margin-top:3px;color:#cce3df}.path-pulse{transform:scale(1.025);box-shadow:0 10px 34px #cfa7ff55}
@media(max-width:700px){#wildPath{left:10px;top:205px;width:195px;padding:9px 10px;border-radius:13px}.wild-path-top{margin-bottom:5px}.wild-path-top strong{font-size:11px}.wild-path-top b{font-size:11px}#wildPathGoal{min-height:30px;font-size:12px}#wildPathProgress{margin:6px 0}#wildMochiState,#wildPartyState{font-size:11px}}
@media(max-height:620px){#wildPath{display:none}}
@media(prefers-reduced-motion:reduce){#wildPath{transition:none}.path-pulse{transform:none}}

/* Explore UX pass: one menu, quieter HUD, useful batch crafting, lightweight motion. */
#wildPath,#wildMenuButton{display:none!important}
#wildMenu #islandParty{position:static;inset:auto;transform:none;width:auto;max-width:none;margin:14px 0 4px;padding:12px;background:#102c34;border:1px solid #9cc9ba55;border-radius:12px;box-sizing:border-box}
#wildMenu #islandParty details[open]{max-height:none;overflow:visible}#wildMenu #islandParty summary{font-weight:750;color:#e7f4c8}
#wildCraftRecipes .craft-card-action{display:grid;grid-template-columns:40px minmax(50px,70px) 40px 72px;gap:6px;align-items:center}
#wildCraftRecipes .craft-card-action .craft-make{grid-column:1/-1;min-height:44px}
#wildCraftRecipes .craft-quantity-button,#wildCraftRecipes .craft-max{min-width:0;width:auto;padding:8px!important}
#wildCraftRecipes .craft-quantity{width:100%;min-width:0;height:40px;box-sizing:border-box;border:1px solid #a9d0bd66;border-radius:9px;background:#102f37;color:#fff7e9;font:700 16px/1 system-ui;text-align:center}
.wild-panel:not([hidden]){transform-origin:top right;animation:wildPanelIn .22s cubic-bezier(.2,.85,.25,1)}
.chat-panel:not([hidden]){animation:chatIn .22s cubic-bezier(.2,.85,.25,1)}
#wildCraftPanel.craft-complete{animation:craftComplete .45s ease-out}
#wildHUD button{transition:transform .12s ease,filter .12s ease,background-color .12s ease}#wildHUD button:active:not(:disabled){transform:scale(.96);filter:brightness(1.12)}
@keyframes wildPanelIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes chatIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes craftComplete{0%,100%{box-shadow:0 14px 40px #13232360}45%{box-shadow:0 0 0 4px #d7ff9a88,0 16px 48px #d7ff9a55}}
@media(max-width:480px){#wildCraftRecipes .craft-card-action{grid-template-columns:40px minmax(48px,1fr) 40px 68px}}
@media(prefers-reduced-motion:reduce){.wild-panel:not([hidden]),.chat-panel:not([hidden]),#wildCraftPanel.craft-complete{animation:none}#wildHUD button{transition:none}}

/* Explore-only launch: Town remains in the codebase but is not part of the current player flow. */
body.explore-only #rightRail,body.explore-only #centerDock,body.explore-only #game>.pet-panel,body.explore-only #bayMainMenu{display:none!important}
body.explore-only:not(.explore-ready) #world,body.explore-only:not(.explore-ready) #game>header,body.explore-only:not(.explore-ready) #bayControls{visibility:hidden!important}
body.explore-only{background:#173642}
body.explore-only #game:not(.on-expedition) #world{visibility:hidden!important}
body.explore-only .wild-status{width:auto;min-width:205px;max-width:230px;padding:9px 12px;gap:3px;border:1px solid #ffffff18;box-shadow:0 8px 24px #10252c35}
body.explore-only .wild-status>strong{font-size:13px;letter-spacing:.01em}
body.explore-only #wildGoal{display:none!important}
body.explore-only .wild-menu-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
body.explore-only #wildMenu .wild-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 10px}
body.explore-only #wildMenu .wild-actions button{white-space:normal;min-height:46px}
body.explore-only #wildPauseNote{margin:10px 0;color:#c8d9d4;font-size:13px}
body.explore-only .wild-controls{margin:12px 0;border-top:1px solid #ffffff1f;padding-top:12px}
body.explore-only .wild-controls summary{cursor:pointer;font-weight:700;color:#e7f2dd}
.island-chat .chat-open{display:flex;align-items:center;gap:7px;border-radius:999px!important;padding:9px 14px!important;background:#173c43e8!important;box-shadow:0 8px 22px #0c202940;backdrop-filter:blur(8px);font-weight:700}
.island-chat .chat-open:before{content:'💬';font-size:15px}
.island-chat .chat-panel{background:#173a3feb;box-shadow:0 12px 34px #0c202955}
.island-chat .chat-log{height:112px}
@media(max-width:700px){body.explore-only .wild-status{min-width:175px;max-width:195px;padding:7px 9px}.island-chat .chat-panel{width:min(300px,calc(100vw - 20px))}.island-chat .chat-log{height:92px}}
/* Two blueprints per row, with enough space to read materials and hints. */
#wildBuildPanel{width:min(760px,calc(100vw - 40px));bottom:20px}
#wildRecipes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
#wildRecipes>button{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;column-gap:10px;row-gap:8px;padding:12px;overflow-wrap:anywhere}
#wildRecipes>button img{width:64px;height:64px;grid-row:1;grid-column:1}
#wildRecipes>button .recipe-title{grid-column:2;grid-row:1;font-size:15px;line-height:1.35;font-weight:700}
#wildRecipes>button small{grid-column:1/-1;grid-row:2;font-size:13px;line-height:1.4;margin:0}
@media(max-width:700px){#wildBuildPanel{top:68px;right:8px;bottom:10px;width:calc(100vw - 16px);padding:14px}#wildRecipes{gap:8px}#wildRecipes>button{display:flex;flex-direction:column;gap:7px;padding:9px}#wildRecipes>button img{width:54px;height:54px}#wildRecipes>button .recipe-title{font-size:14px}#wildRecipes>button small{font-size:12px}}
