@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#080808;--bg-gradient:radial-gradient(circle at 50% 50%, #150505 0%, #060606 100%);--bg-panel:#101010d9;--bg-panel-hover:#1a1a1ae6;--accent-red:#7c0a0a;--accent-red-rgb:124, 10, 10;--bright-red:#e61a1a;--bright-red-rgb:230, 26, 26;--accent-gold:#c5a059;--accent-gold-hover:#e0be7d;--text-primary:#f0eae1;--text-secondary:#c0b7aa;--text-muted:#736b60;--border-gold:1px solid #c5a05959;--border-red:1px solid #7c0a0a66;--border-red-focus:1px solid #e61a1acc;--shadow-red:0 0 15px #e61a1a33;--shadow-gold:0 0 15px #c5a05926;--font-gothic:"Cinzel", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:var(--accent-red);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bright-red)}h1,h2,h3,h4,h5,h6{font-family:var(--font-gothic);color:var(--accent-gold);letter-spacing:1.5px;text-shadow:0 2px 4px #000000b3}h1{text-transform:uppercase;font-weight:900}p{color:var(--text-secondary);line-height:1.6}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a0ae6;border-bottom:1px solid #c5a05940;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000080}.nav-brand{cursor:pointer;align-items:center;gap:.8rem;display:flex}.nav-brand img{height:35px}.nav-logo-text{font-family:var(--font-gothic);color:var(--accent-gold);text-transform:uppercase;font-size:1.4rem;font-weight:700}.nav-menu{align-items:center;gap:1.5rem;display:flex}.nav-item{color:var(--text-secondary);font-family:var(--font-gothic);text-transform:uppercase;letter-spacing:1px;transition:var(--transition-smooth);cursor:pointer;background:0 0;border:none;font-size:.95rem;font-weight:600;text-decoration:none}.nav-item:hover,.nav-item.active{color:var(--bright-red);text-shadow:0 0 8px #e61a1a66}.nav-user-info{border-left:1px solid #c5a05933;align-items:center;gap:.8rem;padding-left:1.5rem;display:flex}.user-badge{text-transform:uppercase;border:1px solid var(--accent-gold);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex;box-shadow:0 0 10px #c5a05933}.user-badge.crimson{color:#fff;background:#8b0000}.user-badge.midnight{color:#fff;background:#191970}.user-badge.gold{color:#000;background:#d4af37}.user-badge.forest{color:#fff;background:#228b22}.user-badge.purple{color:#fff;background:indigo}.username-display{color:var(--text-primary);font-size:.95rem;font-weight:600}.glass-panel{background:var(--bg-panel);border:var(--border-gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-gold), 0 10px 30px #000c;transition:var(--transition-smooth);border-radius:8px;margin-bottom:2rem;padding:2rem}.glass-panel:hover{background:var(--bg-panel-hover);box-shadow:0 0 25px #c5a05940,0 10px 40px #000000e6}.glass-panel.border-red{border:var(--border-red)}.glass-panel.border-red:hover{box-shadow:var(--shadow-red), 0 10px 40px #000000e6}.btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:var(--transition-smooth);color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{color:var(--text-primary);border:var(--border-gold);background:linear-gradient(135deg,#7c0a0a 0%,#4a0303 100%);box-shadow:0 4px 10px #0006}.btn-primary:hover{border-color:var(--accent-gold-hover);box-shadow:var(--shadow-red);background:linear-gradient(135deg,#a61212 0%,#630505 100%)}.btn-secondary{color:var(--accent-gold);border:var(--border-gold);background:0 0}.btn-secondary:hover{color:var(--accent-gold-hover);background:#c5a0591a}.btn-danger{color:#ff4d4d;background:0 0;border:1px solid #ff4d4d66}.btn-danger:hover{background:#ff4d4d26;border-color:#ff4d4d;box-shadow:0 0 10px #ff4d4d4d}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.5rem}.form-label{font-family:var(--font-gothic);color:var(--accent-gold);letter-spacing:.5px;margin-bottom:.5rem;font-size:.95rem;display:block}.form-control{width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#141414cc;border:1px solid #c5a05940;border-radius:4px;padding:.8rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--accent-gold);background:#1e1e1ee6;outline:none;box-shadow:0 0 10px #c5a05940}.form-control.border-red:focus{border-color:var(--bright-red);box-shadow:0 0 10px #e61a1a4d}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding:1.5rem;display:flex}.auth-card{border-radius:8px;width:100%;max-width:450px;padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{margin-bottom:.5rem;font-size:2rem}.avatar-selector{justify-content:center;gap:1rem;margin:1.2rem 0;display:flex}.avatar-option{cursor:pointer;width:38px;height:38px;transition:var(--transition-smooth);border:2px solid #0000;border-radius:50%}.avatar-option.selected{border-color:var(--accent-gold);box-shadow:0 0 15px var(--accent-gold);transform:scale(1.15)}.avatar-option.crimson{background:#8b0000}.avatar-option.midnight{background:#191970}.avatar-option.gold{background:#d4af37}.avatar-option.forest{background:#228b22}.avatar-option.purple{background:indigo}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.9rem}.auth-switch span{color:var(--bright-red);cursor:pointer;font-weight:600;text-decoration:underline}.dashboard-title-section{border-bottom:1px solid #c5a05933;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.dashboard-grid{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.campaign-card,.character-card{transition:var(--transition-smooth);cursor:pointer;background:#0a0a0a80;border:1px solid #c5a05926;border-radius:6px;flex-direction:column;align-items:stretch;gap:.8rem;margin-bottom:1rem;padding:1.2rem;display:flex}.campaign-card:hover,.character-card:hover{border-color:var(--accent-red);background:#190a0a4d;transform:translate(5px)}.campaign-card-header,.character-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.campaign-card-header h4,.character-card-header h4{color:var(--accent-gold);font-size:1.15rem;font-family:var(--font-gothic);margin:0}.campaign-badge{letter-spacing:.5px;border-radius:3px;flex-shrink:0;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.campaign-badge.master{border:1px solid var(--accent-gold);color:var(--accent-gold);background:#c5a0590d}.campaign-badge.player{border:1px solid var(--accent-red);color:var(--text-secondary);background:#7c0a0a0d}.campaign-card-body{align-items:center;gap:1rem;display:flex}.campaign-card-img{object-fit:cover;border:1.5px solid var(--accent-gold);border-radius:4px;flex-shrink:0;width:50px;height:50px}.campaign-card-placeholder-img{color:#c5a05966;width:50px;height:50px;font-size:1.2rem;font-family:var(--font-gothic);background:#0a0a0a99;border:1.5px dashed #c5a05959;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.campaign-card-desc{color:var(--text-secondary);flex:1;margin:0;font-size:.85rem;line-height:1.4}.character-campaign-status{border-radius:3px;flex-shrink:0;padding:.15rem .4rem;font-size:.75rem;font-weight:600}.character-campaign-status.in-campaign{border:1px solid var(--accent-gold);color:var(--accent-gold);background:#c5a0590d}.character-campaign-status.free{color:var(--text-muted);background:#0a0a0a33;border:1px solid #736b604d}.character-card-details{color:var(--text-muted);margin:0;font-size:.85rem}.empty-state{text-align:center;color:var(--text-muted);background:#0a0a0a4d;border:1px dashed #c5a05926;border-radius:6px;padding:3rem 1.5rem;font-style:italic}.campaign-details-grid{grid-template-columns:1.4fr 1fr;gap:2.5rem;display:grid}@media (width<=900px){.campaign-details-grid{grid-template-columns:1fr}}.campaign-desc-block{border-bottom:1px solid #c5a05926;margin:1rem 0 2rem;padding-bottom:1.5rem}.invite-form{gap:.5rem;margin-top:1rem;display:flex}.search-results-box{border:1px solid var(--accent-gold);z-index:10;background:#111;border-radius:4px;width:calc(100% - 4rem);max-height:200px;margin-top:.5rem;position:absolute;overflow-y:auto}.search-result-item{cursor:pointer;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.search-result-item:hover{background:#7c0a0a4d}.player-list-item{background:#0f0f0f99;border:1px solid #c5a05926;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding:1rem;display:flex}.player-meta{align-items:center;gap:.8rem;display:flex}.character-status-block{border-top:1px dashed #c5a0591a;gap:1.5rem;margin-top:.5rem;padding-top:.5rem;font-size:.8rem;display:flex}.status-indicator{align-items:center;gap:.4rem;display:flex}.status-indicator .label{color:var(--text-secondary)}.status-indicator .value{color:var(--accent-gold);font-weight:600}.sheet-wrapper{border:2px solid var(--accent-gold);box-shadow:0 0 40px #000000e6, var(--shadow-gold);background:#0f0f0f;border-radius:12px;padding:3rem 2.5rem;position:relative;overflow:hidden}.sheet-wrapper:before{content:"";background:linear-gradient(90deg, var(--accent-gold) 0%, var(--accent-red) 50%, var(--accent-gold) 100%);height:5px;position:absolute;top:0;left:0;right:0}.sheet-header-title{text-align:center;margin-bottom:2.5rem}.sheet-header-title h2{letter-spacing:4px;text-shadow:0 0 10px #c5a05966;font-size:2.5rem}.sheet-header-title p{font-family:var(--font-gothic);color:var(--accent-red);letter-spacing:3px;text-transform:uppercase;margin-top:.2rem;font-size:.95rem}.sheet-info-grid{border-bottom:2px solid var(--accent-gold);grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;display:grid}@media (width<=768px){.sheet-info-grid{grid-template-columns:1fr;gap:1rem}}.info-item{border-bottom:1px solid #c5a05933;align-items:center;gap:.8rem;padding-bottom:.4rem;display:flex}.info-item label{font-family:var(--font-gothic);color:var(--accent-gold);white-space:nowrap;font-size:.9rem}.info-item input{color:var(--text-primary);background:0 0;border:none;width:100%;font-size:.95rem}.info-item input:focus{color:var(--bright-red);outline:none}.sheet-three-columns{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;display:grid}.sheet-four-columns{grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem;display:grid}@media (width<=900px){.sheet-three-columns,.sheet-four-columns{grid-template-columns:1fr;gap:2.5rem}}.sheet-column-box{background:#05050580;border:1px solid #c5a05926;border-radius:6px;padding:1.2rem}.column-title{text-align:center;border-bottom:1px solid var(--accent-gold);text-transform:uppercase;margin-bottom:1.2rem;padding-bottom:.5rem;font-size:1.15rem}.stat-row{justify-content:space-between;align-items:center;margin-bottom:.8rem;font-size:.95rem;display:flex}.stat-row.bold-header{font-family:var(--font-gothic);color:var(--accent-gold);border-bottom:1px dashed #c5a05933;margin-top:1rem;padding-bottom:.2rem}.stat-name{color:var(--text-secondary);text-transform:capitalize}.dots-container{gap:.35rem;display:flex}.dot{border:2px solid var(--accent-red);cursor:pointer;width:13px;height:13px;transition:var(--transition-smooth);background:0 0;border-radius:50%;position:relative}.dot.filled{background:var(--bright-red);border-color:var(--bright-red);box-shadow:0 0 5px #e61a1a99}.dot.temporary-add{background:#00d2ff!important;border-color:#00d2ff!important;box-shadow:0 0 8px #00d2ffcc!important}.dot.temporary-sub{background:0 0!important;border-style:solid!important;border-color:#00d2ff!important;box-shadow:0 0 5px #00d2ff80!important}.dot.disabled{opacity:.15;cursor:not-allowed;pointer-events:none}.dot:hover{border-color:var(--bright-red);transform:scale(1.2)}.btn-temporary-mode{border:1px solid var(--accent-red);color:var(--text-secondary);transition:var(--transition-smooth);background:0 0}.btn-temporary-mode.active{box-shadow:0 0 8px #00d2ff66;color:#00d2ff!important;background:#00d2ff26!important;border-color:#00d2ff!important}.btn-temporary-mode:hover{color:#00d2ff;border-color:#00d2ff}.dynamic-list-container{margin-bottom:1.5rem}.dynamic-row{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.merits-flaws-row{grid-template-columns:1.5fr 1fr 1fr auto;align-items:center;gap:.5rem;margin-bottom:.8rem;display:grid}.rituals-row{grid-template-columns:2fr 1fr auto;align-items:center;gap:.5rem;margin-bottom:.8rem;display:grid}.dynamic-row input{color:var(--text-primary);background:#0a0a0acc;border:1px solid #c5a05926;border-radius:4px;width:100%;padding:.4rem .6rem;font-size:.9rem}.dynamic-row input:focus{border-color:var(--accent-gold);outline:none}.delete-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:1rem}.delete-btn:hover{color:var(--bright-red);transform:scale(1.1)}.sheet-virtues-road{grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:3rem;display:grid}@media (width<=768px){.sheet-virtues-road{grid-template-columns:1fr}}.resource-box{background:#0a0a0a99;border:1px solid #c5a05926;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.resource-title-row{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.temp-tracker{align-items:center;gap:.8rem;font-size:.9rem;display:flex}.temp-tracker input{width:50px;color:var(--bright-red);text-align:center;background:#050505cc;border:1px solid #c5a0594d;border-radius:4px;padding:.2rem;font-weight:700}.health-box{background:#0a0a0a99;border:1px solid #c5a05926;border-radius:6px;margin-bottom:2rem;padding:1.5rem}.health-grid{flex-direction:column;gap:.6rem;display:flex}.health-row{border-bottom:1px dashed #c5a0591a;justify-content:space-between;align-items:center;padding-bottom:.4rem;font-size:.9rem;display:flex}.health-label{gap:1.5rem;display:flex}.health-name{color:var(--text-secondary);width:120px;font-weight:500}.health-penalty{color:var(--accent-red);width:60px;font-weight:700}.damage-selector{gap:.4rem;display:flex}.damage-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:#0a0a0a99;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex}.damage-btn.empty:hover{background:#ffffff1a;border-color:#fff6}.damage-btn.empty.active{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffffff26}.damage-btn.bashing{color:#5a3d28b3;border-color:#5a3d2880}.damage-btn.bashing:hover{color:#fff;border-color:#5a3d28}.damage-btn.bashing.active{color:#fff;background:#5a3d28;border-color:#5a3d28;box-shadow:0 0 8px #5a3d2899}.damage-btn.lethal{color:#7c0a0ab3;border-color:#7c0a0a80}.damage-btn.lethal:hover{border-color:var(--accent-red);color:#fff}.damage-btn.lethal.active{background:var(--accent-red);color:#fff;border-color:var(--accent-red);box-shadow:0 0 8px #7c0a0a99}.damage-btn.aggravated{color:#e61a1ab3;border-color:#e61a1a80}.damage-btn.aggravated:hover{border-color:var(--bright-red);color:#fff}.damage-btn.aggravated.active{background:var(--bright-red);color:#fff;border-color:var(--bright-red);box-shadow:0 0 10px var(--bright-red)}.sheet-lock-btn{font-family:var(--font-gothic);letter-spacing:.5px;cursor:pointer;border:1.5px solid;border-radius:5px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700;transition:all .25s;display:inline-flex}.sheet-lock-btn.unlocked{border-color:var(--accent-gold);color:var(--accent-gold);background:#c5a05914}.sheet-lock-btn.unlocked:hover{color:var(--accent-gold-hover);background:#c5a0592e;box-shadow:0 0 12px #c5a0594d}.sheet-lock-btn.locked{border-color:var(--bright-red);color:var(--bright-red);background:#8b0a0a26;animation:2s ease-in-out infinite lock-pulse}.sheet-lock-btn.locked:hover{background:#e61a1a40;animation:none;box-shadow:0 0 14px #e61a1a73}@keyframes lock-pulse{0%{box-shadow:0 0 #e61a1a00}50%{box-shadow:0 0 10px #e61a1a66}to{box-shadow:0 0 #e61a1a00}}.sheet-locked-banner{color:#f0a0a0;background:#5a050540;border:1px solid #e61a1a73;border-radius:6px;justify-content:center;align-items:center;gap:.75rem;margin:.75rem 1rem 0;padding:.6rem 1.2rem;font-size:.9rem;animation:.35s banner-fadeIn;display:flex}@keyframes banner-fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sheet-locked-banner .lock-icon{font-size:1.1rem}.sheet-locked-banner-btn{color:#f0a0a0;cursor:pointer;transition:var(--transition-smooth);background:#e61a1a26;border:1px solid #e61a1a80;border-radius:4px;margin-left:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.sheet-locked-banner-btn:hover{color:#fff;border-color:var(--bright-red);background:#e61a1a4d}.save-status-indicator{border:1px solid var(--accent-gold);color:var(--text-secondary);z-index:1000;pointer-events:none;background:#0a0a0af2;border-radius:4px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 15px #0009}.save-status-indicator.saving{border-color:var(--accent-red);color:var(--bright-red);animation:1.5s infinite pulse-border}.save-status-indicator.locked-indicator{color:#f0a0a0;border-color:#e61a1a80}@keyframes pulse-border{0%{box-shadow:0 0 5px #e61a1a66}50%{box-shadow:0 0 15px #e61a1acc}to{box-shadow:0 0 5px #e61a1a66}}.sheet-master-section{border-top:2px solid var(--accent-gold);margin-top:1rem;padding-top:2rem}.sheet-tabs{border-bottom:1px solid #c5a05940;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex}.sheet-tab-button{font-family:var(--font-gothic);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:4px 4px 0 0;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600}.sheet-tab-button:hover{color:var(--accent-gold-hover);background:#c5a0590d}.sheet-tab-button.active{color:var(--accent-gold);border:var(--border-gold);text-shadow:0 0 8px #c5a05966;background:#0f0f0f;border-bottom-color:#0f0f0f;box-shadow:0 -2px 10px #c5a0591a}.sheet-grid-2col{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=768px){.sheet-grid-2col{grid-template-columns:1fr}}.sheet-textarea-box{background:#0a0a0a99;border:1px solid #c5a05926;border-radius:6px;flex-direction:column;gap:.5rem;padding:1.2rem;display:flex}.sheet-textarea-box label{font-family:var(--font-gothic);color:var(--accent-gold);text-transform:uppercase;border-bottom:1px dashed #c5a05933;padding-bottom:.3rem;font-size:.95rem}.sheet-textarea-box textarea{width:100%;min-height:120px;color:var(--text-primary);font-family:var(--font-sans);resize:vertical;transition:var(--transition-smooth);background:#0f0f0fcc;border:1px solid #c5a05933;border-radius:4px;padding:.6rem .8rem;font-size:.9rem;line-height:1.5}.sheet-textarea-box textarea:focus{border-color:var(--accent-gold);background:#191919e6;outline:none}.sheet-table-wrapper{margin-bottom:1.5rem;overflow-x:auto}.sheet-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.85rem}.sheet-table th{font-family:var(--font-gothic);color:var(--accent-gold);text-align:left;border-bottom:2px solid var(--accent-gold);text-transform:uppercase;padding:.6rem .8rem;font-size:.8rem}.sheet-table td{vertical-align:middle;border-bottom:1px solid #c5a0591a;padding:.4rem .6rem}.sheet-table input{width:100%;color:var(--text-primary);background:#050505cc;border:1px solid #c5a05926;border-radius:4px;padding:.3rem .5rem;font-size:.8rem}.sheet-table input:focus{border-color:var(--accent-gold);outline:none}.sheet-inline-inputs{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.inline-input-item{flex-direction:column;flex:1;gap:.3rem;min-width:120px;display:flex}.inline-input-item label{color:var(--text-secondary);font-size:.8rem}.inline-input-item input{color:var(--text-primary);background:#0a0a0acc;border:1px solid #c5a05933;border-radius:4px;padding:.4rem .6rem;font-size:.85rem}.inline-input-item input:focus{border-color:var(--accent-gold);outline:none}.sketch-uploader-box{text-align:center;background:#05050580;border:1px dashed #c5a0594d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:250px;padding:1.5rem;display:flex;position:relative}.sketch-preview{object-fit:cover;border:2px solid var(--accent-gold);border-radius:4px;width:100%;max-width:450px;height:580px;margin-bottom:.5rem;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;box-shadow:0 5px 20px #7c0a0a80}.sketch-preview:hover{transform:scale(1.02);box-shadow:0 8px 25px #7c0a0ab3}.sketch-placeholder-icon{color:var(--text-muted);font-size:3.5rem}.file-input-wrapper{display:inline-block;position:relative;overflow:hidden}.file-input-wrapper input[type=file]{opacity:0;cursor:pointer;font-size:100px;position:absolute;top:0;left:0}.weakness-box{background:#0a0a0a99;border:1px solid #c5a05926;border-radius:6px;margin-top:1.5rem;padding:1.2rem}.weakness-box h4{font-family:var(--font-gothic);color:var(--accent-gold);text-transform:uppercase;border-bottom:1px dashed #c5a05933;margin-bottom:.8rem;padding-bottom:.3rem}.weakness-box textarea{width:100%;min-height:80px;color:var(--text-primary);font-family:var(--font-sans);resize:vertical;background:#0f0f0fcc;border:1px solid #c5a05933;border-radius:4px;padding:.5rem;font-size:.85rem}.weakness-box textarea:focus{border-color:var(--accent-gold);outline:none}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border:1.5px solid var(--accent-red);text-align:center;background:#0d0606;border-radius:6px;width:450px;max-width:90%;padding:2rem;animation:.25s ease-out modal-fadeIn;position:relative;box-shadow:0 0 30px #7c0a0ab3}.modal-header{border-bottom:1px solid #c5a05933;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h2{color:var(--accent-gold);margin:0;font-size:1.5rem}.close-button{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:4px;padding:0 .5rem;font-size:2rem;line-height:1}.close-button:hover{color:var(--bright-red);background:#e61a1a1a;transform:scale(1.1)}.modal-title{color:var(--accent-red);font-family:var(--font-gothic);letter-spacing:2px;border-bottom:1px solid #ff4d4d33;margin-top:0;margin-bottom:1rem;padding-bottom:.8rem;font-size:1.8rem}.modal-body{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.modal-actions{justify-content:center;gap:1rem;display:flex}.danger-zone{background:#0f050599!important;border:1px solid #ff4d4d59!important;box-shadow:0 0 12px #ff4d4d26!important}.danger-zone h3{color:#ff4d4d!important}@keyframes modal-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.discipline-tree-item{transition:var(--transition-smooth);margin:2px 0}.discipline-tree-item:hover{background:#c5a05914}.discipline-tree-item.selected{border-left:3px solid var(--bright-red)!important;background:#7c0a0a40!important}.tree-actions button{opacity:.35;transition:var(--transition-smooth)}.discipline-tree-item:hover .tree-actions button{opacity:.8}.tree-actions button:hover{transform:scale(1.15);opacity:1!important}.rich-text-editor-container{margin-top:.3rem}.rich-text-toolbar{border-bottom:none!important}.toolbar-btn{transition:var(--transition-smooth);border-radius:3px}.toolbar-btn:hover{color:var(--accent-gold-hover)!important;background:#c5a05926!important}.rich-text-content{color:var(--text-primary)}.rich-text-content:focus{box-shadow:var(--shadow-gold);border-color:var(--accent-gold)!important;background:#141414e6!important}.rich-text-content:empty:before{content:attr(placeholder);color:var(--text-muted);cursor:text;font-style:italic}.rich-text-content ul,.rich-text-content ol{margin:.5rem 0;padding-left:1.5rem}.rich-text-content li{color:var(--text-secondary);margin-bottom:.25rem}.discipline-description-content ul,.discipline-description-content ol{margin:.5rem 0;padding-left:1.5rem}.discipline-description-content li{color:var(--text-secondary);margin-bottom:.25rem}.discipline-description-content p,.rich-text-content p{margin-bottom:.6rem}.discipline-description-content p:last-child,.rich-text-content p:last-child{margin-bottom:0}.rich-text-content table,.discipline-description-content table{border-collapse:collapse;background:#0a0a0a66;border:1px solid #c5a05959;width:100%;margin:1rem 0}.rich-text-content th,.discipline-description-content th{color:var(--accent-gold);font-family:var(--font-gothic);text-align:left;background:#7c0a0a2e;border:1px solid #c5a05959;padding:.6rem .8rem;font-size:.95rem}.rich-text-content td,.discipline-description-content td{color:var(--text-secondary);border:1px solid #c5a05940;padding:.6rem .8rem;font-size:.9rem}.rich-text-content tr:nth-child(2n),.discipline-description-content tr:nth-child(2n){background:#1414144d}@media (width<=768px){.navbar{flex-wrap:wrap;gap:.8rem;padding:.8rem 1rem;position:static}.nav-brand{order:1}.nav-user-info{order:2;gap:.5rem;padding-left:.8rem}.username-display{display:none}.nav-menu{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;border-top:1px solid #c5a05926;order:3;justify-content:flex-start;gap:1.5rem;width:100%;padding-top:.8rem;padding-bottom:.4rem;overflow-x:auto}.nav-menu::-webkit-scrollbar{display:none}.nav-menu .nav-item{flex-shrink:0}.main-content{padding:1.5rem 1rem}.dashboard-title-section{text-align:center;flex-direction:column;gap:.5rem;margin-bottom:1.8rem}.dashboard-title-section h1{font-size:2rem}.dashboard-title-section p{font-size:.9rem}.sheet-wrapper{padding:1.5rem 1rem}.sheet-header-title h2{letter-spacing:2px;font-size:1.8rem}.sheet-tabs{gap:.3rem}.sheet-tab-button{letter-spacing:.5px;padding:.5rem .8rem;font-size:.85rem}}@media (width<=425px){.dynamic-row{background:#14141466;border:1px solid #c5a0590d;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:.5rem;margin-bottom:.8rem;padding:.6rem;display:grid}.dynamic-row>:first-child{grid-area:1/1;width:100%}.dynamic-row>.dots-container{grid-area:2/1;justify-content:flex-start}.dynamic-row>.delete-btn{grid-area:1/2/span 2;place-self:center}.merits-flaws-row{background:#14141466;border:1px solid #c5a0590d;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr auto;gap:.5rem;margin-bottom:.8rem;padding:.6rem}.merits-flaws-row input[type=text]{grid-area:1/1/auto/span 2}.merits-flaws-row select{grid-area:2/1;width:100%}.merits-flaws-row input[type=number]{grid-area:2/2;width:100%}.merits-flaws-row .delete-btn{grid-area:1/3/span 2;place-self:center}.rituals-row{background:#14141466;border:1px solid #c5a0590d;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr auto;gap:.5rem;margin-bottom:.8rem;padding:.6rem}.rituals-row>div:first-child{grid-area:1/1/auto/span 2}.rituals-row input[type=number]{grid-area:2/1;width:100%}.rituals-row .delete-btn{grid-area:1/3/span 2;place-self:center}}@media (width<=480px){.sheet-header-title h2{letter-spacing:1px;font-size:1.4rem}}.encyclopedia-grid{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=768px){.encyclopedia-grid{grid-template-columns:1fr}}.level-form-grid{grid-template-columns:1fr 2fr 1fr;align-items:end;gap:1rem;display:grid}@media (width<=600px){.level-form-grid{grid-template-columns:1fr;align-items:stretch;gap:.8rem}.level-form-grid .form-group{margin-bottom:.5rem}.level-form-grid .form-group:last-child{margin-bottom:0;padding:.5rem 0;height:auto!important}}.section-header-actions{flex-wrap:wrap;gap:.8rem;display:flex}.sheet-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.5rem;display:flex}.sheet-actions-group{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.campaign-char-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.campaign-char-actions{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}@media (width<=768px){.sheet-actions-row{flex-direction:column;align-items:stretch}.sheet-actions-row>.btn,.sheet-actions-group{width:100%}.sheet-actions-group .btn{flex:140px}.sheet-actions-group .btn-danger{flex:100%}}@media (width<=600px){.glass-panel{margin-bottom:1.2rem;padding:1.2rem 1rem}.section-header-row{flex-direction:column;align-items:stretch;gap:.8rem}.section-header-actions{flex-direction:column;width:100%}.section-header-actions .btn,.section-header-row>.btn{width:100%;margin:0}.campaign-char-header{flex-direction:column;align-items:stretch;gap:.8rem}.campaign-char-header .btn{width:100%}.campaign-char-actions{flex-direction:column;width:100%}.campaign-char-actions .btn{width:100%;margin:0}}.xp-award-panel h3{font-family:var(--font-gothic);color:var(--accent-gold);letter-spacing:1px;margin-bottom:.4rem;font-size:1.15rem}.xp-char-row{background:#0a050566;border:1px solid #c5a05926;border-radius:6px;flex-direction:column;gap:.5rem;padding:.8rem 1rem;transition:border-color .2s;display:flex}.xp-char-row:hover{border-color:#c5a0594d}.xp-char-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.xp-char-name{font-family:var(--font-gothic);color:var(--text-primary);font-size:1rem;font-weight:600}.xp-char-current{color:var(--text-muted);font-size:.85rem}.xp-char-inputs{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.xp-amount-wrap{border:1px solid #c5a0594d;border-radius:5px;flex-shrink:0;align-items:center;gap:0;display:flex;overflow:hidden}.xp-step-btn{color:var(--accent-gold);cursor:pointer;background:#c5a0591a;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:700;line-height:1;transition:background .2s;display:flex}.xp-step-btn:hover{background:#c5a05940}.xp-amount-input{text-align:center;width:58px;height:32px;color:var(--text-primary);-moz-appearance:textfield;background:#0a0a0a99;border:none;border-left:1px solid #c5a05933;border-right:1px solid #c5a05933;padding:0;font-size:.95rem;font-weight:700}.xp-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.xp-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.xp-amount-input:focus{background:#140a0acc;outline:none}.xp-note-input{min-width:140px;height:32px;color:var(--text-primary);background:#0a0a0a99;border:1px solid #c5a05933;border-radius:4px;flex:1;padding:0 .6rem;font-size:.85rem;transition:border-color .2s}.xp-note-input:focus{border-color:#c5a05980;outline:none}.xp-note-input::placeholder{color:var(--text-muted);font-style:italic}.xp-confirm-btn{border:1.5px solid var(--accent-gold);color:var(--accent-gold);font-family:var(--font-gothic);letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#c5a0591f,#7c0a0a1f);border-radius:5px;padding:.65rem 1.2rem;font-size:1rem;font-weight:700;transition:all .25s}.xp-confirm-btn:hover:not(:disabled){color:var(--accent-gold-hover);background:linear-gradient(135deg,#c5a05940,#7c0a0a33);box-shadow:0 0 18px #c5a0594d}.xp-confirm-btn:disabled{opacity:.45;cursor:not-allowed}.xp-feedback{border-radius:5px;margin-top:.9rem;padding:.6rem 1rem;font-size:.88rem;font-weight:500;animation:.3s banner-fadeIn}.xp-feedback.success{color:#90e890;background:#28642833;border:1px solid #50b45059}.xp-feedback.error{color:#f0a0a0;background:#780a0a33;border:1px solid #e61a1a66}.offline-banner{border-bottom:1px solid var(--bright-red);color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);letter-spacing:.5px;text-align:center;z-index:999;background:#7c0a0af2;justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1.5rem;animation:.3s cubic-bezier(.4,0,.2,1) slide-down-banner;display:flex;box-shadow:0 4px 10px #00000080}.offline-banner.syncing{border-bottom:1px solid var(--accent-gold);color:#0b0202;background:#c5a059f2;font-weight:500}.offline-banner.success{color:#fff;background:#286428f2;border-bottom:1px solid #40b040}.offline-banner-icon{font-size:1.1rem}@keyframes slide-down-banner{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.save-status-indicator.offline{color:#ffb86c;border-color:#d17a22;animation:2s infinite pulse-orange-border}@keyframes pulse-orange-border{0%{box-shadow:0 0 5px #d17a2266}50%{box-shadow:0 0 15px #d17a22cc}to{box-shadow:0 0 5px #d17a2266}}.health-edit-input{width:120px}@media (width>=375px){.health-edit-input{width:100px}}.calendar-container{margin-top:2rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.calendar-month-title{font-size:1.5rem;font-family:var(--font-gothic);color:var(--accent-gold);text-transform:uppercase;letter-spacing:1.5px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.calendar-day-name{font-family:var(--font-gothic);color:var(--accent-gold);text-transform:uppercase;text-align:center;border-bottom:1px solid #c5a05926;padding:.5rem 0;font-size:.8rem;font-weight:700}.calendar-cell{cursor:pointer;min-height:80px;transition:var(--transition-smooth);background:#0a0a0a66;border:1px solid #c5a05926;border-radius:4px;flex-direction:column;justify-content:space-between;padding:.4rem;display:flex}.calendar-cell:hover{border-color:var(--accent-red);background:#190a0a99;box-shadow:0 0 10px #7c0a0a33}.calendar-cell.different-month{opacity:.25;cursor:default}.calendar-cell.today{border-color:var(--accent-gold);box-shadow:0 0 8px #c5a05940}.calendar-cell.my-availability{background:#c5a0590d;border-color:#c5a05980}.calendar-cell.confirmed-session{animation:2s infinite pulse-session-border;border:1.5px solid var(--bright-red)!important;background:#7c0a0a59!important;box-shadow:0 0 15px #e61a1a66!important}@keyframes pulse-session-border{0%{box-shadow:0 0 10px #e61a1a4d}50%{box-shadow:0 0 20px #e61a1a99}to{box-shadow:0 0 10px #e61a1a4d}}.calendar-cell-number{color:var(--text-secondary);font-size:.85rem;font-weight:600}.calendar-cell.confirmed-session .calendar-cell-number{color:#fff;font-weight:700}.calendar-badge-list{flex-wrap:wrap;gap:3px;margin-top:.4rem;display:flex}.calendar-cell .user-badge{letter-spacing:0;border:1px solid #ffffff1a;width:18px;height:18px;font-size:7px;box-shadow:0 1px 3px #000c}.calendar-planning-panel{border:1.5px solid var(--accent-gold);background:#0f0505d9;border-radius:6px;margin-top:1.5rem;padding:1.5rem;animation:.3s banner-fadeIn;box-shadow:0 4px 20px #000c}.calendar-planning-header{border-bottom:1px solid #c5a05940;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:.5rem;display:flex}.calendar-planning-header h4{font-family:var(--font-gothic);color:var(--accent-gold);margin:0}.calendar-planning-availabilities{flex-wrap:wrap;gap:.8rem;margin-top:.8rem;display:flex}.planning-user-item{background:#14141499;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.85rem;display:flex}@media (width<=768px){.calendar-grid{gap:.3rem}.calendar-cell{min-height:60px;padding:.25rem}.calendar-cell-number{font-size:.75rem}}@media (width<=480px){.calendar-grid{gap:2px}.calendar-cell{min-height:50px}.calendar-day-name{padding:.3rem 0;font-size:.65rem}.calendar-cell .user-badge{width:14px;height:14px;font-size:6px}}@media (width<=425px){.calendar-header{text-align:center;flex-direction:column;align-items:center;gap:1rem}.character-status-block{flex-direction:column;gap:.5rem}}.manual-link-btn{color:var(--accent-gold);cursor:pointer;justify-content:center;align-items:center;font-size:1.4rem;text-decoration:none;transition:color .2s,transform .2s,text-shadow .2s;display:inline-flex}.manual-link-btn:hover{color:var(--text-primary);text-shadow:0 0 8px var(--accent-gold);transform:scale(1.15)}.specialization-inline-input{border:1px dashed var(--accent-gold);color:var(--accent-gold);width:120px;font-size:.85rem;font-family:var(--font-sans);box-sizing:border-box;background:#141414f2;border-radius:3px;height:1.2rem;padding:.05rem .2rem}.specialization-inline-input:focus{background:#0a0a0a;border-style:solid;outline:none}.clickable-spec{cursor:pointer;border-bottom:1px dotted #c5a05940;transition:border-color .2s,color .2s}.clickable-spec:hover{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.spec-text{color:var(--accent-gold);letter-spacing:.5px;font-size:.8rem;font-style:italic;font-weight:400}.spinner{border:3px solid #c5a05926;border-top-color:var(--bright-red);border-bottom-color:var(--accent-gold);border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1.5s cubic-bezier(.68,-.55,.27,1.55) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}