:root{--bg-dark:#0f172a;--bg-panel:#1e293bb3;--border-color:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-gold:#fbbf24;--accent-red:#ef4444;--accent-green:#22c55e;--font-heading:"Cinzel", serif;--font-body:"Inter", sans-serif;--radius-md:12px;--radius-lg:16px;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);background-image:radial-gradient(at 0 0,#0f172a 0,#0000 50%),radial-gradient(at 50% 0,#3341554d 0,#0000 50%),radial-gradient(at 100% 0,#0f172a 0,#0000 50%);min-height:100vh;padding:2rem;line-height:1.5}.app-container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.top-nav{z-index:100;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;justify-content:center;margin-bottom:2rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.nav-container{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.nav-user{align-items:center;gap:.75rem;margin-left:auto;display:flex}.nav-username{color:var(--text-muted);font-size:.85rem;font-family:var(--font-heading)}.nav-logout{color:#ef4444b3!important;border:1px solid #ef44444d!important;padding:.3rem .75rem!important;font-size:.75rem!important}.nav-logout:hover{border-color:var(--accent-red)!important;color:var(--accent-red)!important;background:#ef44441a!important}.nav-btn{color:var(--text-muted);font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid #0000;padding:.5rem 1.5rem;font-size:1rem;font-weight:700}.nav-btn:hover{color:var(--text-main);background:#ffffff0d}.nav-btn.active{color:var(--accent-gold);border-color:var(--accent-gold);background:#fbbf241a}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{text-align:center;width:100%;max-width:420px;padding:3rem}.auth-title{font-family:var(--font-heading);color:var(--accent-gold);letter-spacing:.1em;margin-bottom:.5rem;font-size:2.5rem}.auth-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{text-align:left}.auth-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-family:var(--font-heading);margin-bottom:.4rem;display:block}.auth-input{border-radius:var(--radius-sm);width:100%;transition:var(--transition);background:#ffffff08;border:1px solid var(--border-color)!important;padding:.75rem 1rem!important;font-size:1.1rem!important}.auth-input:focus{box-shadow:0 0 0 2px #fbbf2426;border-color:var(--accent-gold)!important}.auth-error{color:var(--accent-red);border-radius:var(--radius-sm);background:#ef44441a;padding:.5rem;font-size:.9rem}.auth-submit{width:100%;margin-top:.5rem;padding:.85rem 2rem;font-size:1.1rem}.auth-toggle{color:var(--accent-gold);cursor:pointer;opacity:.7;transition:var(--transition);background:0 0;border:none;margin-top:1.5rem;font-size:.9rem}.auth-toggle:hover{opacity:1}h1,h2,h3,.title-input{font-family:var(--font-heading);color:var(--accent-gold)}.stealth-input{color:var(--text-main);font-family:inherit;font-size:inherit;width:100%;transition:var(--transition);background:0 0;border:none;border-bottom:1px solid #0000;outline:none}.stealth-input:hover,.stealth-input:focus{border-bottom:1px solid var(--accent-gold)}.stealth-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stealth-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d}.sheet-header{padding:2rem}.char-name-container{margin-bottom:1.5rem}.title-input{font-size:2.5rem;font-weight:700}.char-details-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;display:grid}.detail-field{flex-direction:column;display:flex}.detail-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:auto;font-size:.75rem;display:block}.detail-field input{border-bottom:1px solid var(--border-color);padding-bottom:.25rem;font-size:1.1rem;font-weight:600}.hero-points-field{flex-direction:column;display:flex}.hero-points-container{border-bottom:1px solid #0000;justify-content:flex-start;align-items:center;gap:.5rem;height:32px;padding-bottom:.25rem;display:flex}.hero-point-btn{border:2px solid var(--accent-gold);cursor:pointer;width:20px;height:20px;transition:var(--transition);background:0 0;border-radius:50%;padding:0}.hero-point-btn:hover{box-shadow:0 0 5px var(--accent-gold)}.hero-point-btn.filled{background:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold)}.sheet-body{display:block}.attributes-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.mini-attr{text-align:center;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition);background:#ffffff08;padding:.75rem .5rem}.mini-attr:hover{background:#ffffff0d;border-color:#fff3}.mini-attr .attr-name{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem}.mini-attr .attr-score-input{text-align:center;width:100%;color:var(--accent-gold);margin:.25rem 0;font-size:1.5rem;font-weight:700}.mini-attr .attr-mod{color:var(--text-main);border-radius:var(--radius-sm);background:#0000004d;padding:.1rem .4rem;font-size:.85rem;font-weight:600;display:inline-block}.saves-and-ac-row{gap:2rem;margin-bottom:2rem;display:flex}.ac-box{text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:200px;padding:2rem;display:flex}.shield-shape{border-radius:20% 20% 50% 50%}.hero-input{text-align:center;font-size:3.5rem;font-weight:700;font-family:var(--font-heading);margin-bottom:.5rem}.ac-box label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.8rem;font-weight:700}.health-box{margin-bottom:2rem;padding:2rem}.health-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.health-current{flex:1}.health-max{text-align:right;border-left:1px solid var(--border-color);width:100px;padding-left:1rem}.massive-input{font-size:4rem;font-weight:700}.health-controls{gap:1rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:#fff;border:none;flex:1;padding:.75rem;font-family:inherit;font-weight:600}.btn:active{transform:scale(.98)}.btn-danger{border:1px solid var(--accent-red);color:var(--accent-red);background:#ef444433}.btn-danger:hover{background:var(--accent-red);color:#fff}.btn-success{border:1px solid var(--accent-green);color:var(--accent-green);background:#22c55e33}.btn-success:hover{background:var(--accent-green);color:#fff}.core-stats-box{flex:1;padding:1.5rem 2rem}.core-stats-inner{align-items:stretch;gap:3rem;display:flex}.saves-section{flex:1}.attributes-section{flex:1.2}.core-stats-box h3{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.5rem}.skills-box{padding:2rem}.skills-box h3{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.5rem}.skills-list{column-count:2;column-gap:2rem}.skill-row-detailed{break-inside:avoid;page-break-inside:avoid;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:.4rem 0;display:flex}.skill-name-col{flex-direction:column;width:180px;display:flex}.skill-name{color:var(--text-main);font-weight:600}.lore-input{color:var(--text-main);border-bottom:1px dashed #ffffff4d;border-radius:0;width:100%;padding:0;font-weight:600}.lore-input:focus{border-bottom-color:var(--accent-gold)}.skill-attr{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.skill-total{align-items:center;gap:.5rem;margin-right:1rem;display:flex}.total-label{color:var(--text-muted);font-weight:600}.total-val{text-align:center;width:35px;color:var(--accent-gold);font-size:1.2rem;font-weight:700}.skill-inputs{gap:.5rem;display:flex}.skill-input-group{flex-direction:column;align-items:center;width:45px;display:flex}.skill-input-group label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.2rem;font-size:.6rem}.small-input{text-align:center;background:#0003;border:1px solid #ffffff1a;border-radius:4px;padding:.2rem;font-weight:600}.small-input:hover:not(.read-only-input),.small-input:focus:not(.read-only-input){border-color:var(--accent-gold);border-bottom:1px solid var(--accent-gold)}.read-only-input{color:var(--text-muted);cursor:default;background:#0006;border-color:#0000}.inventory-box{padding:2rem}.inventory-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.total-weight{color:var(--text-muted);text-transform:uppercase;font-size:.9rem}.weight-val{color:var(--accent-gold);font-size:1.2rem;font-weight:700}.inventory-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.inventory-item{border-radius:var(--radius-md);transition:var(--transition);background:#0003;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.inventory-item:hover{background:#0000004d}.item-name{flex:1;margin-right:1rem;font-size:1rem;font-weight:500}.item-details{align-items:center;gap:1.5rem;display:flex}.item-detail-group{color:var(--text-muted);align-items:baseline;gap:.25rem;font-size:.8rem;display:flex}.item-qty,.item-weight{text-align:right;width:40px;color:var(--text-main);border-bottom:1px solid #ffffff1a;font-weight:700}.remove-item-btn{color:#ffffff4d;cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:0 .5rem;font-size:1.5rem;line-height:1}.remove-item-btn:hover{color:var(--accent-red)}.add-item-btn{border-radius:var(--radius-md);width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:1px dashed #fff3;padding:1rem;font-family:inherit;font-size:.9rem}.add-item-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffffff0d}.weapon-item{align-items:center}.weapon-inputs{flex-direction:column;flex:1;gap:.25rem;margin-right:1rem;display:flex}.weapon-name{color:var(--text-main);font-size:1.1rem;font-weight:600}.weapon-damage{color:var(--accent-gold);font-size:.9rem}.weapon-type-toggles{gap:.25rem;margin-right:1rem;display:flex}.type-toggle-btn{color:var(--text-muted);cursor:pointer;width:28px;height:28px;transition:var(--transition);background:#0006;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.type-toggle-btn:hover{border-color:var(--text-muted)}.type-toggle-btn.active{background:var(--accent-gold);color:var(--bg-darker);border-color:var(--accent-gold)}.trait-item{align-items:flex-start}.trait-inputs{flex-direction:column;flex:1;gap:.5rem;margin-right:1rem;display:flex}.trait-name{color:var(--accent-gold);font-size:1.1rem;font-weight:600}.trait-desc{color:var(--text-muted);resize:vertical;min-height:40px;font-size:.85rem;line-height:1.4}.spell-item{align-items:flex-start}.spell-main-inputs{flex-direction:column;flex:1;gap:.5rem;margin-right:1rem;display:flex}.spell-header-row{align-items:center;gap:1rem;display:flex}.spell-name{color:var(--accent-gold);flex:1;font-size:1.1rem;font-weight:600}.spell-stats-group{align-items:baseline;gap:.25rem;display:flex}.spell-stats-group label{text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.spell-level-input,.spell-damage-input{color:var(--text-main);text-align:center;border-bottom:1px solid #ffffff1a;padding-bottom:.1rem;font-weight:700}.spell-level-input{width:30px}.spell-damage-input{width:60px}.spell-desc{margin-top:.25rem}.notes-textarea{resize:vertical;width:100%;min-height:150px;color:var(--text-main);border-radius:var(--radius-md);background:#0003;border:1px solid #ffffff0d;padding:.75rem;font-size:.9rem;line-height:1.5}.notes-textarea:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 5px #fbbf244d}@media (width<=768px){.sheet-body{grid-template-columns:1fr}.skills-list{column-count:1}}.battle-tracker{gap:1.5rem}.tracker-top-row{justify-content:space-between;align-items:center;padding:1rem;display:flex}.round-counter{border-radius:var(--radius-md);border:1px solid var(--accent-gold);background:#0000004d;flex-direction:column;align-items:center;padding:1rem 2rem;display:flex}.round-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-gold);font-size:.8rem}.round-number{color:var(--text-main);font-size:3rem;font-weight:700;line-height:1}.tracker-global-actions{align-items:stretch;gap:1rem;display:flex}.tracker-controls-row{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.add-npc-form,.tracker-party-controls{padding:1.5rem}.npc-form{align-items:center;gap:1rem;margin-top:1rem;display:flex}.npc-form-group{flex-direction:column;gap:.25rem;display:flex}.npc-form-group label{color:var(--text-muted);font-size:.75rem}.npc-form-group .small-input{text-align:center;width:60px}.combatants-list{flex-direction:column;gap:1rem;display:flex}.combatant-card{transition:var(--transition);border-left:4px solid var(--border-color);padding:1rem 1.5rem}.combatant-card.is-pc{border-left-color:var(--accent-gold);background:#fbbf240d}.combatant-card.is-npc{border-left-color:var(--accent-red)}.combatant-main-row{justify-content:space-between;align-items:center;gap:2rem;display:flex}.combatant-info{flex-direction:column;flex:2;gap:.25rem;display:flex}.combatant-type{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.7rem}.combatant-name{font-size:1.25rem;font-weight:700;font-family:var(--font-heading)}.combatant-initiative{flex-direction:column;align-items:center;gap:.25rem;display:flex}.combatant-initiative label{color:var(--text-muted);font-size:.75rem}.init-input{text-align:center;width:60px;font-size:1.25rem;font-weight:700}.combatant-hp{flex-direction:column;flex:1.5;align-items:center;gap:.5rem;display:flex}.hp-display{font-size:1.5rem;font-weight:700;font-family:var(--font-heading)}.hp-divider{color:var(--text-muted);margin:0 .5rem;font-weight:400}.hp-max{color:var(--text-muted);font-size:1.2rem}.hp-controls{gap:.25rem;display:flex}.hp-btn{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#0006;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.hp-btn.minus:hover,.hp-btn.minus-big:hover{border-color:var(--accent-red);background:#ef44444d}.hp-btn.plus:hover,.hp-btn.plus-big:hover{border-color:var(--accent-green);background:#22c55e4d}.combatant-actions{align-items:center;display:flex}.combatant-spells{border-top:1px solid #ffffff0d;margin-top:1.5rem;padding-top:1rem}.spells-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.75rem}.spells-row{flex-wrap:wrap;gap:.75rem;display:flex}.spell-cast-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;transition:var(--transition);background:#ffffff0d;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem 1rem;display:flex}.spell-cast-btn:hover:not(.cooldown){border-color:var(--accent-gold);background:#fbbf241a}.spell-cast-btn .spell-lvl{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.spell-cast-btn .spell-name{font-size:.9rem;font-weight:600}.spell-cast-btn.cooldown{opacity:.5;cursor:not-allowed;background:#00000080;border-style:dashed}.spell-timer{color:var(--accent-gold);margin-top:.25rem;font-size:.8rem}.dice-roller{padding:1rem 1.5rem}.dice-roller-inner{align-items:center;gap:2rem;display:flex}.dice-buttons{gap:.5rem;display:flex}.dice-btn{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);font-size:1rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);text-align:center;background:#ffffff0d;min-width:55px;padding:.6rem 1rem}.dice-btn:hover:not(:disabled){border-color:var(--accent-gold);color:var(--accent-gold);background:#fbbf2426;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2433}.dice-btn:disabled{opacity:.4;cursor:not-allowed}.dice-btn.last-rolled{border-color:var(--accent-gold);color:var(--accent-gold);background:#fbbf241a}.dice-result{align-items:center;gap:1rem;display:flex}.dice-result-label{color:var(--text-muted);text-transform:uppercase;font-size:1rem}.dice-result-value{font-size:3rem;font-weight:700;font-family:var(--font-heading);text-align:center;min-width:80px;line-height:1}.dice-result.animating .dice-result-value{color:var(--text-muted);opacity:.6}.dice-result.final .dice-result-value{color:var(--accent-gold);animation:.3s ease-out diceReveal}@keyframes diceReveal{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}