*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;font-family:Nunito,system-ui,-apple-system,sans-serif;background:#fde8cd;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;font-family:Nunito,system-ui,-apple-system,sans-serif;color:#4a3b2e}.treats{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));background:#fff9efeb;border:2px solid #e8896b;border-radius:999px;padding:7px 14px;font-weight:800;font-size:15px;box-shadow:0 4px 14px #4a3b2e2e}.treats.empty{opacity:.6}.meet-banner{position:absolute;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#fff9eff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:8px 18px;max-width:min(62vw,340px);text-align:center;box-shadow:0 6px 20px #4a3b2e38;pointer-events:none;transition:opacity .25s,transform .25s}.meet-banner.hidden{opacity:0;transform:translate(-50%) translateY(-12px)}.card-title{font-size:18px;font-weight:800}.card-sub{font-size:13px;opacity:.8;margin-top:1px}.card-note{font-size:13px;font-weight:700;color:#e8896b;margin-top:4px}.card-note.hidden{display:none}.meet-actions{position:absolute;left:calc(14px + env(safe-area-inset-left));right:calc(80px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));display:flex;gap:8px;justify-content:center;flex-wrap:wrap;pointer-events:auto;transition:opacity .25s,transform .25s}.meet-actions.hidden{opacity:0;transform:translateY(12px);pointer-events:none}.meet-actions button.walk{background:#8fb98b}.meet-actions button.walk.walking{background:#4a3b2e}.meet-actions button{font-family:inherit;font-size:14px;font-weight:800;border:none;border-radius:12px;padding:10px 15px;cursor:pointer;background:#e8896b;color:#fff;box-shadow:0 4px 14px #4a3b2e38}.meet-actions button.story{background:#2ba7bd}.meet-actions button:active{transform:scale(.96)}.toast{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#4a3b2eeb;color:#fff9ef;border-radius:999px;padding:9px 18px;font-weight:700;font-size:14px;transition:opacity .3s;max-width:88vw}.toast.hidden{opacity:0}.story-panel{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:min(320px,86vw);max-height:76vh;overflow-y:auto;background:#fff9eff7;border-radius:18px;padding:18px;box-shadow:0 10px 32px #2e262066;pointer-events:auto;transition:opacity .3s,transform .3s}.story-panel.hidden{opacity:0;transform:translateY(-50%) translate(24px);pointer-events:none}.story-close{position:absolute;top:10px;right:10px;border:none;background:#f1e4d0;color:#4a3b2e;border-radius:999px;width:30px;height:30px;font-size:14px;font-weight:800;cursor:pointer}.story-name{font-size:21px;font-weight:800;margin-bottom:6px;padding-right:30px}.story-desc{font-size:14px;line-height:1.55;white-space:pre-line}.story-adopt{display:block;width:100%;margin-top:14px;border:none;border-radius:12px;background:#e8896b;color:#fff;font-family:inherit;font-size:15px;font-weight:800;padding:12px;cursor:pointer}.story-adopt:active{transform:scale(.98)}.story-tuck{display:block;width:100%;margin-top:8px;border:none;border-radius:12px;background:#4a5a7a;color:#fff9ef;font-family:inherit;font-size:14px;font-weight:800;padding:11px;cursor:pointer}.story-tuck.hidden{display:none}.story-tuck:active{transform:scale(.98)}.story-petcam{display:block;width:100%;margin-top:8px;border:none;border-radius:12px;background:#f1e4d0;color:#4a3b2e;font-family:inherit;font-size:14px;font-weight:800;padding:11px;cursor:pointer}.story-petcam.hidden,.hud.petcam .story-panel,.hud.petcam .treats,.hud.petcam .dir-btn,.hud.petcam .meet-banner,.hud.petcam .meet-actions,.hud.petcam .mode-controls{display:none}.petcam-exit{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));border:none;border-radius:999px;background:#2e26208c;color:#fff9efd9;font-family:inherit;font-size:13px;font-weight:700;padding:9px 16px;cursor:pointer;pointer-events:auto}.petcam-exit.hidden{display:none}.mode-controls{position:absolute;left:calc(14px + env(safe-area-inset-left));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;pointer-events:auto}.mode-btn{width:46px;height:46px;border:none;border-radius:50%;background:#fff9efeb;font-size:20px;cursor:pointer;box-shadow:0 4px 14px #4a3b2e2e}.mode-btn.on{background:#e8896b;box-shadow:0 4px 16px #e8896b80}.mode-btn:active{transform:scale(.92)}.dir-btn{position:absolute;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));width:54px;height:54px;border:none;border-radius:50%;background:#e8896b;color:#fff;font-size:24px;cursor:pointer;pointer-events:auto;box-shadow:0 6px 20px #4a3b2e4d}.dir-btn:active{transform:scale(.94)}.mute-btn{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));width:44px;height:44px;border:none;border-radius:50%;background:#fff9efeb;font-size:18px;cursor:pointer;pointer-events:auto;box-shadow:0 4px 14px #4a3b2e2e}.directory{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(680px,96vw);max-height:62vh;background:#fff9effa;border-radius:22px 22px 0 0;box-shadow:0 -10px 36px #4a3b2e47;pointer-events:auto;display:flex;flex-direction:column;transition:opacity .25s,transform .25s}.directory.hidden{opacity:0;transform:translate(-50%) translateY(30px);pointer-events:none}.dir-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px}.dir-title{font-size:18px;font-weight:800}.dir-close{border:none;background:#f1e4d0;color:#4a3b2e;border-radius:999px;width:30px;height:30px;font-weight:800;cursor:pointer}.dir-tabs{display:flex;gap:8px;padding:0 18px 8px}.dir-tab{border:none;background:#f1e4d0;color:#4a3b2e;font-family:inherit;font-size:13.5px;font-weight:800;border-radius:999px;padding:8px 14px;cursor:pointer}.dir-tab.on{background:#e8896b;color:#fff}.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:6px 18px 18px;overflow-y:auto}.dir-grid.hidden,.dir-worlds.hidden,.dir-account.hidden{display:none}.dir-account{padding:18px 22px 24px;text-align:center}.account-msg{font-size:14.5px;opacity:.85;margin-bottom:14px;line-height:1.4}.account-go{border:none;border-radius:999px;background:#e8896b;color:#fff;font-family:inherit;font-size:15.5px;font-weight:800;padding:12px 22px;cursor:pointer;box-shadow:0 6px 16px #e8896b59}.account-go:active{transform:scale(.97)}.dir-worlds{display:flex;flex-direction:column;gap:8px;padding:6px 18px 18px;overflow-y:auto}.world-row{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1.5px solid #efe3d0;border-radius:14px;padding:10px 14px;font-family:inherit;cursor:pointer;color:#4a3b2e}.world-row.here{background:#fdeee6;border-color:#e8896b;cursor:default}.world-ico{width:44px;height:44px;border-radius:12px;background:#f9e3e3;display:grid;place-items:center;font-size:22px;overflow:hidden;flex-shrink:0}.world-ico img{width:100%;height:100%;object-fit:contain}.world-nm{font-weight:800;font-size:15.5px}.world-tag{font-size:12.5px;opacity:.75}.dir-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px #4a3b2e1f;text-align:center;padding-bottom:10px}.dir-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.dir-name{font-weight:800;font-size:15px;margin-top:8px}.dir-sub{font-size:11.5px;opacity:.75;margin:2px 8px 8px}.dir-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.dir-actions .dir-call{border:none;border-radius:9px;background:#8fb98b;color:#fff;font-family:inherit;font-weight:800;font-size:12.5px;padding:7px 10px;cursor:pointer}.dir-actions .dir-visit{border:none;border-radius:9px;background:#e8896b;color:#fff;font-family:inherit;font-weight:800;font-size:12.5px;padding:7px 10px;cursor:pointer}.dir-actions .dir-profile{display:inline-block;border-radius:9px;background:#f1e4d0;color:#4a3b2e;font-weight:800;font-size:12.5px;padding:7px 10px;text-decoration:none}.hud.intro .treats,.hud.intro .meet-banner,.hud.intro .meet-actions,.hud.intro .mode-controls,.hud.intro .dir-btn{display:none}.welcome{position:absolute;left:50%;bottom:8vh;transform:translate(-50%);background:#fff9eff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;padding:18px 22px;text-align:center;width:max-content;max-width:min(440px,92vw);max-height:82vh;overflow-y:auto;box-shadow:0 12px 40px #4a3b2e4d;pointer-events:auto;transition:opacity .4s,transform .4s}.welcome.hidden{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}.welcome-title{font-size:22px;font-weight:800}.welcome-sub{font-size:14px;opacity:.85;margin-top:6px}.welcome-go{margin-top:14px;border:none;border-radius:14px;background:#e8896b;color:#fff;font-family:inherit;font-size:16px;font-weight:800;padding:12px 22px;cursor:pointer;white-space:nowrap}.welcome-go:active{transform:scale(.97)}.welcome-extra{margin-top:14px}.welcome-extra.hidden{display:none}.welcome-visit{width:100%;border:1.5px solid #e6d5be;border-radius:12px;background:#fffdf8;color:#4a3b2e;font-family:inherit;font-size:15px;font-weight:700;padding:11px 12px;cursor:pointer}.welcome-links{display:flex;gap:8px;justify-content:center;margin-top:10px}.welcome-links button{border:none;background:none;color:#4a3b2e;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:underline;opacity:.85;padding:4px 6px}.gate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff9eff7;border-radius:22px;padding:24px 26px;text-align:center;width:min(360px,88vw);box-shadow:0 12px 40px #4a3b2e59;pointer-events:auto}.gate.hidden{display:none}.gate-title{font-size:20px;font-weight:800}.gate-sub{font-size:13.5px;opacity:.8;margin-top:4px}.gate-pw{width:100%;margin-top:14px;border:1.5px solid #e6d5be;border-radius:12px;background:#fffdf8;color:#4a3b2e;font-family:inherit;font-size:16px;padding:11px 12px;text-align:center}.gate-error{color:#b64a2e;font-size:13px;min-height:17px;margin-top:6px}.gate-actions{display:flex;gap:8px;justify-content:center;margin-top:8px}.gate-go{border:none;border-radius:12px;background:#e8896b;color:#fff;font-family:inherit;font-size:15px;font-weight:800;padding:11px 18px;cursor:pointer}.gate-leave{border:none;background:none;color:#4a3b2e;font-family:inherit;font-size:13.5px;text-decoration:underline;cursor:pointer;opacity:.8}.fade{position:absolute;inset:0;background:#fff6e8;opacity:0;pointer-events:none;transition:opacity .3s}.fade.cover{opacity:1}@media(max-width:700px){.story-panel{right:50%;top:auto;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(50%);max-height:46vh}.story-panel.hidden{transform:translate(50%,20px)}.meet-banner{max-width:70vw;padding:7px 14px}.meet-actions button{font-size:13px;padding:9px 12px}}