:root{color:#29463b;--cream:#fff4d1;--cream-light:#fff9e8;--cream-dark:#e7cf91;--forest:#315e4d;--forest-dark:#1d4237;--coral:#dc765f;--coral-dark:#a94f48;--gold:#e4af58;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);background:#315a52;font-family:ui-rounded,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#315a52;width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100dvh}#app,#game,#ui,#controls{position:fixed;inset:0}#app,#game,#controls{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game{z-index:0;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated;display:block}#ui{z-index:4;pointer-events:none}#controls{z-index:3;pointer-events:none}.hud>*,.title button,.onboard,.dialogue,.modal,.ledger,.toast{pointer-events:auto}button{color:#fff9df;background:var(--coral);min-height:44px;box-shadow:0 3px 0 var(--coral-dark);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:10px;margin:5px;padding:10px 17px;font-weight:800}button.secondary{background:#729575;box-shadow:0 3px #4c735a}button:focus-visible{outline-offset:3px;outline:4px solid #fff4b0}button:disabled{cursor:default}@media (hover:hover){button:not(.dialogue):hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}}.title{min-height:100dvh;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));background:radial-gradient(circle at 14% 76%,#f0c36b 0 3px,#0000 4px),radial-gradient(circle at 88% 24%,#f5a28c 0 3px,#0000 4px),radial-gradient(circle at 30% 22%,#bfe49b 0 8%,#0000 24%),radial-gradient(circle at 50% 36%,#a8d78b,#42765e 72%);place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.title:before,.title:after{content:"";opacity:.52;pointer-events:none;background:linear-gradient(78deg,#0000 48%,#294f40 49% 52%,#0000 53%) 0 0/27px 92px,linear-gradient(102deg,#0000 48%,#497c58 49% 52%,#0000 53%) 9px 18px/31px 80px;width:32%;height:28%;position:absolute;bottom:0}.title:before{left:0}.title:after{right:0;transform:scaleX(-1)}.title-card{z-index:1;text-align:center;background:linear-gradient(#fff8dfcc,#fff8dfcc),repeating-linear-gradient(0deg,#fff4d1 0 9px,#f5e2ae 10px);border:5px solid #f8e8b4;border-radius:22px;width:min(440px,100%);padding:32px 40px 27px;position:relative;overflow:hidden;box-shadow:0 9px #315e4d,0 19px 45px #163a36aa,inset 0 0 0 3px #d99a6944}.title-card:after{content:"";opacity:.22;background:#91bb70;border-radius:50%;width:95px;height:64px;position:absolute;bottom:-16px;right:-14px}.eyebrow,small{color:#937044;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:900}.title h1{color:#395e4e;letter-spacing:-.04em;text-transform:uppercase;margin:9px 0 13px;font-size:clamp(39px,9vw,49px);line-height:.84}.title h1 em{color:#d57163;text-transform:none;font-family:Georgia,serif;font-weight:400}.title p{line-height:1.45}.title-actions{gap:3px;margin-top:14px;display:grid}.title-actions button{width:100%;margin:3px 0}.tiny{opacity:.72;margin:17px 0 0;font-size:11px}.capy-crest{background:#bd8b59;border:5px solid #5c4032;border-radius:48% 48% 43% 43%;width:90px;height:59px;animation:3.4s ease-in-out infinite crest-bob;display:inline-block;position:relative;box-shadow:inset 0 -8px #a9774e,0 5px #d9b06955}.capy-crest__ear{background:#bd8b59;border:4px solid #5c4032;border-radius:50%;width:22px;height:20px;position:absolute;top:-10px}.capy-crest__ear:after{content:"";background:#df987f;border-radius:50%;position:absolute;inset:5px}.capy-crest__ear--left{left:7px}.capy-crest__ear--right{right:7px}.capy-crest__eye{background:#302923;border-radius:50%;width:8px;height:9px;position:absolute;top:20px}.capy-crest__eye:after{content:"";background:#fff8dc;border-radius:50%;width:3px;height:3px;position:absolute;top:1px;left:1px}.capy-crest__eye--left{left:22px}.capy-crest__eye--right{right:22px}.capy-crest__snout{background:#d6a579;border:3px solid #5c4032;border-radius:50%;width:38px;height:24px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.capy-crest__snout:before{content:"";background:#49342c;border-radius:50%;width:9px;height:6px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.capy-crest__snout:after{content:"";border-bottom:2px solid #6f463b;border-radius:50%;width:14px;height:6px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.capy-crest--portrait{border-width:3px;flex:none;width:58px;height:43px;animation:none}.capy-crest--portrait .capy-crest__ear{border-width:3px;width:15px;height:14px;top:-7px}.capy-crest--portrait .capy-crest__ear:after{inset:3px}.capy-crest--portrait .capy-crest__eye{width:6px;height:7px;top:14px}.capy-crest--portrait .capy-crest__eye--left{left:14px}.capy-crest--portrait .capy-crest__eye--right{right:14px}.capy-crest--portrait .capy-crest__snout{border-width:2px;width:27px;height:17px;bottom:3px}.capy-crest--portrait .capy-crest__snout:before{width:7px;height:5px;top:3px}.capy-crest--portrait .capy-crest__snout:after{display:none}.topbar{top:calc(16px + var(--safe-top));left:calc(17px + var(--safe-left));align-items:center;gap:8px;display:flex;position:absolute}.topbar span,.sound{color:#365848;background:#fff2c8ee;border:3px solid #416653;border-radius:9px;align-items:center;gap:4px;min-height:42px;padding:7px 10px;font-weight:900;display:inline-flex;box-shadow:0 3px #315242}.topbar i{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-style:normal}.clock{flex-wrap:wrap;justify-content:center}.clock i{color:#66806e;text-align:center;width:100%}.sound{margin:0;box-shadow:0 3px #315242}.sound b{color:#bd6755}.quest{top:calc(72px + var(--safe-top));left:calc(17px + var(--safe-left));background:#fff7dff2;border:3px solid #416653;border-left:7px solid #e2ad5b;border-radius:4px 11px 11px 4px;width:330px;padding:11px 14px;position:absolute;box-shadow:0 4px #4c735a,0 9px 22px #254c3d22}.request-card{color:#4f3928;background:#fff5d2f0;border:2px solid #684c2f47;border-radius:14px;width:min(15rem,34vw);padding:.75rem .85rem;position:fixed;top:12.2rem;left:1.4rem;box-shadow:0 8px 22px #2f231924}.request-card small,.request-card strong,.request-card span{display:block}.request-card small{color:#92704f;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.request-card strong{margin:.22rem 0;font-size:.9rem}.request-card span{color:#72543b;font-size:.72rem}.standing{color:var(--standing-color);font-weight:700}.standing i{color:#92704f;text-transform:uppercase;letter-spacing:.06em;margin-right:.2rem;font-size:.62rem;font-style:normal}.festival-chip{color:var(--festival-color);font-weight:800}.daycard__festival{color:#a15e49;font-weight:700}.quest small,.quest strong,.quest span{display:block}.quest strong{margin:2px 0 3px;font-size:14px;line-height:1.22}.quest span{color:#627864;font-size:11px;line-height:1.25}.inventory{bottom:calc(17px + var(--safe-bottom));left:calc(17px + var(--safe-left));background:#fff2c8f2;border:3px solid #416653;border-radius:10px;display:flex;position:absolute;overflow:hidden;box-shadow:0 3px #315242}.inventory>span{border-right:1px solid #cbbd88;justify-content:center;align-items:center;gap:4px;min-width:44px;height:43px;padding:5px 8px;display:flex}.inventory>span:last-child{border:0}.inventory i{color:#fff8d9;background:#6d9569;border-radius:50% 50% 45% 45%;place-items:center;width:22px;height:22px;font-size:8px;font-style:normal;font-weight:900;display:grid}.inventory>span:nth-child(2) i{background:#966c4b}.inventory>span:nth-child(3) i{background:#70817d}.inventory>span:nth-child(4) i{background:#c85f68}.inventory>span:nth-child(5) i{background:#668e55}.inventory b{font-size:12px}.tools{bottom:calc(17px + var(--safe-bottom));left:calc(260px + var(--safe-left));gap:4px;display:flex;position:absolute}.tools button{color:#416653;background:#fff2c8f2;border:3px solid #416653;grid-template:11px 1fr/15px 1fr;align-items:center;width:56px;height:49px;min-height:44px;margin:0;padding:3px;display:grid;box-shadow:0 3px #315242}.tools button.selected{color:#fff9df;background:#e5ae62;border-color:#6e5335}.tools button i{grid-area:1/1;font-size:9px;font-style:normal}.tools button b{grid-area:2/1;font-size:14px}.tools button span{writing-mode:vertical-rl;grid-area:1/2/3;font-size:9px;transform:rotate(180deg)}.ledger{right:calc(17px + var(--safe-right));bottom:calc(17px + var(--safe-bottom));background:#416653;min-height:46px;margin:0;position:absolute;box-shadow:0 3px #274839}.build-toggle{right:calc(17px + var(--safe-right));bottom:calc(76px + var(--safe-bottom));color:#fff7d8;background:#c56d57;border:3px solid #fff0bd;min-width:112px;min-height:46px;margin:0;position:absolute;box-shadow:0 3px #713e36}.seed-toggle{right:calc(17px + var(--safe-right));bottom:calc(135px + var(--safe-bottom));color:#fff7d8;background:#5f8a69;border:3px solid #fff0bd;min-width:112px;min-height:46px;margin:0;position:absolute;box-shadow:0 3px #315242}.seed-toggle.selected{color:#365848;background:#efca70}.seed-toggle span{color:#efca70;text-shadow:2px 0 #365848,-2px 0 #365848,0 2px #365848,0 -2px #365848;margin-right:4px}.seed-toggle b{margin-left:5px;font-size:9px}.build-toggle.selected{color:#365848;background:#efca70}.build-toggle span{border:2px solid;place-items:center;width:21px;height:21px;margin-right:5px;display:inline-grid}.build-palette{top:50%;right:calc(17px + var(--safe-right));color:#365848;background:#fff4d8f5;border:4px solid #416653;border-radius:11px;width:min(292px,100vw - 34px);padding:11px;position:absolute;transform:translateY(-50%);box-shadow:0 5px #294b3d,0 12px 30px #173a3244}.seed-pouch{z-index:12;top:50%;right:calc(17px + var(--safe-right));color:#365848;background:#fff4d8f7;border:4px solid #416653;border-radius:11px;width:min(314px,100vw - 34px);padding:12px;position:absolute;transform:translateY(-50%);box-shadow:0 5px #294b3d,0 12px 30px #173a3244}.seed-pouch__heading{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.seed-pouch__heading span{flex-direction:column;display:flex}.seed-pouch__heading button{background:#557a61;min-height:36px;margin:0;padding:6px 11px;font-size:11px;box-shadow:0 2px #315242}.seed-pouch>p{color:#68775e;margin:2px 0 9px;font-size:9px}.seed-grid,.market-list,.gift-list{gap:7px;display:grid}.seed-grid button,.market-list button,.gift-list button{color:#365848;text-align:left;background:#e9deb2;border:2px solid #79906d;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;min-height:58px;margin:0;padding:7px 9px;display:grid;box-shadow:0 2px #a28f60}.seed-grid button.selected{background:#efc56f;border-color:#6e5335;box-shadow:0 3px #8c6642}.seed-grid button span,.market-list button span,.gift-list button span{flex-direction:column;min-width:0;display:flex}.seed-grid button b,.market-list button b,.gift-list button b{font-size:11px}.seed-grid button small,.market-list button small,.gift-list button small{color:#66765d;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.seed-grid button strong,.market-list button strong,.gift-list button strong{color:#9b5a46;font-size:13px}.seed-swatch{background:#78bed0;border:3px solid #4b634d;border-radius:50% 50% 46% 46%;width:27px;height:27px;display:block;position:relative;box-shadow:inset 4px 4px #c8eef0}.seed-swatch:after{content:"";background:#4f8f67;width:7px;height:9px;position:absolute;top:-6px;left:11px}.seed-swatch--marshCarrot{background:#df8b55;box-shadow:inset 4px 4px #ffd08a}.seed-swatch--sunberry{background:#c96377;box-shadow:inset 4px 4px #ffd37b}.seed-swatch--reedroot{background:linear-gradient(135deg,#6b8652 0 48%,#c08b62 49% 100%)}.seed-swatch--bogmushroom{background:linear-gradient(135deg,#72805a 0 44%,#bd8876 45% 100%)}.build-palette__heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.build-palette__heading span{flex-direction:column;display:flex}.build-palette__heading small{font-size:8px}.build-palette__heading button{background:#557a61;min-height:36px;margin:0;padding:6px 11px;font-size:11px;box-shadow:0 2px #315242}.build-palette__pieces{grid-template-columns:1fr 1fr;gap:6px;display:grid}.build-palette__pieces button{color:#365848;text-align:left;background:#e8ddb0;border:2px solid #6c8062;align-content:center;min-height:57px;margin:0;padding:7px 7px 6px 27px;display:grid;position:relative;box-shadow:0 2px #9c8a5d}.build-palette__pieces button.selected{background:#efc56f;border-color:#6e5335;box-shadow:0 3px #8c6642}.build-palette__pieces i{border:1px solid;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid;position:absolute;top:7px;left:7px}.build-palette__pieces b{font-size:11px}.build-palette__pieces span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.build-palette p{color:#fff8dd;background:#b75e54;border-radius:5px;margin:9px 0 3px;padding:6px 8px;font-size:10px;font-weight:900;line-height:1.2}.build-palette p.valid{background:#52785b}.build-palette__hint{color:#68775e;letter-spacing:0;text-transform:none;font-size:8px;line-height:1.2;display:block}.ledger span{color:#efca70;letter-spacing:-2px;margin-right:5px;font-size:9px}.event-chip{border:2px solid var(--event-accent);color:#4d624f;letter-spacing:0;text-transform:none;background:#fff1c7dd;border-radius:999px;align-items:center;gap:5px;max-width:190px;min-height:28px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex;box-shadow:0 2px #725b4366}.event-chip b{color:var(--event-accent);font-size:14px}.event-chip.claimed{color:#55745a;background:#e2efc7;border-color:#668d68}.event-chip.claimed b{color:#668d68;font-size:9px}.ledger-event{text-align:left;background:#f5dfa2;border:2px solid #d5b477;border-radius:10px;flex-direction:column;align-items:flex-start;margin:14px 0 18px;padding:11px;display:flex}.ledger-event small,.ledger-event span{color:#68775e;letter-spacing:0;text-transform:none;margin:0;font-size:9px}.ledger-event b{color:#5b704e;margin:3px 0}.daycard__event{color:#68775e;margin:6px 0 18px;font-size:10px;font-weight:900}.prompt{bottom:calc(80px + var(--safe-bottom));color:#fff8d5;text-align:center;background:#294b3def;border:2px solid #f0d98b55;border-radius:12px;max-width:min(540px,90vw);padding:10px 16px;font-weight:700;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px #16352e}.prompt kbd{color:#315242;background:#fff1bf;border-radius:5px;margin-right:5px;padding:3px 7px;box-shadow:0 2px #caa968}.onboard{top:calc(160px + var(--safe-top));color:#fff8d5;text-align:left;background:#315e4df2;border:2px solid #f4dc9044;border-radius:13px;align-items:center;gap:10px;width:min(410px,90vw);padding:11px 12px 11px 16px;font-size:13px;line-height:1.35;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px #1d4237,0 10px 24px #19372f33}.onboard button{box-shadow:none;flex:none;margin:0;padding:7px 11px}.toast{top:calc(232px + var(--safe-top));color:#365848;text-align:center;background:#fff1c9f2;border:2px solid #5c7a52;border-radius:9px;max-width:min(360px,85vw);padding:8px 13px;font-size:12px;font-weight:900;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px #3b624d}.dialogue{bottom:calc(25px + var(--safe-bottom));color:#29463b;text-align:left;background:linear-gradient(90deg,#f2d99c44,#0000 24%),#fff6d8;border:4px solid #416653;border-radius:17px;align-items:center;gap:16px;width:min(700px,94vw);min-height:105px;margin:0;padding:14px 20px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px #274839,0 14px 28px #18382f55}.dialogue-copy{flex-direction:column;flex:1;min-width:0;display:flex}.dialogue-line{margin:4px 0 7px;font-size:17px;font-weight:500;line-height:1.34}.dialogue-hint{color:#648070;font-size:11px}.modal{z-index:20;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#173a32b8;place-items:center;display:grid;position:absolute;inset:0}.modal>div{text-align:center;background:radial-gradient(circle at 12% 14%,#f0c86b55 0 4px,#0000 5px),#fff4d1;border:5px solid #e7c76b;border-radius:19px;width:min(420px,100%);max-height:92dvh;padding:28px;overflow:auto;box-shadow:0 8px #315e4d,0 22px 50px #16362e88}.modal h2{color:#456856;margin:5px 0}.daycard h2{color:#d06e5d;font-size:32px}.daycard__earnings{justify-content:center;align-items:baseline;gap:8px;margin:18px auto 8px;display:flex}.daycard__earnings b{color:#c56d57;font-size:26px}.daycard__forecast{color:#52705c;margin:5px 0 19px;font-weight:900}.market-modal>div{width:min(460px,100%)}.market-balance{color:#52705c;background:#f5dfa2;border:2px solid #d5bd76;justify-content:space-between;margin:14px 0;padding:8px 10px;display:flex}.market-list{margin-bottom:15px}.gift-modal>div{width:min(440px,100%)}.gift-list{margin:16px 0}.gift-list button>i{color:#fff4d1;background:#c06b58;border:2px solid #55725c;border-radius:8px;place-items:center;width:29px;height:29px;font-size:9px;font-style:normal;font-weight:900;display:grid;box-shadow:inset 3px 3px #e89b7e}.ledger-modal>div{width:min(470px,100%)}.ledger-modal p{text-align:left;border-bottom:1px solid #dfcf9c;justify-content:space-between;gap:15px;margin:8px 0;padding-bottom:8px;display:flex}.ledger-modal p>span{color:#587363;text-align:right}.ledger-list{margin:18px 0}.ledger-list small{text-align:left;margin-bottom:7px;display:block}.friend-meter{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:inline-flex}.friend-meter i{background:0 0;border:2px solid #b86859;border-radius:50% 50% 45% 45%;width:11px;height:11px}.friend-meter i.filled{background:#dc765f;box-shadow:inset 2px 2px #f4a18e}.neighbor-card{text-align:left;background:#f4e2ad;border:2px solid #dbc589;border-radius:10px;grid-template-columns:minmax(135px,1fr) minmax(90px,116px);align-items:center;gap:6px 10px;margin:7px 0;padding:9px;display:grid}.neighbor-card>span:not(.friend-meter){flex-direction:column;min-width:0;display:flex}.neighbor-card>span small{color:#587363;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap;margin:2px 0 0;font-size:9px;overflow:hidden}.neighbor-card>em{grid-column:1/-1;gap:5px;font-size:8px;font-style:normal;display:flex}.neighbor-card>em i{color:#6a7664;background:#dfd5ad;border-radius:999px;padding:3px 6px;font-style:normal;font-weight:900}.neighbor-card>em i.done{color:#fff4d1;background:#5e8064}.touch-controls{display:none}@media (pointer:coarse),(width<=720px),(height<=500px){.touch-controls--visible{display:block}.touch-joystick{bottom:max(14px, calc(var(--safe-bottom) + 8px));left:max(12px, calc(var(--safe-left) + 8px));pointer-events:auto;touch-action:none;background:radial-gradient(circle,#315e4d55 0 24%,#0000 25%),#254a40a8;border:4px solid #f8e9b7aa;border-radius:50%;width:124px;height:124px;position:absolute;box-shadow:inset 0 0 0 4px #315e4d99,0 5px #173a3277,0 10px 26px #173a3255}.touch-joystick__guide{border:2px dashed #fff2c866;border-radius:50%;position:absolute;inset:27px}.touch-joystick__guide:before,.touch-joystick__guide:after{content:"";background:#fff2c84d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-joystick__guide:before{width:50px;height:2px}.touch-joystick__guide:after{width:2px;height:50px}.touch-joystick__knob{will-change:transform;background:radial-gradient(circle at 36% 30%,#f2cc7b 0 5px,#0000 6px),#d88a62;border:4px solid #fff3c8;border-radius:50%;width:51px;height:51px;margin:-25.5px 0 0 -25.5px;position:absolute;top:50%;left:50%;box-shadow:inset 0 -6px #bd6755,0 5px #6d463a,0 8px 16px #173a3266}.touch-joystick--disabled{opacity:.38}.touch-walk-hint{bottom:max(194px, calc(var(--safe-bottom) + 188px));left:max(17px, calc(var(--safe-left) + 13px));color:#fff7d8;text-align:center;text-shadow:0 1px #173a32;background:#254a40b8;border-radius:7px;width:114px;margin:0;padding:5px 7px;font-size:10px;font-weight:800;line-height:1.15;position:absolute}.touch-controls--movement-disabled .touch-walk-hint{display:none}.touch-action{right:max(14px, calc(var(--safe-right) + 9px));bottom:max(20px, calc(var(--safe-bottom) + 13px));color:#fff8df;letter-spacing:.01em;pointer-events:auto;text-shadow:0 1px #274839;background:#537a5d;border:5px solid #fff0bc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:84px;height:84px;min-height:84px;margin:0;padding:7px;font-size:12px;display:flex;position:absolute;box-shadow:inset 0 -8px #3c604b,0 6px #203f35,0 12px 28px #173a3266}.touch-action--contextual{background:#dc765f;animation:2.2s ease-in-out infinite action-ready;box-shadow:inset 0 -8px #b95c50,0 6px #6d403a,0 12px 28px #173a3266}.touch-action:disabled{opacity:.38;animation:none}.touch-action__leaf{background:#f0cf67;border:2px solid #6f5527;border-radius:90% 15% 85%;width:20px;height:14px;position:relative;transform:rotate(-24deg)}.touch-action__leaf:after{content:"";background:#6f5527;width:10px;height:2px;position:absolute;bottom:-3px;right:-5px;transform:rotate(36deg)}.touch-action__label{text-overflow:ellipsis;white-space:nowrap;max-width:68px;overflow:hidden}.topbar{top:calc(8px + var(--safe-top));right:calc(8px + var(--safe-right));left:calc(8px + var(--safe-left));grid-template-columns:auto auto auto minmax(58px,auto);gap:3px;width:auto;display:grid}.topbar span,.sound{white-space:nowrap;border-width:2px;border-radius:8px;justify-content:center;min-width:0;min-height:44px;padding:4px 6px;font-size:12px;box-shadow:0 2px #315242}.topbar i{font-size:7px;display:inline}.sound{gap:3px}.sound span{display:none}.sound b:before{content:"Snd ";color:#365848;text-transform:uppercase;font-size:9px}.quest{top:calc(62px + var(--safe-top));left:calc(10px + var(--safe-left));width:min(252px, calc(100vw - 138px - var(--safe-left) - var(--safe-right)));border-width:2px 2px 2px 6px;min-height:72px;padding:8px 10px;box-shadow:0 3px #4c735a}.quest strong{margin:1px 0 2px;font-size:12px}.quest span{font-size:9px}.inventory{top:calc(148px + var(--safe-top));bottom:auto;left:calc(10px + var(--safe-left));border-width:2px;box-shadow:0 2px #315242}.inventory>span{gap:2px;min-width:38px;height:40px;padding:3px 4px}.inventory i{width:19px;height:19px;font-size:7px}.inventory b{font-size:10px}.tools{bottom:max(143px, calc(var(--safe-bottom) + 137px));gap:3px;left:50%;transform:translate(-50%)}.tools button{border-width:2px;grid-template:10px 1fr/13px 1fr;width:46px;height:47px;box-shadow:0 2px #315242}.tools button span{font-size:8px}.ledger{top:calc(148px + var(--safe-top));right:calc(10px + var(--safe-right));min-width:103px;min-height:44px;padding:7px 9px;font-size:11px;bottom:auto}.build-toggle{top:calc(198px + var(--safe-top));right:calc(10px + var(--safe-right));border-width:2px;min-width:103px;min-height:44px;padding:7px 9px;font-size:11px;bottom:auto}.seed-toggle{top:calc(248px + var(--safe-top));right:calc(10px + var(--safe-right));border-width:2px;min-width:103px;min-height:44px;padding:7px 9px;font-size:11px;bottom:auto}.build-palette{top:auto;right:max(8px, calc(var(--safe-right) + 6px));bottom:max(146px, calc(var(--safe-bottom) + 140px));left:max(8px, calc(var(--safe-left) + 6px));border-width:3px;width:auto;padding:8px;transform:none}.seed-pouch{top:auto;right:max(8px, calc(var(--safe-right) + 6px));bottom:max(146px, calc(var(--safe-bottom) + 140px));left:max(8px, calc(var(--safe-left) + 6px));border-width:3px;width:auto;padding:9px;transform:none}.seed-pouch__heading{margin-bottom:3px}.seed-pouch>p{margin-bottom:5px}.seed-grid{grid-template-columns:repeat(3,1fr);gap:4px}.seed-grid button{grid-template:28px 1fr/28px 1fr;gap:3px;min-width:0;min-height:72px;padding:5px}.seed-grid button span{grid-area:2/1/auto/3}.seed-grid button strong{text-align:right;grid-area:1/2}.seed-grid button small{font-size:7px}.build-palette__heading{margin-bottom:5px}.build-palette__pieces{grid-template-columns:repeat(4,1fr);gap:4px}.build-palette__pieces button{text-align:center;min-width:0;min-height:54px;padding:17px 4px 4px}.build-palette__pieces i{top:3px;left:4px}.build-palette__pieces b{font-size:9px}.build-palette__pieces span{font-size:7px}.build-palette p{margin:5px 0 2px;padding:4px 6px;font-size:9px}.ui-building .tools,.ui-game-menu .tools,.prompt{display:none}.onboard{top:calc(202px + var(--safe-top));width:min(360px, calc(100vw - 24px - var(--safe-left) - var(--safe-right)));padding:10px 10px 10px 13px;font-size:11px}.toast{top:calc(266px + var(--safe-top));font-size:10px}.dialogue{bottom:max(146px, calc(var(--safe-bottom) + 140px));width:min(680px, calc(100vw - 22px - var(--safe-left) - var(--safe-right)));border-width:3px;gap:11px;min-height:98px;padding:11px 13px;box-shadow:0 4px #274839,0 10px 20px #18382f44}.dialogue-line{margin:2px 0 4px;font-size:13px;line-height:1.25}.dialogue-hint{font-size:9px}.ui-dialogue .tools,.ui-dialogue .inventory,.ui-dialogue .ledger,.ui-dialogue .toast{display:none}.modal>div{padding:22px 18px}.ledger-modal>div{font-size:12px}.title-card{padding:27px 25px 23px}}@media (pointer:coarse) and (orientation:landscape) and (height<=500px),(width<=720px) and (orientation:landscape) and (height<=500px),(orientation:landscape) and (height<=500px){.touch-joystick{bottom:max(7px, calc(var(--safe-bottom) + 4px));left:max(8px, calc(var(--safe-left) + 5px));width:112px;height:112px}.touch-action{right:max(9px, calc(var(--safe-right) + 5px));bottom:max(10px, calc(var(--safe-bottom) + 6px));border-width:4px;width:76px;height:76px;min-height:76px}.touch-walk-hint{bottom:max(123px, calc(var(--safe-bottom) + 119px));left:max(7px, calc(var(--safe-left) + 4px));width:114px}.topbar{top:calc(5px + var(--safe-top));width:326px;right:auto}.quest{top:calc(57px + var(--safe-top));width:278px}.inventory{top:calc(57px + var(--safe-top));right:calc(128px + var(--safe-right));left:auto}.ledger{top:calc(104px + var(--safe-top));right:calc(128px + var(--safe-right))}.tools{bottom:max(8px, calc(var(--safe-bottom) + 5px))}.onboard{top:calc(133px + var(--safe-top));width:390px}.toast{top:calc(188px + var(--safe-top))}.dialogue{bottom:max(91px, calc(var(--safe-bottom) + 87px));width:min(594px, calc(100vw - 246px - var(--safe-left) - var(--safe-right)));min-height:90px;padding:9px 12px}.title{padding:calc(8px + var(--safe-top)) calc(12px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(12px + var(--safe-left))}.title-card{width:min(620px,92vw);padding:13px 25px 11px}.capy-crest--title{border-width:3px;width:64px;height:44px}.capy-crest--title .capy-crest__ear{border-width:3px;width:16px;height:15px;top:-7px}.capy-crest--title .capy-crest__ear:after{inset:3px}.capy-crest--title .capy-crest__eye{width:6px;height:7px;top:14px}.capy-crest--title .capy-crest__eye--left{left:16px}.capy-crest--title .capy-crest__eye--right{right:16px}.capy-crest--title .capy-crest__snout{border-width:2px;width:29px;height:18px}.title h1{margin:4px 0 6px;font-size:35px}.title p:not(.eyebrow,.tiny){margin:6px 0;font-size:13px}.eyebrow{margin:4px 0}.title-actions{justify-content:center;margin-top:5px;display:flex}.title-actions button{width:auto;min-width:180px}.tiny{margin-top:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes crest-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-3px)rotate(1deg)}}@keyframes action-ready{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}