: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}