.single-creation{display:grid;gap:22px}
.single-creation-title h2{margin:.25rem 0;font-size:32px}
.single-creation-title>p:last-child{margin:.4rem 0;color:#685950}
.sheet-identity-header{display:grid;grid-template-columns:220px minmax(260px,1.05fr) minmax(460px,1.8fr);gap:14px;align-items:stretch;padding:18px;border:2px solid #3b302b;border-radius:8px;background:linear-gradient(135deg,#fff 0%,#f7f7f5 55%,#ecebe7 100%);box-shadow:0 8px 22px #3a282015}
.sheet-brand{display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px;border-right:2px solid #3b302b;text-align:center}
.sheet-brand .dragon-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#1f1917;color:#fff;font:800 18px Georgia,serif}
.sheet-brand strong{font:800 17px Georgia,serif}
.sheet-brand small{flex-basis:100%;font:700 11px Arial,sans-serif;letter-spacing:.14em}
.sheet-identity-header label{display:grid;grid-template-rows:auto 1fr;gap:5px}
.sheet-identity-header label span{font:800 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.sheet-identity-header input,.sheet-identity-header select{width:100%;min-height:43px;padding:9px 10px;border:1px solid #b8b3aa;border-radius:4px;background:#fff;font-size:15px}
.sheet-identity-header input[readonly]{background:#f0efeb;color:#625b55}
.character-name{align-self:center}
.character-name input{font:700 20px Georgia,serif!important}
.identity-grid{display:grid;grid-template-columns:1.2fr .55fr 1.3fr;gap:10px 12px}
.sheet-identity-header footer{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-top:4px;border-top:1px solid #c8c2b8}
.sheet-identity-header footer button{width:auto}
.sheet-identity-header footer span{font-weight:700;color:#286442}
.next-block-placeholder{padding:18px;border:1px dashed #bcae9e;border-radius:12px;background:#fffaf3;color:#6d6056}
.next-block-placeholder p{margin:.35rem 0 0}
@media(max-width:1100px){.sheet-identity-header{grid-template-columns:180px 1fr}
.identity-grid{grid-column:1/-1}
.sheet-brand{border-right:2px solid #3b302b}
}
@media(max-width:720px){.single-creation-title h2{font-size:27px}
.sheet-identity-header{grid-template-columns:1fr;padding:13px}
.sheet-brand{border-right:0;border-bottom:2px solid #3b302b}
.identity-grid{grid-template-columns:1fr}
.sheet-identity-header footer{align-items:stretch;flex-direction:column}
.sheet-identity-header footer button{width:100%}
.sheet-identity-header input,.sheet-identity-header select{font-size:16px;min-height:46px}
}

.creation-form{display:grid;gap:20px}.creation-form>.sheet-identity-header{display:grid}.mechanics-sheet{padding:18px;border:2px solid #3b302b;border-radius:8px;background:#fffdf8}.mechanics-sheet h3,.mechanics-sheet h4{margin:0 0 8px}.mechanics-sheet header p{margin:0 0 14px;color:#685950}.ability-grid{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));gap:10px}.ability-grid label{display:grid;grid-template-columns:1fr 52px;gap:5px;align-items:center;padding:10px;border:1px solid #d9c7b1;border-radius:8px;background:#fff}.ability-grid label span{grid-column:1/-1;font:800 11px Arial,sans-serif;text-transform:uppercase}.ability-grid select{min-height:42px;padding:8px;border:1px solid #b8b3aa;border-radius:4px;background:#fff}.ability-grid strong{display:grid;place-items:center;min-height:42px;border-radius:50%;background:#291c1b;color:#fff}.ability-warning{margin:10px 0;color:#286442;font-weight:700}.ability-warning.invalid{color:#a11235}.derived-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px 0}.derived-grid article{display:grid;place-items:center;align-content:center;min-height:100px;padding:10px;border:1px solid #d6c4ad;border-radius:10px;text-align:center;background:#fff7e8}.derived-grid span{font:800 10px Arial,sans-serif;text-transform:uppercase}.derived-grid strong{font:800 26px Georgia,serif}.derived-grid small,.race-preview-note{color:#6d6056}.race-preview-note{padding:10px;border-left:4px solid #9c1538;background:#fff7e8}.rules-columns{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-top:16px}.rules-columns>section,.mechanics-sheet>section{padding:14px;border:1px solid #d9c7b1;border-radius:8px}.save-list,.skill-list,.skill-total-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px}.skill-total-list{grid-template-columns:repeat(3,1fr)}.rule-row,.skill-choice{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid #eadcc9;border-radius:6px;background:#fff}.rule-row.proficient,.skill-choice.automatic{border-color:#b58a31;background:#fff4d8}.skill-choice{justify-content:flex-start}.skill-choice input{width:20px;height:20px}.skill-help{color:#685950}.creation-actions{display:flex;align-items:center;gap:12px;padding:14px 0}.creation-actions span{font-weight:700;color:#286442}
@media(max-width:1100px){.ability-grid,.derived-grid{grid-template-columns:repeat(3,1fr)}.rules-columns{grid-template-columns:1fr}.skill-total-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.ability-grid,.derived-grid,.save-list,.skill-list,.skill-total-list{grid-template-columns:1fr 1fr}.mechanics-sheet{padding:12px}.creation-actions{flex-direction:column;align-items:stretch}.creation-actions button{width:100%}}
@media(max-width:430px){.ability-grid,.derived-grid,.save-list,.skill-list,.skill-total-list{grid-template-columns:1fr}}