:root{color-scheme:dark;--ink:#fff3d1;--quiet:#d7dbcc;--night:#162033;--panel:#26364b;--panel-shadow:#111a2b;--edge:#827caf;--gold:#ffd675;--gold-deep:#a76035;--wood:#8d5339}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden;background:#172235}body{color:var(--ink);font-family:Courier New,ui-monospace,monospace;font-weight:700;-webkit-font-smoothing:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}button{color:inherit;font:inherit;touch-action:manipulation;cursor:pointer}button:focus-visible{outline:3px solid #fff2a4;outline-offset:3px}.game-shell{position:relative;isolation:isolate;width:100%;height:100dvh;min-height:360px;overflow:hidden;background:#5a974c}#game-mount{position:absolute;inset:0;z-index:0;overflow:hidden}#game-mount canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.world-tint{inset:0;z-index:1;background:linear-gradient(180deg,rgba(17,28,47,.66),rgba(17,28,47,.05) 17%,transparent 54%,rgba(16,29,42,.1) 76%,rgba(15,25,40,.54))}.topbar,.world-tint{position:absolute;pointer-events:none}.topbar{z-index:2;top:max(12px,env(safe-area-inset-top));left:clamp(12px,2.1vw,34px);right:clamp(12px,2.1vw,34px);height:56px;display:flex;align-items:center;justify-content:space-between}.brand-mark,.location-pill,.top-actions{pointer-events:auto}.brand-mark{display:flex;align-items:center;gap:9px;padding:7px 11px 6px 8px;color:#fff7d6;font-size:14px;letter-spacing:1.2px;background:#202a43;border:2px solid #716d9e;box-shadow:inset 0 0 0 2px #111a30,0 3px 0 rgba(14,24,39,.45);text-shadow:2px 2px #111827}.brand-leaf{display:grid;place-items:center;width:24px;height:24px;color:#ffe286;background:#4f5940;border:2px solid #91a166;box-shadow:inset 0 0 0 2px #374235;font-size:13px}.location-pill{display:flex;align-items:center;gap:9px;padding:10px 15px;background:rgba(28,39,55,.89);border:2px solid #77739f;box-shadow:inset 0 0 0 2px #111a30,0 3px 0 rgba(14,24,39,.38);font-size:10px;letter-spacing:1.2px;white-space:nowrap}.location-dot{display:block;width:8px;height:8px;border-radius:50%;background:#a8d564;box-shadow:0 0 9px #c8fa81}.top-actions{display:flex;gap:8px}.pixel-icon{width:42px;height:42px;display:grid;place-items:center;background:#243147;border:2px solid #8e83b3;box-shadow:inset 0 0 0 2px #111a30,0 3px 0 rgba(14,24,39,.4);color:#ffe08a;font-size:21px}.pixel-icon:hover{transform:translateY(-2px);background:#35465d}.install-action{font-size:22px}.world-hud{position:absolute;z-index:2;top:84px;left:clamp(14px,2.4vw,38px);display:flex;gap:10px;align-items:center}.companion-chip,.discovery-chip{display:flex;align-items:center;gap:8px;background:rgba(25,36,51,.88);border:2px solid #6a6b82;box-shadow:inset 0 0 0 2px #172237,0 4px 0 rgba(20,30,42,.28);padding:6px 10px 6px 6px}.companion-face{width:31px;height:32px;display:grid;place-items:center;border:2px solid #f6cf81;box-shadow:inset 0 0 0 2px #9e5535;color:#fff1bc;text-shadow:1px 2px #533422;font-size:16px}.mico-face{background:radial-gradient(circle at 50% 54%,#d88c50 0 42%,transparent 43%),#493245;border-radius:9px 9px 14px 14px}.companion-chip span:nth-child(2){display:flex;flex-direction:column;gap:1px}.companion-chip small{color:#bfc9c9;font-size:7px;letter-spacing:.6px}.companion-chip b{color:#ffe081;font-size:10px;letter-spacing:.8px}.sound-wave{color:#8fdaf3;font-size:17px}.discovery-chip{font-size:8px;color:#fcdfa0;letter-spacing:.5px}.discovery-chip span{color:#ffe273;font-size:14px}.interaction-hint{position:absolute;z-index:1;left:50%;bottom:114px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 11px;background:rgba(28,39,55,.88);border:1px solid rgba(218,209,172,.45);box-shadow:0 3px 0 rgba(20,30,42,.35);color:#f9ebc7;font-size:8px;letter-spacing:.6px;white-space:nowrap;opacity:.84}.key-cap{display:grid;place-items:center;min-width:20px;height:20px;color:#493322;background:#ffe198;border:2px solid #fff0bf;box-shadow:inset 0 -3px #d89b47;font-size:10px}.bottom-bar{position:absolute;z-index:2;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(510px,calc(100% - 28px));min-height:76px;justify-content:space-between;gap:14px;padding:8px 10px;background:rgba(25,35,51,.94);border:2px solid #8580a5;box-shadow:inset 0 0 0 2px #131e31,0 5px 0 rgba(15,26,38,.36)}.action-orb,.bottom-bar{display:flex;align-items:center}.action-orb{flex-direction:column;justify-content:center;gap:3px;width:58px;height:55px;border:2px solid #7e7899;background:#354256;box-shadow:inset 0 0 0 2px #222e43,inset 0 -4px #263447;color:#ffe391}.action-orb>span{font-size:22px;line-height:21px}.action-orb small{color:#d7dbcc;font-size:7px;letter-spacing:.4px}.action-orb:hover{background:#46536a;transform:translateY(-1px)}.main-action{position:relative;flex:1 1;min-height:56px;max-width:244px;display:flex;align-items:center;justify-content:center;gap:10px;border:3px solid #ffe094;background:linear-gradient(#f8c969,#d89542);box-shadow:inset 0 0 0 2px #fff1bd,inset 0 -5px #b96e38,0 4px 0 #102033;color:#503221;font-size:13px;letter-spacing:1.1px;text-shadow:0 1px #ffe8a3}.main-action:hover{filter:brightness(1.08);transform:translateY(-2px)}.action-sparkle{color:#fff5c5;text-shadow:1px 1px #ad6532;font-size:20px}.activity-panel{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-48%);width:min(470px,calc(100% - 30px));padding:22px 24px 19px;background:linear-gradient(145deg,#34445b,#27374d 76%);border:3px solid #aaa0c9;box-shadow:inset 0 0 0 3px #1d2a40,inset 0 0 0 5px #62708a,0 10px 0 rgba(16,28,41,.42),0 20px 60px rgba(10,20,28,.32);color:#fff3d1;text-align:center}.activity-panel:before{content:"";position:absolute;inset:7px;border:1px solid rgba(216,216,207,.28);pointer-events:none}.close-panel{position:absolute;top:7px;right:9px;width:30px;height:30px;background:#914d45;border:2px solid #efb58a;box-shadow:inset 0 -3px #633c3a;color:#fff3da;font-size:20px;line-height:17px}.panel-kicker{color:#cad5d5;font-size:8px;letter-spacing:1px}.sparkle-mark{color:#ffe17d;font-size:17px;vertical-align:-2px;margin-right:5px}.sound-title{justify-content:center;gap:12px;margin-top:13px;color:#92e2ff;font-size:30px;letter-spacing:2px;text-shadow:3px 3px #1d374b}.listen-button,.sound-title{display:flex;align-items:center}.listen-button{gap:5px;padding:5px 8px;border:2px solid #9ed0d9;background:#31556a;color:#fff1bf;font-size:14px;box-shadow:inset 0 -3px #263e54}.listen-button small{font-size:7px}.activity-panel p{margin:10px 0 17px;color:#e3e2d7;font-size:12px;font-weight:600}.sound-options{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.sound-card{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 3px 8px;background:#3a4a5c;border:2px solid #8e96a1;box-shadow:inset 0 0 0 2px #28374b,inset 0 -4px #253348;color:#fff0ca}.sound-card.found,.sound-card:hover{border-color:#ffe093;background:#4c604d}.sound-card b{font-size:8px;letter-spacing:.4px}.tiny-speaker{color:#92dff5;font-size:13px;line-height:10px}.object-art{position:relative;display:block;width:42px;height:40px;--object-color:#d89b5a}.object-art:after,.object-art:before{content:"";position:absolute;image-rendering:pixelated}.art-macaco:before{left:8px;top:7px;width:27px;height:25px;background:var(--object-color);border:3px solid #693b2f;box-shadow:-7px 2px #8f4e31,4px -5px #c88145,7px 8px #f7d79b,14px 15px #603d31}.art-macaco:after{left:14px;top:15px;width:3px;height:4px;background:#38292a;box-shadow:12px 0 #38292a,5px 8px #d66e5a}.art-mala:before{left:7px;top:13px;width:29px;height:20px;background:var(--object-color);border:3px solid #714731;box-shadow:inset 0 -5px #bc7c42,0 3px #614036}.art-mala:after{left:17px;top:7px;width:9px;height:7px;border:3px solid #efcf80;border-bottom:0}.art-mapa:before{left:8px;top:8px;width:28px;height:26px;background:#f2d996;border:3px solid #77543a;transform:rotate(-7deg);box-shadow:inset 9px 0 #e6c677}.art-mapa:after{left:19px;top:15px;width:7px;height:7px;background:#559c71;box-shadow:6px 7px #df805c}.art-sapo:before{left:8px;top:15px;width:28px;height:19px;background:var(--object-color);border:3px solid #446744;border-radius:10px 10px 5px 5px;box-shadow:inset 0 -5px #528654}.art-sapo:after{left:12px;top:9px;width:6px;height:8px;background:#a2c77f;border:2px solid #446744;box-shadow:14px 0 #a2c77f,14px 0 0 2px #446744,3px 10px #2b3633,14px 10px #2b3633}.art-pato:before{left:10px;top:12px;width:23px;height:21px;background:#f5dc87;border:3px solid #b78543;border-radius:50% 48% 43% 45%;box-shadow:inset -3px -4px #e7bf61,8px 12px #cb8e45}.art-pato:after{left:29px;top:21px;width:10px;height:6px;background:#ee9351;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%)}.builder-hint,.gentle-hint{margin-top:13px;padding:9px 11px;border:1px solid #797d8a;background:rgba(24,36,51,.56);color:#c6e5d2;font-size:10px;line-height:1.5}.builder-panel h1{margin:13px 0 8px;color:#fff0c5;font-size:19px;line-height:1.25;text-shadow:2px 2px #152337}.builder-panel p{margin:0 0 19px;font-size:11px}.word-slots{display:flex;justify-content:center;gap:7px;margin:0 auto 15px}.word-slot{width:52px;height:57px;border:3px solid #754b35;background:#f3dca5;box-shadow:inset 0 0 0 2px #fff1cb,inset 0 -5px #d5a55d,0 4px 0 #1b293c;color:#a65c3f;font-size:29px;text-shadow:1px 1px #fff3d0}.word-slot.filled{color:#b5493e}.slot-dot{color:#bf9970}.letter-tray{display:flex;justify-content:center;gap:9px}.letter-tile{width:48px;height:52px;border:3px solid #fff0b3;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),inset 0 -5px rgba(28,45,67,.22),0 4px 0 #162338;font-size:25px;text-shadow:1px 2px rgba(32,43,53,.5)}.letter-tile:disabled{opacity:.36}.letter-0{background:#e65b53}.letter-1{background:#e8b850}.letter-2{background:#46a7d3}.letter-3{background:#8b6fd0}.letter-4{background:#55a774}.builder-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.hint-button,.reset-button{padding:7px 9px;border:1px solid #9895a8;background:#334258;color:#d9e5d8;font-size:9px}.hint-button{color:#ffe7a0}.reset-button{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:3px}.virtual-stick{position:absolute;z-index:3;left:max(16px,env(safe-area-inset-left));bottom:max(106px,calc(env(safe-area-inset-bottom) + 96px));display:none}.stick-cross{width:130px;height:130px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:3px;gap:3px}.stick-center,.stick-cross button{display:grid;place-items:center;background:rgba(37,49,66,.78);border:1px solid rgba(238,219,170,.48);box-shadow:inset 0 -4px rgba(16,25,37,.25);color:#fff1c6;font-size:13px}.stick-cross button:first-child{grid-column:2;grid-row:1}.stick-cross button:nth-child(2){grid-column:1;grid-row:2}.stick-center{grid-column:2;grid-row:2;border-radius:50%;background:rgba(234,205,145,.35)}.stick-cross button:nth-child(4){grid-column:3;grid-row:2}.stick-cross button:nth-child(5){grid-column:2;grid-row:3}.stick-caption{display:block;margin-top:4px;text-align:center;font-size:7px;color:#ffefc7;letter-spacing:1px}.toast-note{position:absolute;z-index:4;top:145px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);padding:10px 14px;background:#29384d;border:2px solid #ffe29a;box-shadow:0 4px 0 rgba(15,26,38,.42);color:#fff3d2;font-size:11px}.toast-note span{margin-left:8px;color:#ffd87c}.dialogue-box{position:absolute;z-index:4;left:50%;bottom:112px;transform:translateX(-50%);width:min(480px,calc(100% - 30px));min-height:92px;display:flex;align-items:center;gap:12px;padding:12px 45px 11px 11px;background:#26374d;border:3px solid #e1c17a;box-shadow:inset 0 0 0 3px #1b2a3f,inset 0 0 0 5px #64728b,0 5px 0 rgba(14,25,38,.48)}.dialogue-portrait{position:relative;flex:0 0 61px;height:64px;display:grid;place-items:center;overflow:hidden;border:2px solid #f1ca76;box-shadow:inset 0 0 0 2px #87593d;background:#516078}.dialogue-portrait:before{content:"";position:absolute;left:15px;top:11px;width:30px;height:34px;background:#bd7952;border:4px solid #50352d;box-shadow:0 -6px #4c3028,-7px 5px #50352d,6px 24px #df543d}.dialogue-portrait span{position:relative;z-index:1;margin-top:-2px;color:#f9e2b1;font-size:15px;text-shadow:1px 1px #332a2d}.portrait-mico:before{left:15px;top:18px;width:28px;height:23px;border-radius:45%;background:#c9804a;box-shadow:-8px 2px #713c2c,8px -5px #763e2f,5px 18px #dd9a4c}.portrait-mico span{margin-top:4px}.portrait-nina:before{left:14px;top:7px;width:29px;height:43px;background:#27374f;box-shadow:inset 0 -13px #f2ecdb,-7px 9px #243249,7px 9px #243249,0 39px #eda94d}.portrait-nina:after{content:"";position:absolute;top:24px;left:24px;width:11px;height:7px;background:#eda94d;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%)}.dialogue-copy{min-width:0;flex:1 1;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.dialogue-name{align-self:flex-start;margin:-24px 0 4px -4px;padding:3px 11px;border:2px solid #fff0ba;background:#edbd50;box-shadow:inset 0 -3px #d78c39;color:#422f2d;font-size:10px}.dialogue-copy p{margin:0;color:#fff0d0;font-size:11px;line-height:1.5;font-weight:600}.dialogue-next{position:absolute;right:10px;bottom:9px;width:25px;height:25px;border:1px solid #b4a98c;background:#35465d;box-shadow:inset 0 -3px #243247;color:#ffe496;font-size:17px}@media (max-width:700px){.topbar{height:46px}.brand-mark{gap:6px;padding:5px 8px 5px 6px;font-size:10px}.brand-leaf{width:21px;height:21px}.location-pill{position:absolute;left:50%;transform:translateX(-50%);gap:6px;padding:8px 9px;font-size:7px;letter-spacing:.35px}.top-actions{gap:5px}.pixel-icon{width:35px;height:35px;font-size:17px}.world-hud{top:68px;left:12px}.companion-chip{gap:6px;padding:5px 7px 5px 5px}.companion-face{width:26px;height:27px}.companion-chip small{font-size:6px}.companion-chip b{font-size:8px}.discovery-chip{padding:6px 7px;font-size:6px}.bottom-bar{width:calc(100% - 22px);bottom:max(10px,env(safe-area-inset-bottom));min-height:64px;gap:8px;padding:6px 7px}.action-orb{width:51px;height:49px}.action-orb>span{font-size:19px}.action-orb small{font-size:6px}.main-action{min-height:49px;font-size:11px}.interaction-hint{bottom:85px;font-size:7px}.virtual-stick{display:block;bottom:max(88px,calc(env(safe-area-inset-bottom) + 80px))}.stick-cross{width:112px;height:112px}.activity-panel{padding:20px 15px 15px;width:min(420px,calc(100% - 24px))}.panel-kicker{font-size:7px}.sound-title{font-size:27px}.activity-panel p{font-size:10px}.sound-options{gap:5px}.sound-card{padding:8px 1px 6px;gap:6px}.sound-card b{font-size:6px}.object-art{transform:scale(.8);margin:-3px -4px}.sound-card .tiny-speaker{font-size:11px}.builder-panel h1{font-size:17px}.builder-panel p{font-size:10px}.word-slot{width:clamp(42px,12vw,52px);height:52px;font-size:26px}.letter-tile{width:clamp(39px,11vw,48px);height:48px;font-size:22px}.toast-note{top:116px;font-size:9px}.dialogue-box{left:auto;right:11px;bottom:82px;transform:none;width:min(300px,calc(100% - 132px));min-height:78px;gap:8px;padding:9px 34px 8px 8px}.dialogue-portrait{flex-basis:43px;height:48px}.dialogue-portrait:before{left:9px;top:8px;transform:scale(.78)}.dialogue-copy p{font-size:9px}.dialogue-name{margin-top:-19px;font-size:8px;padding:2px 8px}.dialogue-next{right:5px;bottom:7px;width:21px;height:21px}}@media (max-width:390px){.location-pill{top:48px;left:8px;transform:none;padding:6px 7px;font-size:6px}.world-hud{top:82px}.map-action{display:none}.sound-options{grid-template-columns:repeat(3,1fr)}.sound-card{min-height:71px}.sound-panel{max-height:calc(100dvh - 130px);overflow-y:auto}.dialogue-box{width:min(268px,calc(100% - 124px))}}@media (max-height:600px) and (orientation:landscape){.topbar{top:7px;height:43px}.world-hud{top:57px}.bottom-bar{bottom:8px;min-height:59px}.action-orb{height:45px}.main-action{min-height:44px}.interaction-hint{bottom:77px}.virtual-stick{bottom:78px}.activity-panel{top:51%;padding:13px 18px 12px}.sound-title{margin-top:6px;font-size:24px}.activity-panel p{margin:5px 0 9px}.object-art{transform:scale(.72);margin:-5px}.builder-panel h1{margin:5px 0}.builder-panel p{margin-bottom:10px}.word-slot{height:45px}.letter-tile{height:41px}.dialogue-box{bottom:78px}}