*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f4f4;color:#222}
.container{max-width:1120px;margin:0 auto;padding:24px 16px 48px}.app-header{text-align:center;margin-bottom:24px}.subtitle{color:#666;margin-top:8px}
.card{background:#fff;border-radius:10px;padding:20px;margin:0 auto 20px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
label{display:block;font-weight:bold;margin-bottom:6px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;margin-top:4px}
textarea{min-height:90px;resize:vertical}button{border:0;border-radius:8px;padding:10px 14px;cursor:pointer;background:#222;color:#fff;margin-right:8px;margin-top:4px}button.secondary{background:#666}button.small{padding:6px 10px;font-size:.9rem}
.alert{padding:12px;border-radius:8px;margin:12px 0}.alert.error{background:#ffe5e5;color:#8b0000}.alert.warning{background:#fff7db;color:#7a5b00}.alert.success{background:#e4f6e7;color:#156b2d}
.info-box{background:#f7f7f7;border:1px solid #e4e4e4;border-radius:8px;padding:12px;margin-top:12px}.step-indicator{margin-bottom:16px;color:#555;font-size:.95rem}.actions{margin-top:16px}
ul.clean{padding-left:18px;margin:8px 0}.inline-row{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.table-like{width:100%;border-collapse:collapse;margin-top:12px}.table-like td,.table-like th{border-bottom:1px solid #e6e6e6;padding:8px 6px;text-align:left}
.attack-card,.spell-card,.card-nested{border:1px solid #e4e4e4;border-radius:10px;padding:12px;background:#fafafa;margin-top:12px}.muted{color:#666}.chip{display:inline-block;background:#ececec;border-radius:999px;padding:5px 8px;margin:4px 6px 0 0;font-size:.9rem}
.point-buy-row{display:flex;align-items:center;gap:8px;margin:6px 0}.score{min-width:40px;text-align:center;font-weight:bold}.chips{margin-top:8px}

.checkbox-row{display:flex;align-items:center;gap:8px;font-weight:normal}.checkbox-row input{width:auto;margin:0}.chip-ok{background:#e4f6e7;color:#156b2d}.chip-no{background:#ffe5e5;color:#8b0000}button:disabled{opacity:.55;cursor:not-allowed}
.resource-card{display:flex;justify-content:space-between;align-items:center;gap:12px}.resource-controls{display:flex;align-items:center;gap:8px}.resource-value{min-width:64px;text-align:center;font-weight:bold}


.toolbar-inline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.danger{background:#a12b2b;color:#fff;border-color:#8a2020;}
.danger:hover{filter:brightness(1.05);}

.toolbar-wrap {
  gap: 0.75rem;
  flex-wrap: wrap;
}

.toolbar-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
}

.history-list {
  display: grid;
  gap: 0.75rem;
  margin-top: 1rem;
}

.history-item {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.03);
}

.history-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width: 720px) {
  .history-item {
    flex-direction: column;
    align-items: stretch;
  }

  .history-actions,
  .toolbar-actions {
    justify-content: stretch;
  }
}

.card-pending{border-color:#e4b24a;background:#fffaf0;}