:root{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-panel: rgba(255, 255, 255, .5);--text-primary: #212529;--text-secondary: #6c757d;--accent-color: #0d6efd;--accent-rgb: 13, 110, 253;--accent-hover: #0b5ed7;--border-color: #dee2e6;--bg-overlay: rgba(248, 249, 250, .9);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--radius-md: 12px;--radius-lg: 24px;--grid-item-min-width: 170px;--grid-item-min-width-lg: 280px;--card-padding: 1.5rem;--card-title-size: 1.1rem}@media(max-width:600px){:root{--grid-item-min-width: 135px;--grid-item-min-width-lg: 135px;--card-padding: 1rem;--card-title-size: 1rem}.panel{padding:var(--card-padding)!important}}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-panel: rgba(30, 30, 30, .5);--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-color: #bb86fc;--accent-rgb: 187, 134, 252;--accent-hover: #9f65e0;--border-color: #333333;--bg-overlay: rgba(18, 18, 18, .85);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5)}[data-theme=arcane]{--bg-primary: #0f0a1e;--bg-secondary: #1a142e;--bg-panel: rgba(26, 20, 46, .5);--text-primary: #e0d4ff;--text-secondary: #9d8db5;--accent-color: #00f3ff;--accent-rgb: 0, 243, 255;--accent-hover: #00c2cc;--border-color: #4a3b75;--bg-overlay: rgba(15, 10, 30, .85);--shadow-sm: 0 0 10px rgba(138, 43, 226, .2);--shadow-md: 0 0 20px rgba(138, 43, 226, .3)}[data-theme=infernal]{--bg-primary: #1a0505;--bg-secondary: #2d0a0a;--bg-panel: rgba(45, 10, 10, .6);--text-primary: #ffd6d6;--text-secondary: #b58d8d;--accent-color: #ff4444;--accent-rgb: 255, 68, 68;--accent-hover: #cc0000;--border-color: #5c1e1e;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(255, 68, 68, .2)}[data-theme=ethereal]{--bg-primary: #fdfbf7;--bg-secondary: #ffffff;--bg-panel: rgba(255, 255, 255, .4);--text-primary: #4a4a4a;--text-secondary: #8c8c8c;--accent-color: #d4af37;--accent-hover: #b5952f;--border-color: #e6e0d0;--bg-overlay: rgba(253, 251, 247, .9);--shadow-sm: 0 4px 12px rgba(212, 175, 55, .1);--shadow-md: 0 8px 24px rgba(212, 175, 55, .15)}[data-theme=forest]{--bg-primary: #1a2f1a;--bg-secondary: #2d4a2d;--bg-panel: rgba(45, 74, 45, .6);--text-primary: #e8f5e9;--text-secondary: #a5d6a7;--accent-color: #66bb6a;--accent-rgb: 102, 187, 106;--accent-hover: #4caf50;--border-color: #388e3c;--bg-overlay: rgba(26, 47, 26, .85);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5)}[data-theme=ocean]{--bg-primary: #001f3f;--bg-secondary: #003366;--bg-panel: rgba(0, 51, 102, .6);--text-primary: #e0f7fa;--text-secondary: #80deea;--accent-color: #00bcd4;--accent-rgb: 0, 188, 212;--accent-hover: #0097a7;--border-color: #006064;--bg-overlay: rgba(0, 31, 63, .85);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5)}[data-theme=underdark]{--bg-primary: #0a0a12;--bg-secondary: #151520;--bg-panel: rgba(21, 21, 32, .6);--text-primary: #e0e0e0;--text-secondary: #9e9e9e;--accent-color: #d500f9;--accent-rgb: 213, 0, 249;--accent-hover: #aa00ff;--border-color: #4a148c;--bg-overlay: rgba(10, 10, 18, .85);--shadow-sm: 0 0 10px rgba(213, 0, 249, .2);--shadow-md: 0 0 20px rgba(213, 0, 249, .3)}[data-theme=desert]{--bg-primary: #3e2723;--bg-secondary: #5d4037;--bg-panel: rgba(93, 64, 55, .6);--text-primary: #fff3e0;--text-secondary: #ffcc80;--accent-color: #ff9800;--accent-rgb: 255, 152, 0;--accent-hover: #f57c00;--border-color: #e65100;--bg-overlay: rgba(62, 39, 35, .85);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5)}[data-theme=frost]{--bg-primary: #e0f7fa;--bg-secondary: #ffffff;--bg-panel: rgba(255, 255, 255, .5);--text-primary: #006064;--text-secondary: #0097a7;--accent-color: #00bcd4;--accent-rgb: 0, 188, 212;--accent-hover: #00838f;--border-color: #b2ebf2;--bg-overlay: rgba(224, 247, 250, .9);--shadow-sm: 0 2px 4px rgba(0, 188, 212, .1);--shadow-md: 0 4px 8px rgba(0, 188, 212, .2)}[data-theme=necrotic]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-panel: rgba(26, 26, 26, .7);--text-primary: #ccff90;--text-secondary: #76ff03;--accent-color: #64dd17;--accent-rgb: 100, 221, 23;--accent-hover: #33691e;--border-color: #1b5e20;--bg-overlay: rgba(0, 0, 0, .85);--shadow-sm: 0 0 10px rgba(100, 221, 23, .2);--shadow-md: 0 0 20px rgba(100, 221, 23, .3)}[data-theme=royal]{--bg-primary: #311b92;--bg-secondary: #4527a0;--bg-panel: rgba(69, 39, 160, .6);--text-primary: #fff8e1;--text-secondary: #ffecb3;--accent-color: #ffd700;--accent-rgb: 255, 215, 0;--accent-hover: #ffc107;--border-color: #512da8;--bg-overlay: rgba(49, 27, 146, .85);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5)}[data-theme=steampunk]{--bg-primary: #2b2118;--bg-secondary: #3e2f24;--bg-panel: rgba(62, 47, 36, .7);--text-primary: #e6ccb2;--text-secondary: #d4a373;--accent-color: #cd7f32;--accent-rgb: 205, 127, 50;--accent-hover: #a0522d;--border-color: #8b4513;--bg-overlay: rgba(43, 33, 24, .85);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .6)}[data-theme=feywild]{--bg-primary: #fce4ec;--bg-secondary: #fff0f5;--bg-panel: rgba(255, 240, 245, .5);--text-primary: #880e4f;--text-secondary: #c2185b;--accent-color: #ff4081;--accent-rgb: 255, 64, 129;--accent-hover: #f50057;--border-color: #f8bbd0;--bg-overlay: rgba(252, 228, 236, .9);--shadow-sm: 0 2px 4px rgba(255, 64, 129, .1);--shadow-md: 0 4px 8px rgba(255, 64, 129, .2)}[data-theme=shadowfell]{--bg-primary: #212121;--bg-secondary: #424242;--bg-panel: rgba(66, 66, 66, .6);--text-primary: #f5f5f5;--text-secondary: #bdbdbd;--accent-color: #9e9e9e;--accent-rgb: 158, 158, 158;--accent-hover: #757575;--border-color: #616161;--bg-overlay: rgba(33, 33, 33, .85);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .7)}[data-theme=classic]{--bg-primary: #f3e5c6;--bg-secondary: #e6d8b8;--bg-panel: rgba(205, 183, 131, .2);--text-primary: #2c3233;--text-secondary: #5e6a61;--accent-color: #9a7b36;--accent-rgb: 154, 123, 54;--accent-hover: #5a4931;--border-color: #5a4931;--bg-overlay: rgba(243, 229, 198, .9);--shadow-sm: 0 2px 4px rgba(44, 50, 51, .1);--shadow-md: 0 4px 8px rgba(44, 50, 51, .2)}[data-theme=sage]{--bg-primary: #30253E;--bg-secondary: #251c30;--bg-panel: rgba(48, 37, 62, .7);--text-primary: #C2C88E;--text-secondary: #9AC7B4;--accent-color: #639972;--accent-rgb: 99, 153, 114;--accent-hover: #52805e;--border-color: #80A9A5;--bg-overlay: rgba(48, 37, 62, .85);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .6)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.panel:hover{box-shadow:var(--shadow-md)}.btn{padding:.5rem 1rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}input,textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem;border-radius:var(--radius-md);width:100%;box-sizing:border-box}select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem;border-radius:var(--radius-md);width:auto!important;margin:0;box-sizing:border-box}select option{background-color:#1e1e1e!important;color:#fff!important;padding:.5rem}select option:checked{background-color:var(--accent-color)!important;color:#fff!important}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-color);border-color:transparent}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.modal-content.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.modal-header h2{margin:0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:0}.form-group{flex:0 0 auto;display:flex;flex-direction:column;gap:.5rem}.form-group label,.label-bold{font-weight:500;color:var(--text-secondary);display:block;margin-bottom:.25rem}.parchment-modal{background-color:var(--bg-secondary);background-image:none;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 10px 30px #00000080}.parchment-input{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;font-family:inherit!important;padding:.5rem .75rem!important;border-radius:6px!important;width:100%;box-sizing:border-box}.parchment-input::placeholder{color:var(--text-secondary);opacity:.5;font-style:italic}.parchment-btn-primary{background-color:#58180d;color:#f4e4bc;border:1px solid #3d1109}.parchment-btn-primary:hover{background-color:#3d1109;color:#fff}.parchment-btn-secondary{background-color:#ffffff4d;color:#58180d;border:1px solid #58180d}.parchment-btn-secondary:hover{background-color:#58180d1a}.parchment-divider{height:2px;background:linear-gradient(to right,#58180d,transparent);width:100%;margin:1rem 0}@keyframes pulse-glow-solid{0%{box-shadow:0 0 0 0 var(--badge-glow-color, rgba(255, 152, 0, .7))}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.rpg-box{border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem;background-color:var(--bg-panel);box-shadow:0 4px 12px #0000001a;position:relative}.rpg-box-title{text-transform:uppercase;text-align:left;font-weight:700;font-size:.8rem;color:var(--accent-color);border-bottom:1px solid var(--border-color);margin:-1rem -1rem 1rem;padding:.75rem 1rem;background-color:var(--bg-secondary);border-radius:8px 8px 0 0;letter-spacing:.1em}.rpg-box input.parchment-input{border-color:var(--border-color)!important;background:var(--bg-primary)!important;color:var(--text-primary)!important}.font-fantasy{font-family:MedievalSharp,cursive,serif!important;letter-spacing:.02em}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tutorial-glow{0%{box-shadow:0 0 5px #a855f766;border-color:#a855f766}50%{box-shadow:0 0 15px #a855f7cc,0 0 20px #a855f766;border-color:#a855f7cc}to{box-shadow:0 0 5px #a855f766;border-color:#a855f766}}.tutorial-button-glow{animation:tutorial-glow 2s ease-in-out infinite!important;border-width:1px!important;border-style:solid!important}@keyframes text-glow{0%{text-shadow:0 0 5px rgba(0,243,255,.4)}50%{text-shadow:0 0 15px rgba(0,243,255,.9),0 0 20px rgba(0,243,255,.4)}to{text-shadow:0 0 5px rgba(0,243,255,.4)}}.glow-text{animation:text-glow 2.5s ease-in-out infinite;color:#00f3ff;font-weight:700}@keyframes pulseGlow{0%{box-shadow:0 0 5px #4caf5066;border-color:#4caf5099}50%{box-shadow:0 0 20px #4caf50cc,0 0 30px #4caf5066;border-color:#4caf50}to{box-shadow:0 0 5px #4caf5066;border-color:#4caf5099}}.active-glow-animated{animation:pulseGlow 2s infinite ease-in-out!important}.csm-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1100}.csm-container{width:90%;max-width:1000px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.csm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem;gap:.5rem;flex-wrap:wrap}.csm-header h2{margin:0;color:#a5d6a7;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csm-header-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.csm-columns{display:flex;gap:2rem}.csm-column-left{flex:1;min-width:0}.csm-column-right{flex:1;min-width:0;border-left:2px solid rgba(255,255,255,.1);padding-left:2rem}.csm-basic-info-row{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.csm-image-area{width:200px;flex-shrink:0}.csm-info-fields{flex:1;display:flex;flex-direction:column;gap:1rem}.csm-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.csm-battlemap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;border-bottom:1px solid #ccc;padding-bottom:.2rem;flex-wrap:wrap;gap:.5rem}.csm-battlemap-selects{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.csm-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.csm-featured-controls{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.csm-featured-controls select{flex:1;min-width:0;padding:.4rem}@media(max-width:640px){.csm-container{width:100%;max-width:100%;max-height:100vh;border-radius:0!important;border-left:none!important;border-right:none!important}.csm-header h2{font-size:1.1rem}.csm-columns{flex-direction:column;gap:1rem}.csm-column-right{border-left:none;padding-left:0;border-top:2px solid rgba(255,255,255,.1);padding-top:1rem}.csm-basic-info-row{flex-direction:column;align-items:stretch}.csm-image-area{width:100%}.csm-grid-2col,.csm-security-grid{grid-template-columns:1fr}.csm-battlemap-selects{width:100%}.csm-battlemap-selects select{flex:1}.csm-featured-controls{flex-direction:column;align-items:stretch}.csm-featured-controls select,.csm-featured-controls button{width:100%}}@media(max-width:800px)and (min-width:641px){.csm-columns{flex-direction:column;gap:1rem}.csm-column-right{border-left:none;padding-left:0;border-top:2px solid rgba(255,255,255,.1);padding-top:1rem}}.subclass-select-container{position:relative}.subclass-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fdf1dc;border:2px solid #8b4513;border-radius:4px;max-height:250px;overflow-y:auto;z-index:1000;box-shadow:0 4px 8px #0003;margin-top:2px}.subclass-dropdown-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #e0d5c0;display:flex;justify-content:space-between;align-items:center;transition:background .15s}.subclass-dropdown-item:last-child{border-bottom:none}.subclass-dropdown-item:hover{background:#f0e6d6}.subclass-dropdown-item.no-results{color:#666;font-style:italic;cursor:default}.subclass-dropdown-item.no-results:hover{background:transparent}.subclass-name{flex:1;font-size:.9rem}.source-badge{padding:3px 8px;font-size:.7em;border-radius:3px;font-weight:700;display:inline-block;text-transform:uppercase;letter-spacing:.5px}.source-badge.a5srd{background:#4a90e2;color:#fff}.source-badge.srd{background:#6c757d;color:#fff}.subclass-dropdown-menu::-webkit-scrollbar{width:8px}.subclass-dropdown-menu::-webkit-scrollbar-track{background:#f0e6d6;border-radius:4px}.subclass-dropdown-menu::-webkit-scrollbar-thumb{background:#8b4513;border-radius:4px}.subclass-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#6d3510}.spell-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.spell-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--primary-color)}.spell-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.spell-card-title{margin:0;font-size:1.1rem;color:var(--text-primary)}.spell-card-subtitle{margin:.25rem 0 0;font-size:.85rem;color:var(--text-secondary)}.spell-ritual-badge{margin-left:.5rem;padding:.1rem .4rem;background:#9c27b033;color:#9c27b0;border-radius:4px;font-size:.75rem;font-weight:700}.badge-srd{background:#2196f333;color:#2196f3;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;flex-shrink:0}.badge-variant{background:#ff980033;color:#ff9800;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;flex-shrink:0}.spell-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.spell-stat{display:flex;flex-direction:column;gap:.15rem}.spell-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.spell-stat-value{font-size:.85rem;color:var(--text-primary)}.spell-mechanics{display:flex;flex-wrap:wrap;gap:.5rem}.spell-mechanic-tag{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.spell-mechanic-tag.damage{background:#f4433626;color:#f44336}.spell-mechanic-tag.healing{background:#4caf5026;color:#4caf50}.spell-mechanic-tag.save{background:#ffc10726;color:#ffc107}.spell-mechanic-tag.attack{background:#9c27b026;color:#9c27b0}.spell-mechanic-tag.effect-beneficial{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.spell-mechanic-tag.effect-condition{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.spell-mechanic-tag.effect-status{background:#2196f326;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.spell-classes{display:flex;flex-wrap:wrap;gap:.35rem}.spell-class-badge{padding:.2rem .5rem;background:#607d8b26;color:#607d8b;border-radius:4px;font-size:.7rem;font-weight:500}.spell-description{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.spell-card-actions{display:flex;gap:.5rem;margin-top:.5rem}.spell-card-actions .btn{flex:1}.spells-list-container{display:flex;flex-direction:column;gap:1.5rem}.spells-list-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.spells-filters{display:flex;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);align-items:flex-end}.filter-group:first-child{flex:2;min-width:200px}.filter-group:not(:first-child){flex:1;min-width:120px}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.spell-search-input{padding:.6rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.spell-search-input:focus{outline:none;border-color:var(--primary-color)}.spell-filter-select{padding:.6rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;cursor:pointer}.spell-filter-select:focus{outline:none;border-color:var(--primary-color)}.spells-results-count{font-size:.9rem;color:var(--text-secondary);padding:.5rem 0}.spells-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.spells-empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.spells-empty-state p{margin-bottom:1rem;font-size:1.1rem}@media(max-width:1024px){.spells-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.spells-list-header{flex-direction:column;gap:1rem;align-items:flex-start}.spells-filters{flex-direction:column}.filter-group:first-child,.filter-group:not(:first-child){min-width:auto}.spells-grid{grid-template-columns:1fr}}.sdm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sdm-content{background:linear-gradient(to bottom,#2a1810,#1a0f08);border:2px solid #8b4513;border-radius:8px;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.sdm-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #8b4513}.sdm-header h2{margin:0;color:#d4af37;font-size:24px;font-family:Cinzel,serif}.sdm-close{background:none;border:none;color:#d4af37;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.sdm-close:hover{color:gold}.sdm-body{padding:20px;overflow-y:auto;color:#e0d5c7;flex:1}.sdm-section{margin-bottom:20px}.sdm-section h3{color:#d4af37;font-size:18px;margin-bottom:10px;font-family:Cinzel,serif}.sdm-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.sdm-info-item{color:#e0d5c7}.sdm-info-item strong{color:#d4af37;margin-right:5px}.sdm-components{display:flex;gap:10px;flex-wrap:wrap}.sdm-component{background:#3a2819;border:1px solid #8b4513;padding:5px 10px;border-radius:4px;color:#e0d5c7;font-size:14px}.sdm-description{line-height:1.6;color:#e0d5c7;white-space:pre-wrap}.sdm-mechanics{display:flex;flex-direction:column;gap:10px}.sdm-mechanic-item{background:#3a2819;border:1px solid #8b4513;padding:10px;border-radius:4px}.sdm-mechanic-item strong{color:#d4af37;margin-right:5px}.sdm-upcast{margin-top:5px;font-size:13px;color:#b8a88a;font-style:italic}.sdm-classes{display:flex;gap:8px;flex-wrap:wrap}.sdm-class-badge{background:#4a3a2a;border:1px solid #8b4513;padding:4px 12px;border-radius:12px;font-size:13px;color:#d4af37}.sdm-badges{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.sdm-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700}.sdm-badge-srd{background:#1a4d2e;color:#90ee90;border:1px solid #2d7a4a}.sdm-badge-variant{background:#4a3a8a;color:#b19cd9;border:1px solid #6a5aaa}.sdm-badge-custom{background:#8a4a1a;color:#ffb366;border:1px solid #aa6a3a}.sdm-badge-ritual{background:#3a4a8a;color:#9cf;border:1px solid #5a6aaa}.sdm-source{color:#b8a88a;font-size:13px;margin-top:5px}.sdm-source strong{color:#d4af37}.sdm-effects-list{display:flex;flex-direction:column;gap:12px}.sdm-effect-item{background:#3a2819;padding:12px;border-radius:6px;border-left:4px solid #8b4513}.effect-border-beneficial{border-left-color:#4caf50;background:#4caf501a}.effect-border-condition{border-left-color:#f44336;background:#f443361a}.effect-border-status{border-left-color:#2196f3;background:#2196f31a}.sdm-effect-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sdm-effect-header strong{color:gold;font-size:15px}.sdm-effect-badge{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:700;text-transform:uppercase}.sdm-effect-badge.type-beneficial{background:#4caf5033;color:#81c784;border:1px solid #4CAF50}.sdm-effect-badge.type-condition{background:#f4433633;color:#e57373;border:1px solid #F44336}.sdm-effect-badge.type-status{background:#2196f333;color:#64b5f6;border:1px solid #2196F3}.sdm-effect-description{margin:0 0 8px;font-size:14px;color:#e0d5c7;line-height:1.5}.sdm-effect-details{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sdm-detail-tag{background:#0000004d;padding:2px 8px;border-radius:4px;font-size:12px;color:#b8a88a;border:1px solid #5a4a3a}.sdm-detail-mechanic{font-size:13px;color:#d4af37;margin-left:auto}.sdm-footer{padding:15px 20px;border-top:2px solid #8b4513;display:flex;justify-content:flex-end;gap:10px}.sdm-btn{padding:8px 20px;border-radius:4px;border:none;cursor:pointer;font-size:14px;transition:all .2s}.sdm-btn-secondary{background:#4a3a2a;color:#e0d5c7;border:1px solid #8b4513}.sdm-btn-secondary:hover{background:#5a4a3a;border-color:#a0621d}.sdm-body::-webkit-scrollbar{width:8px}.sdm-body::-webkit-scrollbar-track{background:#1a0f08}.sdm-body::-webkit-scrollbar-thumb{background:#8b4513;border-radius:4px}.sdm-body::-webkit-scrollbar-thumb:hover{background:#a0621d}.se-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.se-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:95vh;display:flex;flex-direction:column;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.se-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.se-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-family:MedievalSharp,cursive}.se-close{background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s}.se-close:hover{color:gold}.se-body{padding:2rem;overflow-y:auto;color:var(--text-primary);flex:1}.se-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.se-section:last-child{border-bottom:none}.se-section h3{color:#a5d6a7;font-size:1.1rem;margin-bottom:1.5rem;font-family:MedievalSharp,cursive;text-transform:uppercase;letter-spacing:.05em}.se-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.se-form-group{display:flex;flex-direction:column;gap:8px}.se-form-group label{font-size:.9rem;font-weight:700;color:#a5d6a7;margin-bottom:.4rem}.se-form-group input,.se-form-group select,.se-form-group textarea{padding:.6rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#0003;color:#fff;font-size:.95rem;font-family:inherit;transition:all .2s}.se-form-group input:focus,.se-form-group select:focus,.se-form-group textarea:focus{outline:none;border-color:var(--accent-color);background:#0000004d}.se-form-group textarea{resize:vertical;min-height:80px}.se-inline-group{display:flex;gap:8px;align-items:center}.se-checkbox-group{display:flex;gap:16px;flex-wrap:wrap}.se-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary);font-size:.9rem;padding:4px 8px;border-radius:4px;transition:background .2s}.se-checkbox:hover{background:#ffffff0d}.se-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.se-class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.se-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;background:#0000001a}.se-btn{padding:10px 24px;border-radius:4px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.se-btn-primary{background:var(--accent-color);color:#fff;border-radius:var(--radius-md)}.se-btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.se-btn-primary:disabled{background:var(--bg-primary);color:var(--text-secondary);opacity:.5;cursor:not-allowed}.se-btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.se-btn-secondary:hover{background:#ffffff1a;border-color:var(--text-secondary)}.se-body::-webkit-scrollbar{width:8px}.se-body::-webkit-scrollbar-track{background:transparent}.se-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.se-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.se-form-grid{grid-template-columns:1fr}.se-class-grid{grid-template-columns:repeat(2,1fr)}}.se-effect-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.se-effect-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);transition:background .2s}.se-effect-item:hover{background:#ffffff0d}.se-effect-info{display:flex;align-items:center;gap:.75rem;flex:1}.se-effect-badge{font-size:.75rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.se-effect-badge.type-beneficial{background:#d4edda;color:#155724}.se-effect-badge.type-condition{background:#f8d7da;color:#721c24}.se-effect-badge.type-status{background:#cce5ff;color:#004085}.se-effect-badge.type-modifier{background:#fff3cd;color:#856404}.se-effect-desc{color:#a0a0a0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.se-effect-actions{display:flex;gap:.5rem}.se-effect-actions button{padding:6px 12px;font-size:.85rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff0d;color:var(--text-primary);cursor:pointer;transition:all .2s}.se-effect-actions button:hover{background:#ffffff1a;border-color:var(--accent-color)}.se-effect-actions button.se-btn-danger{color:#ff6b6b;border-color:#c92a2a}.se-effect-actions button.se-btn-danger:hover{background:#c92a2a;color:#fff}.se-btn-add{width:100%;padding:1rem;border:2px dashed rgba(212,197,163,.2);background:#ffffff05;color:#a5d6a7;border-radius:var(--radius-md);cursor:pointer;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.se-btn-add:hover{border-color:#a5d6a7;background:#a5d6a70d;transform:translateY(-2px)}.se-no-data{text-align:center;color:#a0a0a0;font-style:italic;margin:1rem 0}.see-container{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:100%;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.see-container h3{margin:0;padding:1.5rem 2rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-family:MedievalSharp,cursive}.see-body{padding:1.5rem 2rem;overflow-y:auto;flex:1}.see-form-grid{display:flex;flex-direction:column;gap:1.5rem}.see-section{background:#0000001a;padding:1.25rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.see-section h4{grid-column:1 / -1;margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;color:#a5d6a7;letter-spacing:1px;font-weight:700}.see-section.full-width{grid-template-columns:1fr}.see-form-group{display:flex;flex-direction:column;gap:.4rem}.see-form-group.full-width{grid-column:1 / -1}.see-form-group label{font-weight:700;font-size:.85rem;color:var(--text-secondary)}.see-form-group input,.see-form-group select,.see-form-group textarea{padding:.6rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#0003;color:#fff;font-size:.95rem;transition:all .2s}.see-form-group input:focus,.see-form-group select:focus,.see-form-group textarea:focus{border-color:var(--accent-color);outline:none;background:#0000004d}.see-checkbox-wrapper{grid-column:1 / -1;display:flex;align-items:center;margin-top:.5rem}.see-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;-webkit-user-select:none;user-select:none}.see-dynamic-fields{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;background:#0003;padding:1.25rem;border-radius:var(--radius-md);border-left:4px solid var(--accent-color)}.see-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color);background:#0000001a}@media(max-width:600px){.see-container{border-radius:0;border:none;max-height:100vh;width:100vw}.see-container h3{padding:1rem;font-size:1.2rem}.see-body{padding:1rem}.see-section{padding:1rem;grid-template-columns:1fr!important;gap:1rem}.see-dynamic-fields{padding:.75rem;grid-template-columns:1fr!important}.see-actions{padding:1rem;flex-direction:row;justify-content:space-between}.see-actions button{flex:1;padding:.8rem .5rem;font-size:.85rem}}.confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-content{background:linear-gradient(to bottom,#2a1810,#1a0f08);border:2px solid #8b4513;border-radius:8px;min-width:400px;max-width:500px;box-shadow:0 10px 40px #00000080;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-header{padding:20px;border-bottom:2px solid #8b4513}.confirm-header h3{margin:0;color:#d4af37;font-size:20px;font-family:Cinzel,serif}.confirm-body{padding:24px;color:#e0d5c7}.confirm-body p{margin:0;line-height:1.6;font-size:15px}.confirm-footer{padding:15px 20px;border-top:2px solid #8b4513;display:flex;justify-content:flex-end;gap:12px}.confirm-btn{padding:10px 24px;border-radius:4px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.confirm-btn-primary{background:#d4af37;color:#1a0f08}.confirm-btn-primary:hover{background:gold}.confirm-btn-secondary{background:#4a3a2a;color:#e0d5c7;border:1px solid #8b4513}.confirm-btn-secondary:hover{background:#5a4a3a;border-color:#a0621d}@media(max-width:768px){.confirm-content{min-width:300px;max-width:90vw}}body{background-size:51% 100%;background-repeat:no-repeat}@keyframes magical-glow{0%,to{box-shadow:0 0 5px #8a2be24d}50%{box-shadow:0 0 20px #8a2be299,0 0 30px #d4af3766}}nav-link-btn:hover,.btn:hover{animation:magical-glow 2s ease-in-out infinite}.section-divider{height:2px;background:linear-gradient(90deg,transparent,var(--border-color) 20%,var(--accent-secondary, #d4af37) 50%,var(--border-color) 80%,transparent);margin:1.5rem 0;position:relative}.section-divider:before{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);padding:0 .5rem;color:var(--accent-secondary, #d4af37);font-size:.8rem}.btn-primary,.btn-success{position:relative;overflow:hidden}.btn-primary:before,.btn-success:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before,.btn-success:hover:before{width:300px;height:300px}.dm-notepad-header{position:relative}.dm-notepad-header:before{content:"🎲";position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.6}main{background-image:radial-gradient(circle at 20px 20px,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}h1{position:relative;padding-bottom:.5rem}h1:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-secondary, #d4af37),var(--primary-color));border-radius:2px}.campaign-card:before{content:"📜";position:absolute;top:.5rem;right:.5rem;font-size:1.5rem;opacity:.2;pointer-events:none}@media(max-width:768px){.main-sidebar{display:none!important}}