:root{font-family:system-ui,sans-serif}body{color:#eee;background:#1b1b22;margin:0}.app{max-width:900px;margin:0 auto;padding:16px}.lifebar{gap:16px;display:flex}.lp{background:#2a2a36;border-radius:8px;flex:1;justify-content:space-between;padding:8px 12px;display:flex}.lp-active{outline:2px solid #6cf}.phasebar{align-items:center;gap:12px;margin:12px 0;display:flex}.phasebar button{cursor:pointer;padding:6px 12px}.banner{color:#022;background:#2d6;border-radius:8px;padding:12px;font-weight:700}.log{background:#14141a;border-radius:8px;min-height:80px;padding:8px 24px;font-size:13px}.field{gap:8px;margin:8px 0;display:flex}.hand{flex-wrap:wrap;gap:8px;display:flex}.card{cursor:pointer;background:#33334a;border-radius:8px;width:92px;min-height:120px;padding:6px;font-size:12px}.card.def{background:#4a3a33}.card.selected{outline:2px solid #fc6}.slot-empty{border:1px dashed #555;border-radius:8px;width:92px;min-height:120px}.hand-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.hand-actions button{cursor:pointer;padding:6px 12px}.muted{opacity:.7;font-size:13px}.modal-backdrop{background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#2a2a36;border-radius:10px;min-width:320px;max-width:90vw;max-height:80vh;padding:16px;overflow:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-header button{cursor:pointer}.recipe-list{margin:0;padding:0;font-size:14px;line-height:1.8;list-style:none}.elem{border-radius:4px;margin:2px 0;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.elem-fire{color:#fff;background:#c0392b}.elem-water{color:#fff;background:#2980b9}.elem-earth{color:#fff;background:#8d6e63}.elem-wind{color:#fff;background:#27ae60}.elem-light{color:#222;background:#f1c40f}.elem-dark{color:#fff;background:#6c3483}.elem-spell{color:#fff;background:#555}.elem-equip{color:#fff;background:#b8860b}.spell-text{opacity:.85;font-size:10px}