:root{font-family:Inter,system-ui,sans-serif;color:#f9fafb;background:#111827}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#263449,#111827 55%)}button{min-height:48px;border:0;border-radius:12px;padding:10px 14px;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}#app{width:min(100%,760px);margin:0 auto;padding:16px}header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}h1{font-size:1.35rem}.status,.lobby,.log,.team-attack{background:#1f2937cc;border-radius:14px;padding:12px;margin:12px 0}.lobby{text-align:center;padding:40px 20px}.arena{display:grid;gap:18px;min-height:360px;padding:18px 0}.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fighter{padding:12px;background:#273449;border-radius:12px;text-align:center}.down{filter:grayscale(1);opacity:.45}.hp,.gauge{height:10px;background:#374151;border-radius:999px;overflow:hidden;margin-top:7px}.hp span,.gauge span{display:block;height:100%;background:#22c55e;transition:width .2s linear}.gauge{height:16px}.gauge span{background:#a855f7}.abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.abilities button{display:grid;gap:3px;background:#e5e7eb;color:#111827}.team-attack{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.team-attack strong{grid-column:1 / -1}.log{min-height:120px;font-size:.9rem;color:#d1d5db}@media(min-width:700px){.team{grid-template-columns:repeat(4,1fr)}}