layout-main main{display:flex;flex-direction:column;align-items:center}layout-main .hidden{display:none !important}layout-main .creation-overlay{width:100%;max-width:600px;padding:2rem;text-align:center}layout-main .creation-overlay h2{margin-bottom:.5rem;color:var(--text-color-primary)}layout-main .creation-overlay h3{margin-top:2rem;margin-bottom:1rem;color:var(--text-color-secondary)}layout-main .creation-stats{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0;flex-wrap:wrap}layout-main .creation-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}layout-main .creation-stat .stat-label{font-weight:700;color:var(--text-color-primary)}layout-main .creation-stat .stat-formula{font-size:.8rem;color:var(--text-color-secondary)}layout-main .creation-stat .stat-value{font-size:2rem;font-weight:700;color:var(--draw-color-primary);min-width:3rem;text-align:center}layout-main .creation-stat .stat-rolled{animation:stat-pop .3s ease-out}@keyframes stat-pop{0%{transform:scale(1.4);opacity:.5}100%{transform:scale(1);opacity:1}}layout-main .talent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin:1rem 0}layout-main .talent-btn{padding:.75rem 1rem;border:2px solid var(--draw-color-surface);border-radius:6px;background:var(--background-color-surface);color:var(--text-color-primary);cursor:pointer;font-size:.9rem;transition:border-color .2s,background-color .2s}layout-main .talent-btn:hover{border-color:var(--draw-color-primary)}layout-main .talent-btn.selected{border-color:var(--draw-color-primary);background:var(--draw-color-primary);color:var(--background-color-primary)}layout-main .btn{padding:.5rem 1rem;border:1px solid var(--draw-color-surface);border-radius:4px;background:var(--background-color-surface);color:var(--text-color-primary);cursor:pointer;font-size:.9rem;transition:background-color .2s,border-color .2s}layout-main .btn:hover{border-color:var(--draw-color-primary)}layout-main .btn:disabled{opacity:.5;cursor:not-allowed}layout-main .btn-primary{background:var(--draw-color-primary);color:var(--background-color-primary);border-color:var(--draw-color-primary)}layout-main .btn-primary:hover{opacity:.9}layout-main .btn-danger{border-color:var(--draw-color-danger);color:var(--text-color-danger)}layout-main .btn-danger:hover{background:var(--draw-color-danger);color:var(--background-color-primary)}layout-main .btn-success{border-color:var(--draw-color-success);color:var(--text-color-success)}layout-main .btn-success:hover{background:var(--draw-color-success);color:var(--background-color-primary)}layout-main .btn-small{padding:.25rem .6rem;font-size:.85rem}layout-main .btn-tiny{padding:.15rem .5rem;font-size:.8rem}layout-main .btn-full{width:100%;margin-bottom:.5rem}layout-main .sheet-main{width:100%;max-width:700px;padding:1rem}layout-main .stats-bar{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}layout-main .stat-block{display:flex;align-items:center;gap:.3rem;padding:.5rem .75rem;background:var(--background-color-surface);border:1px solid var(--draw-color-surface);border-radius:6px}layout-main .stat-block .stat-icon{font-size:1.1rem}layout-main .stat-block .stat-name{font-weight:700;color:var(--text-color-secondary);font-size:.85rem}layout-main .stat-block .stat-val{font-weight:700;color:var(--text-color-primary);font-size:1.1rem}layout-main .stat-block .stat-sep{color:var(--text-color-secondary)}layout-main .stat-block .stat-ctrl{padding:.1rem .4rem;font-size:.75rem;line-height:1;min-width:1.4rem}layout-main .hp-bar-container{margin-bottom:1.5rem}layout-main .hp-bar{width:100%;height:20px;background:var(--background-color-surface);border:1px solid var(--draw-color-surface);border-radius:10px;overflow:hidden;margin-bottom:.5rem}layout-main .hp-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:10px}layout-main .hp-bar-fill.hp-high{background:#27ae60}layout-main .hp-bar-fill.hp-mid{background:#f39c12}layout-main .hp-bar-fill.hp-low{background:#e67e22}layout-main .hp-bar-fill.hp-critical{background:#e74c3c}layout-main .hp-controls{display:flex;justify-content:center;gap:.5rem}layout-main .inventory-section .purse{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}layout-main .inventory-section .purse .purse-icon{font-size:1.2rem}layout-main .inventory-section .purse .purse-label{font-weight:700;color:var(--text-color-secondary)}layout-main .inventory-section .purse .purse-amount{font-weight:700;font-size:1.1rem;color:var(--text-color-primary);min-width:2rem;text-align:center}layout-main .inventory-section .purse .purse-controls{display:flex;gap:.25rem;margin-left:auto}layout-main .inventory-section .item-list{list-style:none;padding:0;margin:.5rem 0}layout-main .inventory-section .item-entry{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px solid var(--draw-color-surface)}layout-main .inventory-section .item-entry span{color:var(--text-color-primary)}layout-main .inventory-section .inventory-add{display:flex;gap:.25rem;margin-top:.5rem}layout-main .inventory-section .inventory-add input{flex:1;padding:.3rem .5rem;border:1px solid var(--draw-color-surface);border-radius:4px;background:var(--background-color-primary);color:var(--text-color-primary);font-size:.85rem}layout-main .dice-section{text-align:center}layout-main .dice-section .dice-display{margin:1rem 0}layout-main .dice-section .dice-result{font-size:3rem;font-weight:700;color:var(--draw-color-primary);display:inline-block}layout-main .dice-section .dice-animate{animation:dice-bounce .4s ease-out}layout-main .dice-section .dice-controls{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}layout-main .dice-section .dice-history{text-align:left;font-size:.8rem;color:var(--text-color-secondary);max-height:120px;overflow-y:auto}layout-main .dice-section .dice-history-entry{padding:.15rem 0;border-bottom:1px dotted var(--draw-color-surface)}@keyframes dice-bounce{0%{transform:scale(1.5)rotate(10deg);opacity:.5}50%{transform:scale(.9)rotate(-5deg)}100%{transform:scale(1)rotate(0);opacity:1}}layout-main .notes-section textarea{width:100%;padding:.5rem;border:1px solid var(--draw-color-surface);border-radius:4px;background:var(--background-color-primary);color:var(--text-color-primary);font-family:inherit;font-size:.85rem;resize:vertical}layout-main .actions-section{display:flex;flex-direction:column;gap:.25rem}