.battle-page{max-width:1120px}.battle-heading,.battle-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 20px}.battle-heading h1{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.035em}.battle-heading p,.battle-copy{color:var(--muted);font-size:13px;line-height:1.7;margin-top:10px}.battle-section-heading h2,.battle-panel h2,.battle-card h2{font-size:20px;font-weight:500;line-height:1.35}.battle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.battle-card,.battle-panel{min-width:0;border:1px solid var(--line);border-radius:7px;padding:20px;background:linear-gradient(130deg,#15242b55,#0d121688);margin-bottom:20px;overflow-wrap:anywhere}.battle-card h2{margin:10px 0}.battle-card p{margin-top:10px}.battle-card .battle-actions{margin-top:18px}.battle-state{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.battle-facts{color:var(--muted);font-size:12px;line-height:1.65}.battle-card .button{margin:0}.battle-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.battle-panel summary{cursor:pointer;font-size:18px;font-weight:500}.battle-form,.battle-control-form{display:grid;gap:14px;margin-top:18px}.battle-form label,.battle-control-form label{display:grid;gap:7px;font-size:13px;color:var(--muted)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.battle-page input,.battle-page textarea,.battle-page select{min-width:0;max-width:100%;border:1px solid var(--line);border-radius:4px;background:#090e12;color:var(--text);font:inherit;padding:10px}.battle-page input,.battle-page textarea{width:100%}.battle-page input[type=checkbox]{width:auto}.battle-page button{font:inherit;border:1px solid var(--line);background:#15232a;color:var(--text);border-radius:4px;padding:9px 12px;cursor:pointer}.battle-page button:disabled{opacity:.5;cursor:default}.battle-page button:hover:not(:disabled){border-color:var(--accent)}.battle-page button:focus-visible,.battle-page a:focus-visible,.battle-page input:focus-visible,.battle-page select:focus-visible,.battle-page summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.battle-page button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.battle-form>button{justify-self:start}.battle-page .back-link{display:inline-block;margin-bottom:20px}.battle-people{list-style:none;padding:0;display:grid;gap:14px;margin-top:16px}.battle-person{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.battle-person .artist-link{margin:0}.battle-person .person-state{font-size:12px;color:var(--muted)}.battle-clock{font-size:26px;font-variant-numeric:tabular-nums;margin:15px 0 8px}.battle-rules{font-size:13px;color:var(--muted);line-height:1.7;margin-top:16px}.battle-events{list-style:none;padding:0;margin-top:16px;display:grid;gap:12px;font-size:13px}.battle-events li{border-top:1px solid var(--line);padding-top:12px;line-height:1.6}.battle-events time{display:block;color:var(--faint);font-size:11px}.battle-event-reason{white-space:pre-wrap;overflow-wrap:anywhere}.battle-record{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;padding:14px 0;border-top:1px solid var(--line)}.battle-record p{font-size:12px;line-height:1.6;color:var(--muted)}.belt{display:inline-block;margin-left:8px;font-size:11px;padding:3px 7px;border:1px solid var(--line);border-radius:3px;color:var(--text)}.belt-white{border-color:#bbb}.belt-yellow{border-color:#d3b64c}.belt-orange{border-color:#e5964d}.belt-green{border-color:#64ae80}.belt-blue{border-color:#648fdb}.belt-brown{border-color:#ad805c}.belt-black{border-color:#888;background:#05080a}.battle-control-heading{font-size:15px;margin-top:24px}.battle-page .form-status{margin-top:12px;line-height:1.6;overflow-wrap:anywhere}.battle-page .primary{margin-bottom:20px}.site-header .battle-nav{display:inline-block!important}@media(max-width:650px){.site-header{flex-wrap:wrap;height:auto;gap:12px;padding-block:12px}.site-header .member-nav{margin-left:auto}.battle-heading{align-items:flex-start}.battle-heading h1{font-size:25px}.battle-section-heading{align-items:flex-start;flex-wrap:wrap}.battle-card,.battle-panel{padding:17px}.form-pair{grid-template-columns:1fr}.battle-person{align-items:flex-start}}@media(max-width:380px){.site-header .brand{font-size:17px}.site-header .battle-nav{font-size:11px}.site-header{column-gap:10px}.battle-heading>button{padding:8px}.battle-heading p{max-width:205px}}