:root{--bg: #fbf6ec;--card: #ffffff;--ink: #3f3a4a;--muted: #8a8398;--leaf: #a8d8a0;--leaf-dark: #6fb56a;--peach: #f7c8b0;--berry: #e88fa4;--sky: #b9dff0;--sun: #f5e6a8;--breath: #7fd4e0;--breath-empty: #e4eef1;--shadow: 0 4px 0 rgba(63, 58, 74, .08)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans TC,PingFang TC,system-ui,sans-serif}button{font:inherit}.app{max-width:520px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px;min-height:100vh}.title{font-size:1.4rem;font-weight:800;letter-spacing:.1em;text-align:center;margin:4px 0}.card{background:var(--card);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow)}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:700;cursor:pointer;background:var(--leaf);color:var(--ink);box-shadow:var(--shadow);transition:transform .05s}.btn:active{transform:translateY(2px);box-shadow:none}.btn:disabled{opacity:.45;cursor:default}.btn.big{width:100%;font-size:1.15rem;padding:16px}.btn.guard{background:var(--sky)}.btn.record{background:var(--peach);font-size:1.3rem;padding:22px;-webkit-user-select:none;user-select:none;touch-action:none}.btn.record.on{background:var(--berry);color:#fff}.input{flex:1;border:2px solid var(--leaf);border-radius:14px;padding:12px 14px;font-size:1rem;outline:none}.timeline{display:flex;gap:8px;align-items:center}.timeline .label{color:var(--muted);font-size:.85rem;margin-right:4px}.chip{border-radius:999px;padding:6px 12px;font-size:.9rem;background:var(--sun)}.chip.player{background:var(--leaf)}.chip.first{outline:3px solid rgba(63,58,74,.15)}.arena{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fighter{display:flex;flex-direction:column;align-items:center;gap:8px}.fighter .name{font-weight:700}.block{width:72px;height:72px;border-radius:16px}.block.monster{background:var(--berry);border-radius:36px 36px 20px 20px}.block.player{background:var(--leaf-dark)}.bar{width:100%;height:12px;background:#eee6f0;border-radius:6px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--berry);transition:width .3s}.bar.player>i{background:var(--leaf-dark)}.stat{font-size:.8rem;color:var(--muted)}.breath{display:flex;gap:4px}.breath i{width:16px;height:16px;border-radius:4px;background:var(--breath-empty)}.breath i.on{background:var(--breath)}.word{text-align:center}.word .say{color:var(--muted);font-size:.9rem}.word .en{font-size:3rem;font-weight:900;letter-spacing:.05em;margin:4px 0}.word .zh{font-size:1.1rem}.log{display:flex;flex-direction:column;gap:6px}.log .ev{padding:8px 10px;border-radius:10px;background:#f6f1ff;font-size:.95rem}.log .ev.latest{background:var(--sun)}.log .ev b{margin-right:6px}.toast{font-family:ui-monospace,monospace;font-size:.8rem;color:#b5443c;text-align:center}.latency{font-size:.8rem;color:var(--muted);text-align:center}.result{text-align:center;font-size:1.3rem;font-weight:800}