#app-layout{display:flex;height:100vh;overflow:hidden;max-width:100%;margin:0;padding:0}.sidebar{width:260px;background:#0f0f1ef2;border-right:1px solid var(--border-gold);display:flex;flex-direction:column;flex-shrink:0;z-index:10;box-shadow:2px 0 15px #00000080;transition:transform .3s ease}.sidebar-header{padding:1.5rem 1rem;text-align:center;border-bottom:1px solid rgba(201,169,92,.2);background:linear-gradient(180deg,rgba(201,169,92,.1),transparent)}.sidebar-title{font-family:var(--font-header);font-size:1.8rem;color:var(--gold-bright);margin:0;text-shadow:0 0 10px rgba(201,169,92,.3)}.sidebar-subtitle{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:.2rem}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .5rem;display:flex;flex-direction:column;gap:.3rem}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border:1px solid transparent;background:transparent;color:var(--text-medium);font-family:var(--font-header);font-size:1rem;text-align:left;cursor:pointer;border-radius:var(--radius);transition:var(--transition);width:100%}.nav-item:hover{background:#c9a95c14;color:var(--text-light)}.nav-item.active{background:linear-gradient(90deg,#c9a95c26,#c9a95c0d);border:1px solid rgba(201,169,92,.3);color:var(--gold-bright);box-shadow:0 0 10px #c9a95c0d}.nav-icon{font-size:1.2rem;width:24px;text-align:center}.nav-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,92,.3),transparent);margin:.5rem 0}.sidebar-footer{padding:1rem;text-align:center;font-size:.7rem;color:var(--text-muted);border-top:1px solid rgba(201,169,92,.1)}.main-content{flex:1;overflow-y:auto;position:relative;background-image:radial-gradient(ellipse at 20% 50%,rgba(26,26,46,.8) 0%,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(30,30,53,.6) 0%,transparent 50%),linear-gradient(180deg,var(--bg-dark) 0%,#12122a 100%);padding:0}.module{display:none;padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .4s ease}.module.active{display:block}.module-header{text-align:center;margin-bottom:2rem;position:relative;border-bottom:1px solid var(--border-gold);padding-bottom:1rem}.module-header h2{font-family:var(--font-header);font-size:2.5rem;color:var(--gold);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media(max-width:900px){#app-layout{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-gold)}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:.5rem}.nav-item{font-size:.9rem;padding:.5rem .8rem;white-space:nowrap}.sidebar-footer{display:none}.main-content{height:calc(100vh - 80px)}}:root{--bg-dark: #0f0f1e;--bg-medium: #1a1a2e;--bg-card: #1e1e35;--parchment: #f5e6c8;--parchment-dark: #e8d5b0;--parchment-warm: #d4c4a0;--gold: #c9a95c;--gold-bright: #e6c96e;--gold-dim: #9a7d3a;--red-accent: #8b3a3a;--red-bright: #c44040;--green-accent: #3a6b3a;--blue-accent: #3a4a8b;--text-light: #f0e6d2;--text-medium: #bba98a;--text-dark: #2a2218;--text-muted: #7a6e5e;--border-gold: rgba(201, 169, 92, .4);--border-dark: rgba(0, 0, 0, .3);--shadow-card: 0 4px 20px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .3);--shadow-gold: 0 0 15px rgba(201, 169, 92, .15);--radius: 8px;--radius-sm: 4px;--font-header: "MedievalSharp", cursive;--font-body: "Crimson Text", Georgia, serif;--transition: all .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-light);line-height:1.5;min-height:100vh;background-image:radial-gradient(ellipse at 20% 50%,rgba(26,26,46,.8) 0%,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(30,30,53,.6) 0%,transparent 50%),linear-gradient(180deg,var(--bg-dark) 0%,#12122a 100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}#app{max-width:1200px;margin:0 auto;padding:1rem}.app-header{text-align:center;padding:2rem 1rem 1rem;position:relative;margin-bottom:1rem}.app-title{font-family:var(--font-header);font-size:3rem;color:var(--gold-bright);text-shadow:0 0 30px rgba(201,169,92,.3),0 2px 4px rgba(0,0,0,.5);letter-spacing:3px;animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 20px rgba(201,169,92,.2),0 2px 4px rgba(0,0,0,.5)}to{text-shadow:0 0 40px rgba(201,169,92,.4),0 2px 4px rgba(0,0,0,.5)}}.app-subtitle{font-family:var(--font-body);font-size:1.2rem;color:var(--text-medium);letter-spacing:5px;text-transform:uppercase;margin-top:.25rem}.header-ornament{position:absolute;top:50%;transform:translateY(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.header-ornament.left{left:5%}.header-ornament.right{right:5%}.action-bar{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.btn{font-family:var(--font-header);font-size:1rem;padding:.6rem 1.5rem;border:2px solid var(--border-gold);background:var(--bg-card);color:var(--text-light);border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold)}.btn-gold{background:linear-gradient(135deg,var(--gold-dim),var(--gold));color:var(--text-dark);border-color:var(--gold-bright)}.btn-gold:hover{background:linear-gradient(135deg,var(--gold),var(--gold-bright))}.btn-danger{border-color:var(--red-accent)}.btn-danger:hover{background:var(--red-accent);border-color:var(--red-bright)}.tab-nav{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-gold);padding-bottom:0}.tab-btn{font-family:var(--font-header);font-size:1rem;padding:.65rem 1.2rem;border:1px solid transparent;border-bottom:none;background:#0003;color:var(--text-muted);border-radius:var(--radius) var(--radius) 0 0;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.4rem;position:relative;bottom:-2px}.tab-btn:hover{color:var(--text-light);background:#c9a95c14}.tab-btn.active{background:var(--bg-card);color:var(--gold-bright);border-color:var(--border-gold);border-bottom:2px solid var(--bg-card);box-shadow:0 -3px 10px #c9a95c1a}.tab-icon{font-size:1.1rem}.tab-content{min-height:400px}.tab-panel{display:none;animation:fadeIn .3s ease}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tab-grid{display:grid;gap:1rem}.tab-grid-intro,.tab-grid-combat{grid-template-columns:1fr 1fr}.tab-grid-disciplines{grid-template-columns:1fr}.tab-grid-other{grid-template-columns:1fr 1fr}@media(max-width:800px){.tab-grid-intro,.tab-grid-combat,.tab-grid-other{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden;transition:var(--transition)}.card:hover{border-color:var(--gold);box-shadow:var(--shadow-card),var(--shadow-gold)}.card-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:linear-gradient(135deg,#c9a95c1f,#c9a95c0a);border-bottom:1px solid var(--border-gold)}.card-header h2{font-family:var(--font-header);font-size:1.3rem;color:var(--gold-bright);flex:1}.card-icon{font-size:1.3rem}.card-body{padding:1rem}.card-body-compact{padding:.6rem .8rem}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-gold),transparent);margin:1.2rem 0}.subsection-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;margin:.8rem -.8rem .5rem;background:linear-gradient(135deg,#c9a95c26,#c9a95c0d);border-top:1px solid var(--border-gold);border-bottom:1px solid var(--border-gold)}.subsection-header .card-icon{font-size:.9rem}.subsection-header h3{font-family:var(--font-header);font-size:1rem;color:var(--gold);margin:0;letter-spacing:.5px}.attributes-grid-2row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.3rem}.special-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.points-badge{font-family:var(--font-header);font-size:.9rem;padding:.2rem .7rem;background:linear-gradient(135deg,var(--gold-dim),var(--gold));color:var(--text-dark);border-radius:20px;font-weight:700;white-space:nowrap}.points-badge.negative{background:linear-gradient(135deg,var(--red-accent),var(--red-bright));color:#fff}.form-row{margin-bottom:.75rem}.form-row label{display:block;font-size:.85rem;color:var(--text-medium);margin-bottom:.25rem;font-weight:600;letter-spacing:.5px}.form-row-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-row-group.triple{grid-template-columns:1fr 1fr 1fr}.input-ornate,.select-ornate{width:100%;padding:.5rem .75rem;background:#0000004d;border:1px solid var(--border-gold);border-radius:var(--radius-sm);color:var(--text-light);font-family:var(--font-body);font-size:.95rem;transition:var(--transition)}.input-ornate:focus,.select-ornate:focus{outline:none;border-color:var(--gold);box-shadow:0 0 8px #c9a95c4d;background:#0006}.input-ornate::placeholder{color:var(--text-muted);font-style:italic}.input-large{font-size:1.2rem;font-family:var(--font-header);padding:.6rem .75rem}.input-small{max-width:120px}textarea.input-ornate{resize:vertical;min-height:60px}.textarea-large{min-height:150px}.select-ornate{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c9a95c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.select-ornate option{background:var(--bg-medium);color:var(--text-light)}.characteristics-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.char-item{text-align:center;padding:.4rem .3rem;background:#0003;border:1px solid var(--border-gold);border-radius:var(--radius-sm);transition:var(--transition);overflow:hidden;min-width:0;width:calc(25% - .4rem);box-sizing:border-box}.char-item:hover{border-color:var(--gold);background:#c9a95c0d}.char-label{display:block;font-family:var(--font-header);font-size:.9rem;color:var(--gold-bright);margin-bottom:.2rem}.char-controls{display:flex;align-items:center;justify-content:center;gap:.15rem}.char-btn{width:24px;height:24px;border:1px solid var(--border-gold);background:#0000004d;color:var(--gold);border-radius:50%;cursor:pointer;font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.char-btn:hover{background:var(--gold);color:var(--text-dark);transform:scale(1.1)}.char-value{font-family:var(--font-header);font-size:1.4rem;color:var(--text-light);width:38px;text-align:center;background:transparent;border:none;-moz-appearance:textfield;appearance:textfield}.char-value::-webkit-outer-spin-button,.char-value::-webkit-inner-spin-button{-webkit-appearance:none}.attributes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.attr-item{text-align:center;padding:.6rem .4rem;background:linear-gradient(135deg,#c9a95c14,#c9a95c05);border:1px solid var(--border-gold);border-radius:var(--radius-sm)}.attr-item-compact{padding:.3rem}.attributes-grid-compact{grid-template-columns:repeat(6,1fr)}.attr-label{display:block;font-size:.75rem;color:var(--text-medium);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem}.attr-value{font-family:var(--font-header);font-size:1.5rem;color:var(--gold-bright)}.attr-input{font-family:var(--font-header);font-size:1.3rem;color:var(--gold-bright);width:50px;text-align:center;background:transparent;border:none;border-bottom:1px solid var(--border-gold);-moz-appearance:textfield;appearance:textfield}.attr-input:focus{outline:none;border-bottom-color:var(--gold)}.attr-input::-webkit-outer-spin-button,.attr-input::-webkit-inner-spin-button{-webkit-appearance:none}.portrait-placeholder{cursor:pointer}.portrait-frame{width:100%;aspect-ratio:3/4;max-height:280px;border:2px dashed var(--border-gold);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0003;transition:var(--transition);overflow:hidden;position:relative}.portrait-frame:hover{border-color:var(--gold);background:#c9a95c0d}.portrait-text{color:var(--text-muted);font-style:italic}.portrait-img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:top}.weapons-table{width:100%}.weapon-row{display:grid;gap:.5rem;padding:.5rem 0;border-bottom:1px solid rgba(201,169,92,.1);align-items:end}.weapon-row:last-child{border-bottom:none}.weapon-row-close{grid-template-columns:2fr 1fr .7fr 1.5fr}.weapon-row-ranged{grid-template-columns:2fr .8fr .8fr .6fr .6fr .8fr}.weapon-row-unarmed{grid-template-columns:2fr 1fr .7fr 1.5fr}.weapon-row label{font-size:.7rem;color:var(--text-muted);display:block;margin-bottom:.1rem;text-transform:uppercase;letter-spacing:.5px}.weapon-header{padding-bottom:.3rem;border-bottom:1px solid var(--border-gold);margin-bottom:.3rem}.weapon-header span{font-size:.7rem;color:var(--text-medium);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.weapon-input{width:100%;padding:.3rem .5rem;background:#0003;border:1px solid rgba(201,169,92,.2);border-radius:var(--radius-sm);color:var(--text-light);font-family:var(--font-body);font-size:.85rem}.weapon-input:focus{outline:none;border-color:var(--gold)}.weapon-select{width:100%;padding:.3rem 1.5rem .3rem .5rem;background:#0000004d;border:1px solid rgba(201,169,92,.2);border-radius:var(--radius-sm);color:var(--text-light);font-family:var(--font-body);font-size:.85rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23c9a95c' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.weapon-select option{background:var(--bg-medium);color:var(--text-light)}.armor-display{display:flex;gap:1.5rem;align-items:center}.armor-visual{flex-shrink:0}.armor-shield-graphic{width:120px;height:140px;position:relative}.shield-body{width:100%;height:100%;background:linear-gradient(180deg,#c9a95c26,#c9a95c0d);border:2px solid var(--gold);border-radius:50%/30% 30% 70% 70%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;box-shadow:0 0 20px #c9a95c26,inset 0 0 20px #c9a95c0d;transition:var(--transition)}.shield-type{font-family:var(--font-header);font-size:.95rem;color:var(--gold-bright);text-align:center;line-height:1.2}.shield-ap{font-family:var(--font-header);font-size:1.5rem;color:var(--text-light)}.shield-enc{font-size:.75rem;color:var(--text-muted)}.armor-selector{flex:1}.fatigue-row{display:flex;gap:2rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem;color:var(--text-light)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:22px;height:22px;border:2px solid var(--gold);border-radius:var(--radius-sm);background:#0000004d;transition:var(--transition);position:relative}.checkbox-label input:checked+.checkbox-custom{background:var(--gold)}.checkbox-label input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-dark);font-weight:700;font-size:.9rem}.ip-converter-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.6rem .75rem;background:linear-gradient(135deg,#c9a95c1f,#c9a95c0a);border:1px solid var(--border-gold);border-radius:var(--radius-sm);margin-bottom:.4rem}.ip-converter-label{font-family:var(--font-header);font-size:.95rem;color:var(--gold-bright)}.ip-converter-label small{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted)}.ip-converter-controls{display:flex;align-items:center;gap:.4rem}.ip-converter-value{font-family:var(--font-header);font-size:1rem;color:var(--text-light);min-width:90px;text-align:center}.ip-converter-controls .char-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.ip-converter-pool{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;margin-bottom:.75rem;font-size:.85rem;color:var(--text-medium)}.skills-container{padding-right:.5rem}.skill-category{margin-bottom:1rem}.skill-category-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:linear-gradient(135deg,#c9a95c26,#c9a95c0d);border:1px solid var(--border-gold);border-radius:var(--radius-sm);margin-bottom:.5rem;cursor:pointer}.skill-category-header h3{font-family:var(--font-header);font-size:1rem;color:var(--gold-bright)}.skill-category-points{font-family:var(--font-header);font-size:.85rem;padding:.15rem .6rem;background:var(--gold-dim);color:var(--text-dark);border-radius:12px;font-weight:700}.skill-category-points.negative{background:var(--red-bright);color:#fff}.skill-row{display:grid;grid-template-columns:1fr auto auto auto;gap:.4rem;align-items:center;padding:.3rem .5rem;border-bottom:1px solid rgba(201,169,92,.05);font-size:.85rem}.skill-row:hover{background:#c9a95c08}.skill-name{color:var(--text-light)}.skill-name-input{width:80px;padding:.15rem .3rem;background:#0003;border:1px solid rgba(201,169,92,.15);border-radius:3px;color:var(--text-light);font-size:.75rem;font-family:var(--font-body);margin-left:.25rem}.skill-base{color:var(--text-muted);font-size:.75rem;min-width:35px;text-align:center}.skill-bonus-input{width:45px;padding:.2rem .3rem;background:#0000004d;border:1px solid rgba(201,169,92,.2);border-radius:3px;color:var(--gold-bright);font-family:var(--font-body);font-size:.85rem;text-align:center}.skill-bonus-input:focus{outline:none;border-color:var(--gold)}.skill-total{font-family:var(--font-header);font-size:1rem;color:var(--gold-bright);min-width:40px;text-align:center}.equipment-list{padding-right:.3rem}.equipment-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:.35rem 0;border-bottom:1px solid rgba(201,169,92,.08)}.equipment-search-wrapper{position:relative;flex:1}.equipment-search-input{width:100%;padding:.3rem .5rem;background:#0003;border:1px solid rgba(201,169,92,.2);border-radius:var(--radius-sm);color:var(--text-light);font-family:var(--font-body);font-size:.85rem}.equipment-search-input:focus{outline:none;border-color:var(--gold)}.equipment-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-medium);border:1px solid var(--gold);border-radius:var(--radius-sm);max-height:180px;overflow-y:auto;z-index:100;display:none;box-shadow:0 4px 12px #00000080}.equipment-dropdown.active{display:block}.equipment-dropdown-item{padding:.4rem .6rem;cursor:pointer;font-size:.85rem;border-bottom:1px solid rgba(201,169,92,.1);transition:background .15s}.equipment-dropdown-item:hover{background:#c9a95c1a;color:var(--gold-bright)}.equipment-enc{width:45px;padding:.3rem;background:#0003;border:1px solid rgba(201,169,92,.2);border-radius:var(--radius-sm);color:var(--text-light);font-size:.85rem;text-align:center}.discipline-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(201,169,92,.1)}.discipline-row:last-child{border-bottom:none}.discipline-cost{font-family:var(--font-header);font-size:.8rem;padding:.15rem .5rem;background:#c9a95c1a;border:1px solid var(--border-gold);border-radius:12px;color:var(--gold)}.powers-list{padding-right:.3rem}.power-row{padding:.4rem 0;border-bottom:1px solid rgba(201,169,92,.08)}.power-row-top{display:grid;grid-template-columns:2fr .6fr 1fr 2fr;gap:.4rem;align-items:end}.power-row label{font-size:.65rem;color:var(--text-muted);display:block;margin-bottom:.1rem;text-transform:uppercase;letter-spacing:.3px}.power-input{width:100%;padding:.25rem .4rem;background:#0003;border:1px solid rgba(201,169,92,.15);border-radius:3px;color:var(--text-light);font-family:var(--font-body);font-size:.8rem}.power-input:focus{outline:none;border-color:var(--gold)}.power-search-wrapper{position:relative}.power-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-medium);border:1px solid var(--gold);border-radius:var(--radius-sm);max-height:180px;overflow-y:auto;z-index:100;display:none;box-shadow:0 4px 12px #00000080}.power-dropdown.active{display:block}.power-dropdown-item{padding:.35rem .5rem;cursor:pointer;font-size:.8rem;border-bottom:1px solid rgba(201,169,92,.1)}.power-dropdown-item:hover{background:#c9a95c1a;color:var(--gold-bright)}.power-dropdown-none{color:var(--text-muted);font-style:italic}.power-dropdown-item small{display:block;color:var(--text-muted);font-size:.7rem}.equipment-total-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;margin-top:.5rem;border-top:2px solid var(--border-gold);background:linear-gradient(135deg,#c9a95c1a,#c9a95c08);border-radius:var(--radius-sm)}.equipment-total-label{font-family:var(--font-header);font-size:.9rem;color:var(--gold)}.equipment-total-value{font-family:var(--font-header);font-size:1.2rem;color:var(--text-light);min-width:40px;text-align:center}.app-footer{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border-gold);margin-top:2rem}.toast-notification{visibility:hidden;min-width:250px;background-color:var(--gold);color:var(--text-dark);text-align:center;border-radius:var(--radius-sm);padding:16px;position:fixed;z-index:1000;left:50%;bottom:30px;transform:translate(-50%);font-family:var(--font-header);font-weight:700;box-shadow:0 4px 12px #00000080;opacity:0;transition:opacity .3s,bottom .3s}.toast-notification.show{visibility:visible;opacity:1;bottom:50px}.btn-filter{background:transparent;border:1px solid var(--border-gold);color:var(--text-muted);padding:.4rem .8rem;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-header);font-size:.9rem;transition:var(--transition)}.btn-filter:hover{background:#c9a95c1a;color:var(--text-light)}.action-item{background:#0003;border:1px solid rgba(201,169,92,.2);border-radius:var(--radius-sm);padding:.8rem;transition:var(--transition)}.action-item:hover{background:#c9a95c0d;border-color:var(--gold)}.action-item h4{color:var(--gold-bright);font-family:var(--font-header);font-size:1rem;margin-bottom:.3rem}.powers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.power-card{background:#0003;border:1px solid rgba(201,169,92,.2);border-radius:var(--radius-sm);padding:.8rem;transition:var(--transition)}.power-card:hover{background:#c9a95c0d;border-color:var(--gold)}.power-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.power-header h4{color:var(--gold-bright);font-family:var(--font-header);font-size:1rem;margin:0;line-height:1.2}.power-badges{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.power-cost{font-size:.75rem;color:var(--accent-blue);background:#00bfff1a;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,191,255,.2)}.power-type{font-size:.75rem;color:var(--text-medium);background:#ffffff0d;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.spot-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.spot-rule-card{background:#0003;border:1px solid rgba(100,100,100,.3);border-radius:var(--radius-sm);padding:1rem}.spot-rule-card h4{color:var(--text-bright);margin-bottom:.5rem;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.3rem}.rule-row{display:flex;margin-bottom:.3rem;font-size:.9rem}.rule-row.description{display:block;margin-top:.5rem;font-style:italic;color:var(--text-medium)}.rule-row .label{font-weight:700;color:var(--text-medium);margin-right:.5rem;min-width:60px}.creatures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.creature-card{background:#0a0a0a66;border:1px solid rgba(139,0,0,.3);border-radius:var(--radius-sm);padding:1rem;transition:var(--transition)}.creature-card:hover{border-color:#c8323299;background:#140a0a99}.creature-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.8rem}.creature-header h4{color:#ff6b6b;font-family:var(--font-header);font-size:1.1rem;margin:0}.creature-category{font-size:.7rem;text-transform:uppercase;color:var(--text-medium);background:#ffffff0d;padding:2px 6px;border-radius:4px}.creature-basics{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.85rem;color:var(--text-light);margin-bottom:.8rem}.creature-stats-line{font-family:monospace;font-size:.8rem;color:var(--accent-blue);background:#0000004d;padding:.4rem;border-radius:4px;margin-bottom:.8rem;white-space:normal;line-height:1.4}.creature-combat{margin-bottom:.8rem;font-size:.9rem}.creature-combat div{margin-bottom:.2rem}.module-table{width:100%;border-collapse:collapse;margin-bottom:2rem;font-size:1.1rem;color:var(--text-light)}.module-table th,.module-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top}.module-table th{color:var(--gold);font-family:var(--font-header);font-size:1.2rem;border-bottom:2px solid var(--gold)}.module-table tr:hover{background:#ffffff0d}.col-name{width:20%;font-weight:700;color:var(--gold-bright)}.col-base{width:15%;font-family:monospace;color:var(--accent-blue)}.col-desc{width:65%;line-height:1.6}.text-large{font-size:1.15rem;line-height:1.6}.section-header-large{color:var(--gold-bright);font-family:var(--font-header);font-size:1.8rem;margin-top:2rem;margin-bottom:1rem;border-bottom:1px solid var(--border-gold)}.subsection-header{color:var(--text-light);font-family:var(--font-header);font-size:1.4rem;margin-top:1.5rem;margin-bottom:.5rem}.highlight-box{background:#0000004d;border:1px solid var(--border-gold);padding:1.5rem;border-radius:var(--radius-sm);margin-bottom:1.5rem}