:root{--bg: #0a0a0a;--bg2: #111;--bg3: #1a1a1a;--border: #2a2a2a;--text: #e0e0e0;--text-dim: #666;--accent: #b026ff;--energy: #00ff88;--mania: #b026ff;--tumpik: #ff3366;--reputation: #33ccff;--madness: #ff6633;--tech: #ffcc00;--danger: #ff3366;--success: #00ff88;--secret: #ffcc00}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.app{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}.header-title{font-size:13px;font-weight:700;color:var(--accent);letter-spacing:1px;text-transform:uppercase}.header-choices{font-size:11px;color:var(--text-dim)}.metrics{display:flex;gap:4px;padding:6px 10px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.metric{display:flex;flex-direction:column;align-items:center;min-width:48px}.metric-bar-bg{width:100%;height:3px;background:var(--border);border-radius:2px;margin-top:2px;overflow:hidden}.metric-bar-fg{height:100%;border-radius:2px;transition:width .5s ease}.metric-label{font-size:8px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.metric-val{font-size:11px;font-weight:700}.scene-art{position:relative;width:100%;height:160px;flex-shrink:0;overflow:hidden;border-bottom:1px solid var(--border);background:#050510}.scene-art.loading{background:linear-gradient(90deg,#050510 25%,#0a0a1a,#050510 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.scene-art img{width:100%;height:100%;object-fit:cover;display:block}.scene-art-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.story{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.speaker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.speaker-ZavLab{color:#f63}.speaker-Kot{color:#3cf}.speaker-Muravey{color:#0f8}.speaker-Voron{color:#b026ff}.speaker-Sistema{color:#fc0}.speaker-Rasskazchik{color:#888}.narrative{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:14px;font-size:15px;line-height:1.6;white-space:pre-wrap}.choices{display:flex;flex-direction:column;gap:6px;padding:4px 0 8px}.choice-btn{display:block;width:100%;text-align:left;padding:12px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;cursor:pointer;transition:all .15s}.choice-btn:hover,.choice-btn:active{background:#222;border-color:var(--accent)}.choice-btn.danger{border-color:#312}.choice-btn.danger:hover{border-color:var(--danger);background:#1a0a10}.choice-btn.success{border-color:#132}.choice-btn.success:hover{border-color:var(--success);background:#0a1a10}.choice-btn.secret{border-color:#321}.choice-btn.secret:hover{border-color:var(--secret);background:#1a150a}.ending{text-align:center;padding:20px}.ending-text{font-size:16px;line-height:1.7;white-space:pre-wrap;margin-bottom:16px}.ending-badge{display:inline-block;padding:4px 12px;background:var(--bg3);border:1px solid var(--accent);border-radius:12px;font-size:12px;color:var(--accent);margin-bottom:16px}.inventory-toggle{padding:6px 12px;background:var(--bg2);border-top:1px solid var(--border);font-size:12px;color:var(--text-dim);cursor:pointer;flex-shrink:0;text-align:center}.inventory{background:var(--bg2);border-top:1px solid var(--border);padding:8px 12px;flex-shrink:0;max-height:120px;overflow-y:auto}.inv-grid{display:flex;gap:6px;flex-wrap:wrap}.inv-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;font-size:11px;cursor:default}.inv-item .icon{font-size:14px}.inv-item .name{color:var(--text)}.inv-item.legendary{border-color:#fc04}.inv-item.rare{border-color:#b026ff44}.inv-item.uncommon{border-color:#3cf4}.footer{display:flex;gap:8px;padding:8px 12px;background:var(--bg2);border-top:1px solid var(--border);flex-shrink:0}.footer-btn{flex:1;padding:8px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:12px;cursor:pointer;text-align:center}.footer-btn:hover{border-color:var(--text-dim);color:var(--text)}.achievements{display:flex;gap:4px;flex-wrap:wrap;padding:4px 0}.ach-badge{padding:2px 8px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;font-size:10px;color:var(--text-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s infinite}