:root{--ink: #2a1c12;--parchment: #f3e6c8;--parchment-dark: #d4b88a;--accent: #8b4518;--leaf: #3d6b2e;--clay: #c45c26;--sky: #c5d6e8;font-family:Noto Sans Georgian,"Source Sans 3",sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#1c1610;color:var(--ink)}#game-host{position:absolute;top:0;right:0;bottom:0;left:0}#react-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}#react-ui .panel,#react-ui button,#react-ui input,#react-ui select,#react-ui .clickable{pointer-events:auto}.menu-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 20%,#6b8f5a55,transparent 50%),linear-gradient(165deg,#3d2a1c,#1a120c);pointer-events:auto}.menu-card{width:min(420px,92vw);padding:28px;background:linear-gradient(180deg,var(--parchment),var(--parchment-dark));border:3px solid #6b4e2e;box-shadow:0 16px 40px #0008}.menu-card h1{margin:0 0 4px;font-size:2rem;color:var(--accent);text-align:center}.menu-card .sub{text-align:center;margin:0 0 20px;color:#5a4030}.menu-card button,.hud button,.panel button{display:block;width:100%;margin:8px 0;padding:10px 12px;border:2px solid #5a3a1e;background:linear-gradient(180deg,#c47a4a,#8b4518);color:#fff8e8;font:inherit;font-weight:600;cursor:pointer}.menu-card button.secondary{background:linear-gradient(180deg,#e8d4b0,#c4a574);color:var(--ink)}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.hud-chip{background:linear-gradient(180deg,#f7ecd4f2,#e8d4aef2);border:2px solid #6b4e2e;border-bottom-width:3px;padding:6px 12px;font-size:.9rem;box-shadow:0 2px #3a281866}.obj{position:absolute;top:52px;left:50%;transform:translate(-50%);max-width:min(480px,90vw);background:linear-gradient(180deg,#fff6e4f5,#e8d4aef5);border:2px solid #6b4e2e;border-left:4px solid var(--clay);padding:8px 14px;text-align:center;font-size:.92rem;box-shadow:0 4px 12px #0004}.panel{position:absolute;top:90px;right:12px;width:min(320px,92vw);max-height:calc(100% - 120px);overflow:auto;background:linear-gradient(180deg,#fff8e8f8,#e4c898f8);border:3px solid #6b4e2e;padding:14px;box-shadow:0 8px 24px #0005}.panel h3{margin:0 0 8px;color:var(--accent)}.panel.hidden{display:none}.row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.row button{width:auto;flex:1;margin:0;padding:6px 8px;font-size:.85rem}.toast{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#2a1c12ee;color:#f3e6c8;padding:10px 16px;border-radius:4px;max-width:90vw;text-align:center}.toolbar{position:absolute;bottom:12px;left:12px;display:flex;gap:6px}.toolbar button{width:auto;margin:0;padding:8px 10px;font-size:.82rem}.panel button.secondary,.menu-card button.secondary{background:linear-gradient(180deg,#e8d4b0,#c4a574);color:var(--ink)}.panel.compact{width:min(280px,90vw)}.xp-bar{width:72px;height:6px;background:#6b4e2e44;border:1px solid #6b4e2e;margin-top:4px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#6b8f5a,#c45c26)}.xp-label{display:block;font-size:.72rem;color:#5a4030}.hud-chip.muted{opacity:.85;font-size:.8rem}.level-up{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#fff8e8;text-shadow:0 2px 0 #5a3018,0 8px 24px #0008;animation:pop 2s ease-out forwards;pointer-events:none}@keyframes pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}.float-fx{position:absolute;bottom:80px;left:50%;transform:translate(-50%);color:#fff8e8;background:#2a1c12cc;padding:4px 10px;font-weight:600;pointer-events:none;animation:floatUp 1.4s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}.order-card{border:1px solid #6b4e2e88;padding:8px;margin-bottom:8px;background:#fff8e888}.recipe{margin-bottom:8px}.muted{color:#5a4030}.small{font-size:.78rem}.help-body{font-size:.9rem;line-height:1.4}.animal-row.hi{outline:2px solid var(--clay)}.inv-cat{margin-bottom:10px}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:700px){.panel{top:auto;bottom:52px;right:0;left:0;width:100%;max-height:42vh;border-radius:12px 12px 0 0}.toolbar{left:4px;right:4px;flex-wrap:wrap}}