
:root{
  --bg:#1f1712; --panel:#2a1d16; --panel2:#3a2a1e; --ink:#f4e8d2; --ink-d:#ccbca2; --gold:#d0a84f;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial}
.sheet{max-width:1200px;margin:16px auto;padding:14px;background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.tabs{display:flex;gap:10px;margin-bottom:12px}
.t{background:var(--panel2);border:1px solid rgba(255,255,255,.12);padding:8px 14px;border-radius:10px;cursor:pointer}
.t.active{outline:2px solid var(--gold)}
.pane{display:none}.pane.active{display:block}
label{font-variant:small-caps;letter-spacing:.06em;color:var(--ink-d);font-size:.92rem}
input,textarea,select{background:#f5e4c8;border:1px solid rgba(199,163,90,.45);border-radius:8px;padding:8px 10px;color:#221}
input[type=number]{width:100%}
textarea{min-height:84px}
.banner{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:12px}
.grid{display:grid;grid-template-columns:340px 1fr;gap:14px}
aside .abilities{display:flex;flex-direction:column;gap:10px}
.ab{display:grid;grid-template-columns:56px 1fr 56px;gap:8px;align-items:center;background:var(--panel2);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px}
.ab span{justify-self:start}
.ab b{background:#231811;border-radius:8px;text-align:center;padding:6px 10px}
.box{background:var(--panel2);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;margin-bottom:12px}
.list{display:flex;flex-direction:column;gap:6px}
.list.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.deaths{display:grid;grid-template-columns:auto 1fr;gap:8px 12px}
.bubbles input{width:18px;height:18px;margin-right:6px}
.attacks{width:100%;border-collapse:collapse}
.attacks th,.attacks td{border:1px solid rgba(255,255,255,.15);padding:8px}
.attacks input{width:100%}
.tall textarea{min-height:110px}
.pair{display:flex;gap:10px;align-items:flex-start}
.pair img{max-height:160px;border:1px solid rgba(255,255,255,.15);border-radius:8px}
.coins{display:flex;gap:8px;flex-wrap:wrap}
.small{background:#2c2118;border:1px solid rgba(255,255,255,.2);color:var(--ink);padding:6px 10px;border-radius:8px;cursor:pointer}
@media print{
  body{background:#fff;color:#000}
  .sheet{max-width:8.2in;border:1px solid #000;box-shadow:none}
  .tabs{display:none}
  .pane{display:block;page-break-after:always}
}
