:root{--bark: #3a2a18;--wood: #a3703c;--wood-dark: #7b5228;--parch: #f6e7c8;--gold: #e8b53c;--leaf: #4e8b34;--ink: #2c1b0a;--panel-shadow: 0 8px 30px rgb(0 0 0 / 45%);--tap: 48px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#6ba24a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:fixed;inset:0}#game-root{position:absolute;inset:0}#game-root canvas{display:block;touch-action:none}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root button,#ui-root .panel,#ui-root .stick,#ui-root .sheet{pointer-events:auto}.hud{position:absolute;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 8px) 10px 8px;display:flex;gap:8px;align-items:flex-start}.hud .chips{flex:1;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.hud-actions{display:flex;gap:8px;flex:none}.chip{display:inline-flex;align-items:center;gap:6px;background:#3a2a18e0;color:var(--parch);border:2px solid var(--wood-dark);border-radius:12px;padding:6px 10px;font-size:14px;font-weight:700;line-height:1;white-space:nowrap}.chip img{width:22px;height:22px;object-fit:contain}.chip.gold{color:var(--gold)}.chip.empty{color:#ff9a9a}.chip.filling{animation:chip-fill .6s ease-out}@keyframes chip-fill{0%{transform:scale(1);box-shadow:0 0 #66ccffb3}35%{transform:scale(1.12);box-shadow:0 0 0 6px #6cf0}to{transform:scale(1);box-shadow:0 0 #6cf0}}@media(max-width:560px){.chip{font-size:12px;padding:5px 8px;border-radius:10px}.chip img{width:18px;height:18px}[data-testid=tile-info]{order:9}}.hud button.icon:disabled{opacity:.4}.hud button.icon{width:var(--tap);height:var(--tap);border-radius:12px;border:2px solid var(--wood-dark);background:#3a2a18e0;color:var(--parch);font-size:20px;cursor:pointer}.prompt{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 150px);background:#1e140ab8;color:var(--parch);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgb(0 0 0 / 60%)}.prompt:empty{display:none}.toasts{position:absolute;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top) + 64px);display:flex;flex-direction:column;gap:5px;align-items:center;width:min(92vw,460px)}.toast{background:#1e140ac7;color:var(--parch);border-radius:8px;padding:5px 12px;font-size:13px;font-weight:600;text-align:center;text-shadow:0 1px 2px rgb(0 0 0 / 60%);animation:pop .18s ease-out,fade-out .45s ease-in 2.75s forwards}@keyframes pop{0%{transform:translateY(-6px);opacity:0}}@keyframes fade-out{to{opacity:0}}.stick{position:absolute;left:calc(env(safe-area-inset-left) + 16px);bottom:calc(env(safe-area-inset-bottom) + 20px);width:128px;height:128px;border-radius:50%;background:#3a2a1873;border:3px solid rgb(246 231 200 / 55%);touch-action:none}.stick .knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#f6e7c8d9;border:3px solid var(--wood-dark)}.action-buttons{position:absolute;right:calc(env(safe-area-inset-right) + 16px);bottom:calc(env(safe-area-inset-bottom) + 20px);display:flex;flex-direction:column;gap:12px;align-items:center}.action-buttons button{width:84px;height:84px;border-radius:50%;border:4px solid var(--wood-dark);background:var(--gold);color:var(--ink);font-size:13px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.action-buttons button img{width:30px;height:30px;object-fit:contain}.action-buttons button.small{width:64px;height:64px;font-size:11px;background:var(--parch)}.action-buttons button:active{transform:scale(.94)}.action-buttons button:disabled{opacity:.45}.scrim{position:absolute;inset:0;background:#00000073;pointer-events:auto;display:flex;align-items:flex-end;justify-content:center}@media(min-width:700px){.scrim{align-items:center}}.panel{background:var(--parch);border:4px solid var(--wood-dark);border-radius:18px 18px 0 0;box-shadow:var(--panel-shadow);width:100%;max-width:620px;max-height:82vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}@media(min-width:700px){.panel{border-radius:18px;max-height:78vh}}.panel header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:3px solid var(--wood);background:var(--wood);color:var(--parch);border-radius:14px 14px 0 0}.panel header h2{margin:0;font-size:18px;flex:1}.panel header button{min-width:var(--tap);height:var(--tap);border-radius:10px;border:2px solid var(--bark);background:var(--parch);font-size:18px;font-weight:800;cursor:pointer}.tabs{display:flex;gap:6px;padding:10px 12px 0;flex-wrap:wrap}.tabs button{min-height:40px;padding:8px 12px;border-radius:10px 10px 0 0;border:2px solid var(--wood);border-bottom:none;background:#e2cfa8;font-weight:700;font-size:14px;cursor:pointer}.tabs button[aria-selected=true]{background:var(--parch);color:var(--leaf)}.panel .body{overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch}.row{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:2px dashed #d8c39a}.row img{width:44px;height:44px;object-fit:contain}.row .grow{flex:1;min-width:0}.row .name{font-weight:800;font-size:15px}.row .meta{font-size:12px;opacity:.8}.row button{min-height:var(--tap);min-width:64px;padding:8px 12px;border-radius:10px;border:2px solid var(--wood-dark);background:var(--gold);font-weight:800;cursor:pointer}.row button:disabled{background:#cfc0a2;opacity:.7}.row button.secondary{background:var(--parch)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.grid button{min-height:96px;border-radius:12px;border:3px solid var(--wood-dark);background:#fff8e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:700;font-size:13px;cursor:pointer;padding:6px}.grid button img{width:42px;height:42px;object-fit:contain}.grid button[aria-pressed=true]{background:var(--gold);border-color:var(--leaf)}.note{font-size:13px;opacity:.85;padding:6px 2px 10px}.empty-note{padding:24px 8px;text-align:center;opacity:.7;font-weight:600}body.desktop .stick{display:none}.fake-ad-overlay{position:fixed;inset:0;z-index:60;background:#141008d1;display:flex;align-items:center;justify-content:center}.fake-ad-card{background:#fff8e6;border:3px solid var(--wood-dark);border-radius:14px;padding:20px;max-width:320px;text-align:center;display:flex;flex-direction:column;gap:10px}.fake-ad-card h2{margin:0;font-size:18px}.fake-ad-card button{min-height:44px;border-radius:10px;border:3px solid var(--wood-dark);background:var(--gold);font-weight:800;cursor:pointer}.fake-ad-card button[data-testid=ad-skip],.fake-ad-card button[data-testid=shop-cancel]{background:var(--parch)}