html,body,#root{color:#f3ead6;background:#1d1a24;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.g1{position:fixed;inset:0}.g1 canvas{width:100%;height:100%;display:block}.g1-overlay{pointer-events:none;position:absolute;inset:0}.g1-dmg{color:#ffcf5a;text-shadow:0 2px #000;will-change:transform;font-size:20px;font-weight:800;position:absolute;top:0;left:0}.g1-top{flex-wrap:wrap;justify-content:center;gap:4px;display:flex;position:absolute;top:8px;left:8px;right:8px}.g1-chip{background:#3b3447;border:2px solid #0000;border-radius:14px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.g1-chip.hero{background:#2f5d50}.g1-chip.enemy{background:#5d2f35}.g1-chip.active{border-color:#ffd76a;transform:scale(1.15)}.g1-chip.dead{opacity:.35}.g1-bottom{justify-content:center;gap:8px;display:flex;position:absolute;bottom:10px;left:0;right:0}.g1-btn{background:#3b3447;border:1px solid #6c5f80;border-radius:10px;padding:10px 14px;font-size:14px}.g1-info{text-align:right;background:#0008;border-radius:8px;padding:6px 8px;font-size:12px;position:absolute;top:44px;right:10px}.g1-screen{text-align:center;background:#1d1a24ee;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.g1-screen table{border-collapse:collapse;margin:8px auto;font-size:14px}.g1-screen td{text-align:left;border-bottom:1px solid #fff2;padding:3px 10px}.g1-code{letter-spacing:2px;color:#ffd76a;font-family:ui-monospace,monospace;font-size:22px}