/* ... (your original style.css content) */

/* Updates for better spacing and flawless look */
.sheet-container {
    max-width: 1200px; /* Increased for more space */
    padding: 40px; /* More padding */
    box-shadow: 0 0 60px rgba(0,0,0,0.6); /* Deeper shadow */
}

.spell-grid:hover {
    background: rgba(180, 142, 77, 0.2); /* Better hover */
}

#spell-details, #feat-details {
    background: #f9f9f9;
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}

ul.list-disc li {
    margin-bottom: 8px; /* Better spell list spacing */
    overflow-wrap: break-word; /* Prevent overflow */
}

/* View.html specific */
#v-features, #v-notes { min-height: 250px; }

/* Larger view variant for character sheet */
.sheet-container.view-large { max-width: 1400px; padding: 60px; }

/* Larger session notes */
#v-notes { min-height: 300px; font-size: 14px; line-height: 1.4; }

.combat-box {
    clip-path: none; /* Simplify for cleanliness */
    border-radius: 8px;
}

/* Spells & View tweaks */
#spell-details {
    min-height: 96px;
    border: 1px solid #e5e7eb;
    padding: 10px;
    border-radius: 6px;
    background: #fff;
}
#v-lists .p-2 { background: #fff; }
#selected-spells { min-height: 30px; }

/* Center the stats and improve colors */
#stat-rows { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.stat-row { width: 100%; max-width: 320px; padding: 6px; background: linear-gradient(180deg,#fff7e6,#fffdfa); border: 1px solid #efe6d1; border-radius: 8px; }
.stat-row label { width: 40px; }
.stat-row input { background: #fff; }
#AC, #Speed { color: #7b2d2d; }
.section-title { background: linear-gradient(90deg,#fffaf0,#fbf0e0); }

/* clearer breakdown colors */
.text-green-600{ color:#166534; }
.text-yellow-700{ color:#92400e; }
.spell-item:hover { background: #f8fafc; }