:root{color:#f3efe2;background:#10120d;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}#app{min-height:100dvh}.screen{max-width:480px;margin:0 auto;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(84px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.title{justify-content:flex-end;padding-bottom:48px}.eyebrow{margin:0;color:#e0a45a;letter-spacing:.14em;font-size:12px}h1{margin:0;font-size:40px;font-weight:700;letter-spacing:.04em}h2{margin:8px 0 0;font-size:16px}.lead,.muted,.note,p{margin:0}.muted{color:#b7b29f}.note{background:#2a2418;border:1px solid #6d5a38;padding:10px 12px}.top,.row,.tabs,.hp{display:flex;gap:8px;align-items:center}.top{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.tabs{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(480px,100%);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#171a13;border-top:1px solid #34392c}.tabs button{flex:1}button{min-height:48px;padding:10px 14px;background:#2a3124;border:1px solid #46503c;border-radius:6px;touch-action:manipulation}button.primary{background:#e0a45a;color:#1a140c;border-color:#e0a45a}button.danger{background:#6e3228;border-color:#a85a4c}button.ghost,button:disabled{background:transparent;color:#b7b29f}button.on{border-color:#e0a45a;color:#e0a45a}button:disabled{opacity:.55}.panel,.item,.slot{border:1px solid #34392c;background:#1b1f17;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:6px}.item header,.slot{display:flex;justify-content:space-between;gap:8px}.item.white{border-left:4px solid #d9d3c5}.item.green{border-left:4px solid #7dba63}.item.blue{border-left:4px solid #6aa6d8}.item.purple{border-left:4px solid #b48ad4}.item.gold{border-left:4px solid #e0b15a}.item.dim{opacity:.45}.hp{min-width:92px}.hp i{flex:1;height:8px;background:#2c241f;display:block}.hp b{display:block;height:8px;background:#d4654f}.channel{height:8px;background:#2c241f}.channel div{height:8px;background:#e0a45a}.row{flex-wrap:wrap}.row button{flex:1 1 40%}