:root{--bg: #f6ecdb;--bg2: #efe0c8;--panel: #fffaf1;--ink: #5b3f22;--ink-soft: #8a6d4c;--accent: #e8934a;--accent-d: #c9722f;--gold: #f4b942;--ok: #6bbf59;--warn: #e06a4a;--shadow: 0 2px 8px rgba(120, 80, 40, .14);--radius: 14px;--nav-h: 62px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:radial-gradient(120% 80% at 50% 0%,var(--bg) 0%,var(--bg2) 100%);color:var(--ink);overflow:hidden;user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;bottom:var(--nav-h);overflow:hidden}.screen-host{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 10px calc(12px + env(safe-area-inset-bottom))}.screen-in{animation:fade .22s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}h2{margin:6px 4px 12px;font-size:20px}.screen-pad{padding:4px}.hud{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 12px;margin-bottom:8px;font-weight:700;font-size:15px}.hud-cur{display:flex;gap:3px;align-items:center}.hud-inc{margin-left:auto;color:var(--accent-d)}.hud-mini{color:var(--ink-soft);font-weight:700;margin:2px 4px 12px}.lvlbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lvl{font-weight:800;font-size:13px;color:var(--ink-soft)}.xp{flex:1;height:8px;border-radius:999px;background:#e6d3b6;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--accent));transition:width .3s}.rooms{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto;padding-bottom:2px}.room-tab{flex:0 0 auto;border:0;border-radius:12px;padding:8px 12px;font-size:18px;background:var(--panel);box-shadow:var(--shadow);cursor:pointer;color:var(--ink)}.room-tab.active{background:var(--accent)}.room-tab.locked{opacity:.55;font-size:13px}.screen-host[data-screen=cafe]{padding:0;overflow:hidden}.cafe{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:6px;padding:8px calc(8px + env(safe-area-inset-right)) 8px calc(8px + env(safe-area-inset-left));overflow:hidden;touch-action:none}.cafe .hud,.cafe .lvlbar,.cafe .rooms{margin:0;flex:0 0 auto}.cap{font-weight:800;font-size:12px;color:var(--ink-soft)}.zone{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.5),transparent 40%),repeating-linear-gradient(45deg,#f4e6cf 0,#f4e6cf 14px,#efdec3 14px,#efdec3 28px);box-shadow:inset 0 2px 8px #78502826;touch-action:none}.zone-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#b9975f;font-weight:700;font-size:15px;opacity:.8;pointer-events:none}.token{position:absolute;width:clamp(44px,15vw,60px);aspect-ratio:1;transform:translate(-50%,-50%);transition:transform .08s;display:flex;align-items:center;justify-content:center;background:var(--panel);border-radius:50%;box-shadow:var(--shadow);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.token .tok-emoji{font-size:clamp(24px,8vw,32px);line-height:1;pointer-events:none}.token .tok-tier{position:absolute;bottom:-2px;right:-2px;font-size:10px;font-weight:800;color:#fff;background:var(--accent-d);border-radius:999px;padding:0 4px;pointer-events:none}.token.dragging{z-index:100;cursor:grabbing;transform:translate(-50%,-50%) scale(1.18);box-shadow:0 6px 16px #7850284d}.token.r-uncommon{background:#eef7e6}.token.r-rare{background:#e6f0fb}.token.r-epic{background:#f1e8fb}.token.r-legendary{background:#fdf0dc}.token.r-mythic{background:linear-gradient(135deg,#fff2c9,#ffd98a)}.dock{flex:0 0 auto;display:flex;align-items:stretch;gap:8px}.beds{display:flex;gap:8px;flex:1 1 auto;overflow-x:auto;overflow-y:hidden}.bed{display:flex;flex-direction:column;gap:4px;background:var(--panel);border-radius:12px;box-shadow:var(--shadow);padding:6px}.bed-main{border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:inherit;color:var(--ink)}.bed-emoji{font-size:22px}.bed-basket{font-weight:800;font-size:13px}.bed-lvl{font-size:10px;color:var(--ink-soft)}.bed-up{border:0;border-radius:8px;background:var(--gold);color:#6b4415;font-weight:800;font-size:12px;padding:4px 6px;cursor:pointer}.bed-up:disabled{opacity:.5}.buy-bed{border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:800;font-size:13px;padding:8px 12px;cursor:pointer}.fab{flex:0 0 auto;border:0;border-radius:14px;background:var(--accent-d);color:#fff;font-weight:800;font-size:14px;padding:8px 16px;box-shadow:var(--shadow);cursor:pointer}.sku-list,.quest-list,.dex-grid{display:flex;flex-direction:column;gap:8px}.sku,.quest{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 12px}.sku-emoji{font-size:26px}.sku-body{flex:1}.sku-name{font-weight:800}.sku-sub{font-size:12px;color:var(--ink-soft)}.sku-buy,.q-claim{border:0;border-radius:10px;background:var(--gold);color:#6b4415;font-weight:800;padding:8px 14px;cursor:pointer;white-space:nowrap}.q-claim:disabled{opacity:.5}.dex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dex{background:var(--panel);border-radius:12px;box-shadow:var(--shadow);padding:10px 6px;text-align:center}.dex.locked{opacity:.5}.dex-emoji{font-size:30px}.dex-name{font-size:11px;font-weight:700;margin-top:4px}.dex-inc{font-size:10px;color:var(--ink-soft)}.q-body{flex:1}.q-name{font-weight:700;margin-bottom:4px}.q-bar{height:7px;border-radius:999px;background:#e6d3b6;overflow:hidden}.q-fill{height:100%;background:linear-gradient(90deg,var(--ok),#8fd77f)}.q-meta{font-size:11px;color:var(--ink-soft);margin-top:4px}.q-done{color:var(--ok);font-weight:800;font-size:20px}#nav-bar{position:fixed;left:0;right:0;bottom:0;height:var(--nav-h);display:flex;background:var(--panel);box-shadow:0 -2px 10px #7850281f;padding-bottom:env(safe-area-inset-bottom);z-index:50}.nav-btn{flex:1;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--ink-soft);font-family:inherit}.nav-btn.active{color:var(--accent-d)}.nav-ico{font-size:20px}.nav-lbl{font-size:10px;font-weight:700}#toast-host{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + 12px);z-index:200;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:var(--ink);color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;opacity:0;transform:translateY(8px);transition:all .25s;max-width:90vw;text-align:center}.toast-in{opacity:1;transform:none}.toast-ok{background:var(--ok)}.toast-warn{background:var(--warn)}#net-banner{position:fixed;top:0;left:0;right:0;background:var(--warn);color:#fff;text-align:center;font-size:12px;font-weight:700;padding:6px;transform:translateY(-100%);transition:transform .25s;z-index:300}#net-banner.on{transform:none}.hud-cur.star{color:var(--accent-d);font-weight:800}.token.premium{box-shadow:0 0 0 2px var(--gold),var(--shadow)}.fab.gift{background:var(--gold);color:#6b4415}.empire-head{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;text-align:center;margin-bottom:10px}.rating-big{font-size:34px;font-weight:800;color:var(--accent-d)}.rating-lbl{font-size:12px;color:var(--ink-soft);margin-bottom:8px}.ms-claim{border:0;border-radius:10px;background:var(--ok);color:#fff;font-weight:800;padding:8px 14px;cursor:pointer}.ms-next{font-size:12px;color:var(--ink-soft)}.hub-btns{display:flex;gap:8px;margin-bottom:12px}.hub-btn{flex:1;border:0;border-radius:12px;background:var(--panel);box-shadow:var(--shadow);padding:12px;font-weight:800;font-size:14px;color:var(--ink);cursor:pointer}.hub-btn.dis{opacity:.5}.zone-list{display:flex;flex-direction:column;gap:8px}.zone-card{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 12px}.zone-card.active{outline:2px solid var(--accent)}.zone-card.locked{opacity:.92}.zc-emoji{font-size:28px}.zc-body{flex:1}.zc-name{font-weight:800}.zc-sub{font-size:12px;color:var(--ink-soft)}.zc-req{display:inline-block;font-size:11px;font-weight:700;margin-right:8px}.zc-req.ok{color:var(--ok)}.zc-req.no{color:var(--warn)}.zc-btn{border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;padding:8px 12px;cursor:pointer;white-space:nowrap}.zc-btn.dis{opacity:.45}.ztabs,.qtabs{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto}.ztab{flex:0 0 auto;border:0;border-radius:10px;padding:6px 12px;font-size:18px;background:var(--panel);box-shadow:var(--shadow);cursor:pointer}.ztab.active{background:var(--accent)}.breed-list,.perk-list{display:flex;flex-direction:column;gap:8px}.breed,.perk{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:12px;box-shadow:var(--shadow);padding:8px 10px}.breed.locked{opacity:.5}.breed-emoji,.perk-emoji{font-size:26px;width:34px;text-align:center}.breed-body,.perk-body{flex:1}.breed-name,.perk-name{font-weight:800;font-size:14px}.breed-lvl,.perk-lvl{font-size:11px;color:var(--ink-soft);font-weight:700}.breed-sub,.perk-sub{font-size:12px;color:var(--ink-soft)}.breed-up,.perk-up{border:0;border-radius:10px;background:var(--gold);color:#6b4415;font-weight:800;padding:8px 12px;cursor:pointer;white-space:nowrap}.breed-up.dis,.perk-up.dis,.q-claim.dis{opacity:.45}.breed.r-uncommon{border-left:4px solid #8fd77f}.breed.r-rare{border-left:4px solid #6ba8f0}.breed.r-epic{border-left:4px solid #b98af0}.breed.r-legendary{border-left:4px solid var(--gold)}.breed.r-mythic{border-left:4px solid #ff7ac0}.prestige-head{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;text-align:center;margin-bottom:12px}.ph-paws{font-size:28px;font-weight:800;color:var(--accent-d)}.ph-sub{font-size:12px;color:var(--ink-soft);margin-bottom:10px}.move-btn{border:0;border-radius:12px;background:var(--accent-d);color:#fff;font-weight:800;font-size:15px;padding:12px 18px;cursor:pointer}.move-btn.dis{opacity:.45}.ph-note{font-size:11px;color:var(--ink-soft);margin-top:10px;line-height:1.4}.pass-season{font-size:12px;color:var(--ink-soft);font-weight:600}.pass-xp{position:relative;height:24px;border-radius:999px;background:#e6d3b6;overflow:hidden;margin-bottom:10px}.pass-xp-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--accent))}.pass-xp-lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--ink)}.pass-prem{display:block;width:100%;border:0;border-radius:12px;padding:10px;font-weight:800;margin-bottom:12px;cursor:pointer}.pass-prem.buy{background:var(--gold);color:#6b4415}.pass-prem.on{background:#eef7e6;color:var(--ok);text-align:center}.pt-head,.pt-row{display:grid;grid-template-columns:40px 1fr 1fr;gap:6px;align-items:stretch}.pt-head{font-size:11px;color:var(--ink-soft);font-weight:700;margin-bottom:4px;text-align:center}.pass-list{display:flex;flex-direction:column;gap:6px}.pt-row{opacity:.6}.pt-row.reached{opacity:1}.pt-tier{display:flex;align-items:center;justify-content:center;font-weight:800;background:var(--panel);border-radius:8px;box-shadow:var(--shadow)}.pt-cell{border:0;border-radius:8px;padding:8px 4px;font-size:12px;font-weight:700;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;min-height:40px}.pt-cell.empty{background:transparent;box-shadow:none}.pt-cell.free{background:#f4ead6}.pt-cell.premium{background:#fff2c9}.pt-cell.claimed{opacity:.5}.pt-cell.ready{outline:2px solid var(--ok)}.pt-cell.wait{cursor:default}.pt-check{position:absolute;top:2px;right:4px;color:var(--ok)}.pt-lock{position:absolute;top:2px;right:4px}.login-box{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;margin-bottom:10px}.login-row{display:flex;gap:4px;overflow-x:auto;margin-bottom:8px}.login-day{flex:0 0 auto;width:54px;text-align:center;border-radius:8px;padding:6px 2px;background:#f4ead6}.login-day.got{opacity:.5}.ld-day{font-size:10px;font-weight:800;color:var(--ink-soft)}.ld-r{font-size:11px;font-weight:700}.login-btn{width:100%;border:0;border-radius:10px;background:var(--ok);color:#fff;font-weight:800;padding:10px;cursor:pointer}.login-done{text-align:center;font-size:12px;color:var(--ink-soft);font-weight:700}.qtab{flex:0 0 auto;border:0;border-radius:10px;padding:8px 14px;font-weight:800;font-size:13px;background:var(--panel);box-shadow:var(--shadow);color:var(--ink);cursor:pointer}.qtab.active{background:var(--accent);color:#fff}