@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=MedievalSharp&family=Pirata+One&family=IM+Fell+English+SC&family=Uncial+Antiqua&display=swap";:root{--accent: #d4af37;--accent-rgb: 212, 175, 55;--bg-deep-1: #1a1a2e;--bg-deep-2: #16213e;--bg-card-1-rgb: 41, 45, 62;--bg-card-2-rgb: 31, 35, 52;--bg-input: rgba(31, 35, 52, .9);--text-primary: #e2e2e2;--text-primary-rgb: 226, 226, 226;--text-secondary: #c0c0c0;--text-muted: #aaa;--text-dim: #888;--font-display: "Cinzel", serif}[data-theme=emerald]{--accent: #50c878;--accent-rgb: 80, 200, 120;--bg-deep-1: #1a2e1e;--bg-deep-2: #162e1e;--bg-card-1-rgb: 38, 58, 42;--bg-card-2-rgb: 28, 48, 32}[data-theme=arcane]{--accent: #b388ff;--accent-rgb: 179, 136, 255;--bg-deep-1: #1e1a2e;--bg-deep-2: #251e3e;--bg-card-1-rgb: 46, 38, 62;--bg-card-2-rgb: 36, 28, 52}[data-theme=crimson]{--accent: #e05555;--accent-rgb: 224, 85, 85;--bg-deep-1: #2e1a1a;--bg-deep-2: #3e1620;--bg-card-1-rgb: 62, 38, 38;--bg-card-2-rgb: 52, 28, 30}[data-theme=silver]{--accent: #b0bec5;--accent-rgb: 176, 190, 197;--bg-deep-1: #1a1e22;--bg-deep-2: #16202e;--bg-card-1-rgb: 38, 42, 50;--bg-card-2-rgb: 28, 32, 42}[data-font=medieval]{--font-display: "MedievalSharp", cursive}[data-font=pirata]{--font-display: "Pirata One", cursive}[data-font=fell]{--font-display: "IM Fell English SC", serif}[data-font=uncial]{--font-display: "Uncial Antiqua", cursive}.App{text-align:center;min-height:100vh;background:linear-gradient(135deg,var(--bg-deep-1),var(--bg-deep-2));color:var(--text-primary);padding:20px;font-family:var(--font-display)}.creation-header{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:0}.creation-header h1{margin:0}.new-character-btn{padding:8px 16px;font-family:var(--font-display);font-size:.8em;background:transparent;color:rgba(var(--text-primary-rgb),.5);border:1px solid rgba(var(--text-primary-rgb),.2);border-radius:4px;cursor:pointer;transition:all .2s ease}.new-character-btn:hover{color:#e57373;border-color:#e5737380;background:#e5737314}.new-character-btn.confirming{color:#e57373;border-color:#e57373b3;background:#e5737326}@media(max-width:600px){.creation-header{flex-direction:column;gap:10px}.creation-header-actions{position:static}}h1,h2{color:var(--accent);text-shadow:2px 2px 4px rgba(0,0,0,.5);font-family:var(--font-display);position:relative;padding-bottom:15px}h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:3px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent),transparent)}.attributes-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:20px 0}.roll-procedure-summary{background:rgba(var(--bg-card-1-rgb),.6);border:1px solid rgba(var(--accent-rgb),.2);border-radius:4px;padding:12px 16px;margin:0 auto 16px;max-width:520px}.roll-procedure-summary p{margin:4px 0;font-size:.88em;color:var(--text-secondary)}.roll-procedure-summary strong{color:var(--accent)}.roll-procedure-hint{margin-top:10px!important;font-size:.82em!important;color:var(--text-muted)!important;font-style:italic}.attribute-button{width:180px;height:100px;padding:12px;font-family:var(--font-display);font-size:1.1em;background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));color:var(--text-primary);border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}.attribute-button:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.8);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4),0 0 15px rgba(var(--accent-rgb),.1);transform:translateY(-1px)}.attribute-button:disabled{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.95),rgba(var(--bg-card-2-rgb),.95));border-color:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.5),0 0 15px rgba(var(--accent-rgb),.1);cursor:default}.attribute-name{font-size:1.2em;font-weight:700;margin-bottom:auto;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.attribute-value{font-size:1.4em;font-weight:700;color:var(--accent);margin:auto 0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.attribute-modifier{font-size:.9em;color:var(--text-secondary);margin-top:auto}.roll-history{margin-top:20px;padding:15px 25px;background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;font-family:var(--font-display);display:inline-block;color:var(--text-primary)}.roll-history strong{color:var(--accent);margin-right:8px}@media(max-width:768px){.attributes-container{gap:12px}.attribute-button{width:140px;height:90px;font-size:1em}}.continue-button-container{margin-top:20px;display:flex;justify-content:center}.continue-button{min-width:180px;text-align:center;padding:12px 40px;font-family:var(--font-display);font-size:1.2em;background:linear-gradient(145deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.1));color:var(--accent);border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;cursor:pointer;transition:all .2s ease}.continue-button:hover{background:linear-gradient(145deg,rgba(var(--accent-rgb),.3),rgba(var(--accent-rgb),.2));border-color:rgba(var(--accent-rgb),.8);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4),0 0 15px rgba(var(--accent-rgb),.2);transform:translateY(-1px)}.continue-button:active{transform:translateY(0);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3),0 0 5px #0006}.attribute-table{width:100%;margin:20px 0;border-collapse:separate;border-spacing:0 8px;font-family:var(--font-display)}.attribute-table th{color:var(--accent);padding:12px;text-align:left;font-size:1.1em}.attribute-table td{padding:12px 20px;background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;color:var(--text-primary)}.class-selection{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;padding:20px;border-radius:4px}.class-selection h3{color:var(--accent);font-family:var(--font-display);margin-bottom:20px}.class-selection select{width:100%;padding:12px;font-family:var(--font-display);font-size:1.1em;background:rgba(var(--bg-card-2-rgb),.9);color:var(--text-primary);border:1px solid rgba(var(--accent-rgb),.6);border-radius:4px;margin-bottom:20px;cursor:pointer}.class-selection select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.2)}.class-selection optgroup{background:rgba(var(--bg-card-2-rgb),.9);color:var(--accent);font-family:var(--font-display)}.class-selection option{background:rgba(var(--bg-card-2-rgb),.9);color:var(--text-primary);padding:8px}.class-details{margin-top:20px;padding:20px;background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d}.class-details h3{color:var(--accent);margin-top:0}.controls-container{margin-top:20px;display:flex;justify-content:center;gap:20px}.control-button{min-width:180px;text-align:center;padding:12px 24px;font-family:var(--font-display);font-size:1.1em;background:linear-gradient(145deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.1));color:var(--accent);border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;cursor:pointer;transition:all .2s ease}.control-button:hover{background:linear-gradient(145deg,rgba(var(--accent-rgb),.3),rgba(var(--accent-rgb),.2));transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4),0 0 15px rgba(var(--accent-rgb),.2)}.control-button:active{transform:translateY(0);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3),0 0 5px #0006}.requirement-met{color:#90caf9}.requirement-failed{color:#f48fb1}.key-attribute{color:var(--accent)}.review-layout{max-width:650px;margin:0 auto;padding:20px}.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:20px}@media(max-width:768px){.grid-layout{grid-template-columns:1fr}}.class-details{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;padding:20px;color:var(--text-primary)}.class-details h3{color:var(--accent);font-family:var(--font-display);margin-top:0;font-size:1.4em}.class-details h4{color:var(--accent);font-family:var(--font-display);margin:15px 0 10px}.class-details p{margin:10px 0}.class-details strong{color:var(--accent)}.requirements-list{list-style-type:none;padding:0;margin:0}.requirements-list li{margin:5px 0}.class-message{margin-top:15px;padding:12px;border:1px solid rgba(var(--accent-rgb),.3);font-family:var(--font-display);font-size:.9em}.core-class{background:#4caf501a;border-color:#4caf504d}.special-class{background:#ff98001a;border-color:#ff98004d}.stepper{display:flex;align-items:center;justify-content:center;gap:0;margin:20px auto 30px;max-width:800px}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.stepper-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.95em;border:2px solid;transition:all .2s ease;text-decoration:none}.stepper-circle--active{background:rgba(var(--accent-rgb),.25);border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.3)}.stepper-circle--completed{background:var(--accent);border-color:var(--accent);color:var(--bg-deep-1);cursor:pointer}.stepper-circle--completed:hover{box-shadow:0 0 12px rgba(var(--accent-rgb),.5);transform:scale(1.1)}.stepper-circle--upcoming{background:transparent;border-color:rgba(var(--text-primary-rgb),.3);color:rgba(var(--text-primary-rgb),.4)}.stepper-circle-text{line-height:1}.stepper-line{flex:1;height:2px;min-width:30px;background:rgba(var(--text-primary-rgb),.2);align-self:center;margin-bottom:22px}.stepper-line--completed{background:var(--accent)}.stepper-label{font-family:var(--font-display);font-size:.7em;color:rgba(var(--text-primary-rgb),.4);white-space:nowrap}.stepper-label--active{color:var(--accent)}@media(max-width:500px){.stepper{gap:0}.stepper-circle{width:28px;height:28px;font-size:.8em}.stepper-line{min-width:16px}.stepper-label{font-size:.6em}}.stats-page{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.stats-section{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;padding:24px}.stats-section h2{margin-top:0;margin-bottom:20px;font-size:1.3em}.stats-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(var(--text-primary-rgb),.1)}.stats-row:last-of-type{border-bottom:none}.stats-label{color:var(--text-secondary);font-size:1em}.stats-value{color:var(--accent);font-weight:600;font-size:1.1em}.stats-value.positive{color:#81c784}.stats-value.negative{color:#e57373}.hp-roll-result{margin-top:16px}.hp-breakdown{padding:14px;background:#00000040;border:1px solid rgba(var(--accent-rgb),.3);color:var(--text-primary);font-size:.95em;text-align:center;margin-bottom:16px}.hp-final{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.hp-total{font-size:1.6em;color:var(--accent);text-shadow:0 0 8px rgba(var(--accent-rgb),.3)}.template-page{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.template-section{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;padding:24px}.template-section h2{margin-top:0;margin-bottom:20px;font-size:1.3em}.template-section h3{color:var(--accent);font-family:var(--font-display);margin:18px 0 8px;font-size:1em;padding-top:14px;border-top:1px solid rgba(var(--accent-rgb),.25)}.template-section h3:first-of-type{border-top:none;padding-top:0}.template-roll-result{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:16px;border-bottom:1px solid rgba(var(--text-primary-rgb),.1)}.template-roll-result .roll-value{font-size:1.6em;font-weight:700;color:var(--accent);text-shadow:0 0 8px rgba(var(--accent-rgb),.3)}.template-list{display:flex;flex-direction:column;gap:8px}.template-card{display:flex;align-items:center;gap:16px;width:100%;padding:12px 16px;font-family:var(--font-display);font-size:1em;background:#0003;color:var(--text-primary);border:1px solid rgba(var(--text-primary-rgb),.15);cursor:pointer;transition:all .2s ease;text-align:left}.template-card:hover{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.05)}.template-card.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3)}.template-card.matched{border-color:rgba(var(--accent-rgb),.4)}.template-card.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.template-card-range{min-width:40px;font-weight:700;color:var(--accent);text-align:center}.template-card-name{flex:1}.template-card-tag{font-size:.85em;color:#81c784;margin-left:6px}.template-detail h2{margin-bottom:4px}.template-equipment-list{list-style:none;padding:0;margin:0}.template-equipment-list li{padding:4px 0;border-bottom:1px solid rgba(var(--text-primary-rgb),.06)}.template-equipment-list li:last-child{border-bottom:none}.template-equip-group{margin-bottom:8px}.template-equip-group:last-child{margin-bottom:0}.template-equip-group-label{font-size:.8em;color:rgba(var(--accent-rgb),.65);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;margin-top:4px}.template-gold{color:var(--accent);font-weight:600;margin:4px 0 0}.spell-note{color:rgba(var(--text-primary-rgb),.7);font-size:.9rem;margin:4px 0 8px}.spell-granted{color:#7bc67b}.spell-locked{opacity:.4}.spell-locked-note{font-size:.85rem;font-style:italic}.spell-picker{display:block;width:100%;padding:8px 12px;margin-bottom:8px;background:var(--bg-deep-1);border:1px solid rgba(var(--accent-rgb),.3);border-radius:4px;color:var(--text-primary);font-family:var(--font-display);font-size:.9rem}.spell-picker option{background:var(--bg-deep-1);color:var(--text-primary)}.spell-picker:focus{border-color:var(--accent);outline:none}.continue-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.equipment-page{max-width:900px;margin:0 auto;padding:0 20px 40px}.equipment-section{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.4);border-radius:4px;padding:20px;margin-bottom:20px}.equipment-section h2{margin-top:0;font-size:1.3em}.equipment-section h3{margin-top:0;font-size:1em;color:var(--accent)}.equipment-subtitle{margin:0 0 12px;color:var(--text-muted);font-size:.9em}.equipment-template-list{list-style:none;padding:0;margin:0}.equipment-template-list li{padding:4px 0;border-bottom:1px solid rgba(var(--accent-rgb),.1);font-size:.9em}.equipment-template-list li:last-child{border-bottom:none}.equipment-gold-tracker{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:8px}.equipment-gold-row{display:flex;flex-direction:column;align-items:center;gap:4px}.equipment-gold-row .stats-value{font-size:1.3em}.equipment-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.equipment-tab{padding:6px 12px;font-family:var(--font-display);font-size:.8em;background:rgba(var(--accent-rgb),.08);color:#bbb;border:1px solid rgba(var(--accent-rgb),.2);border-radius:3px;cursor:pointer;transition:all .15s ease}.equipment-tab:hover{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.equipment-tab.active{background:rgba(var(--accent-rgb),.2);color:var(--accent);border-color:rgba(var(--accent-rgb),.6)}.equipment-table-wrapper{overflow-x:auto}.equipment-shop-table{width:100%;border-collapse:collapse;font-size:.85em}.equipment-shop-table th{text-align:left;color:var(--accent);border-bottom:2px solid rgba(var(--accent-rgb),.3);padding:6px 8px;font-weight:600;white-space:nowrap}.equipment-shop-table td{padding:5px 8px;border-bottom:1px solid rgba(var(--accent-rgb),.08)}.equipment-shop-table tr:hover{background:rgba(var(--accent-rgb),.05)}.equipment-owned-row{background:rgba(var(--accent-rgb),.04)}.equipment-owned-badge{display:inline-block;margin-left:8px;padding:1px 6px;font-size:.75em;border-radius:3px}.equipment-badge-template{background:rgba(var(--accent-rgb),.2);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.4)}.equipment-badge-purchased{background:#64b46433;color:#7bc67b;border:1px solid rgba(100,180,100,.4)}.equipment-buy-btn{padding:3px 12px;font-family:var(--font-display);font-size:.85em;background:rgba(var(--accent-rgb),.12);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.4);border-radius:3px;cursor:pointer;transition:all .15s ease}.equipment-buy-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.25)}.equipment-buy-btn:disabled{opacity:.3;cursor:not-allowed}.equipment-cart{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.4);border-radius:4px;padding:20px;margin-bottom:20px}.equipment-cart h3{margin-top:0;color:var(--accent);font-size:1em}.equipment-cart-empty{color:var(--text-dim);font-style:italic;font-size:.9em}.equipment-cart-table{width:100%;border-collapse:collapse;font-size:.85em}.equipment-cart-table th{text-align:left;color:var(--accent);border-bottom:2px solid rgba(var(--accent-rgb),.3);padding:6px 8px;font-weight:600}.equipment-cart-table td{padding:5px 8px;border-bottom:1px solid rgba(var(--accent-rgb),.08)}.equipment-cart-table tfoot td{padding-top:8px;font-weight:600;color:var(--accent);border-top:2px solid rgba(var(--accent-rgb),.3);border-bottom:none}.equipment-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:700;background:#f48fb11a;color:#f48fb1;border:1px solid rgba(244,143,177,.3);border-radius:3px;cursor:pointer;transition:all .15s ease}.equipment-remove-btn:hover{background:#f48fb140}.equipment-shop-section h3{margin-top:0;margin-bottom:12px}.proficiency-page,.details-page{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.details-section{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;padding:24px}.details-section h2{margin-top:0;margin-bottom:16px;font-size:1.3em}.details-text-input{width:100%;padding:10px 12px;font-family:var(--font-display);font-size:1em;background:rgba(var(--bg-card-2-rgb),.9);color:var(--text-primary);border:1px solid rgba(var(--accent-rgb),.4);border-radius:4px;box-sizing:border-box;transition:border-color .2s ease}.details-text-input::placeholder{color:rgba(var(--text-primary-rgb),.35)}.details-text-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.2)}.details-toggle-group{display:flex;gap:10px;flex-wrap:wrap}.details-toggle-btn{flex:1;min-width:100px;padding:10px 16px;font-family:var(--font-display);font-size:1em;background:#0003;color:var(--text-secondary);border:1px solid rgba(var(--text-primary-rgb),.15);border-radius:4px;cursor:pointer;transition:all .2s ease}.details-toggle-btn:hover{border-color:rgba(var(--accent-rgb),.5);color:var(--text-primary)}.details-toggle-btn.active{background:rgba(var(--accent-rgb),.15);border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3)}.details-age-formula{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(var(--text-primary-rgb),.1);margin-bottom:12px}.details-age-result{margin-top:8px}.details-age-final{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.details-lang-count{margin:0 0 16px;color:var(--text-secondary);font-size:.95em}.details-lang-list{display:flex;flex-direction:column;gap:12px}.details-lang-slot{display:flex;align-items:center;gap:12px}.details-lang-label{min-width:100px;color:var(--text-secondary);font-size:.9em;flex-shrink:0}.details-select{flex:1;padding:8px 10px;font-family:var(--font-display);font-size:.95em;background:rgba(var(--bg-card-2-rgb),.9);color:var(--text-primary);border:1px solid rgba(var(--accent-rgb),.4);border-radius:4px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.details-select option:disabled{color:var(--text-dim);opacity:.6}.details-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.2)}.details-lang-custom-row{flex:1;display:flex;gap:8px;align-items:center}.details-lang-custom-row .details-text-input{flex:1}.details-lang-back-btn{padding:8px 12px;font-family:var(--font-display);font-size:.85em;background:rgba(var(--accent-rgb),.08);color:#bbb;border:1px solid rgba(var(--accent-rgb),.25);border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.details-lang-back-btn:hover{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.class-page{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.xp-matrix{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 10px #0000004d;padding:24px}.xp-matrix h3{color:var(--accent);font-family:var(--font-display);margin:0 0 8px;font-size:1.2em}.xp-tier-list{display:flex;flex-direction:column;gap:10px}.xp-tier-row{display:flex;align-items:center;gap:16px;padding:8px 12px;border:1px solid rgba(var(--text-primary-rgb),.1);border-radius:4px}.xp-tier-label{min-width:80px;font-family:var(--font-display);font-weight:700;font-size:.9em;flex-shrink:0}.xp-tier-classes{display:flex;flex-wrap:wrap;gap:6px}.xp-class-chip{padding:6px 14px;font-family:var(--font-display);font-size:.95em;border-radius:14px;background:rgba(var(--text-primary-rgb),.08);border:1px solid rgba(var(--text-primary-rgb),.15);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.xp-class-chip:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.1);color:var(--accent);transform:translateY(-1px)}.xp-class-chip--selected{background:rgba(var(--accent-rgb),.2);border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.25)}.xp-tier--positive-10{border-color:#81c78466;background:#81c7840f}.xp-tier--positive-10 .xp-tier-label{color:#81c784}.xp-tier--positive-10 .xp-class-chip{background:#81c7841f;border-color:#81c7844d;color:#a5d6a7}.xp-tier--positive-5{border-color:#aed5814d;background:#aed5810a}.xp-tier--positive-5 .xp-tier-label{color:#aed581}.xp-tier--positive-5 .xp-class-chip{background:#aed5811a;border-color:#aed58140;color:#c5e1a5}.xp-tier--neutral{border-color:rgba(var(--text-primary-rgb),.15);background:rgba(var(--text-primary-rgb),.02)}.xp-tier--neutral .xp-tier-label{color:var(--text-secondary)}.xp-class-chip-key{font-size:.8em;opacity:.6}.xp-class-chip--ineligible{opacity:.35;text-decoration:line-through;cursor:not-allowed}.requirement-actual{color:var(--text-secondary);font-size:.9em;margin-left:4px}.class-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.class-stat{display:flex;flex-direction:column;align-items:center;padding:10px;background:#0003;border:1px solid rgba(var(--accent-rgb),.2);border-radius:4px}.class-stat-label{font-size:.8em;color:var(--text-secondary);margin-bottom:4px}.class-stat-value{font-size:1.1em;font-weight:700;color:var(--accent)}.class-stat-value.positive{color:#81c784}.class-detail-section{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(var(--text-primary-rgb),.08)}.class-detail-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.class-detail-section h4{color:var(--accent);font-family:var(--font-display);margin:0 0 8px;font-size:1em}.class-detail-section p{margin:6px 0;font-size:.9em;line-height:1.4}.class-powers-list{list-style:none;padding:0;margin:0}.class-powers-list li{padding:6px 0;border-bottom:1px solid rgba(var(--text-primary-rgb),.06);font-size:.9em;line-height:1.4}.class-powers-list li:last-child{border-bottom:none}@media(max-width:500px){.xp-tier-row{flex-direction:column;align-items:flex-start;gap:8px}.xp-tier-label{min-width:auto}.class-stats-grid{grid-template-columns:repeat(2,1fr)}}.sheet-page{max-width:1000px;margin:0 auto;padding:0 20px 40px}.sheet-container{padding:24px}.sheet-header{text-align:center;margin-bottom:32px}.sheet-header-name{font-family:var(--font-display);font-size:2em;font-weight:700;color:var(--accent);text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:16px}.sheet-header-box{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.95),rgba(var(--bg-card-2-rgb),.95));border:1px solid rgba(var(--accent-rgb),.5);border-radius:4px;padding:16px 24px;box-shadow:0 2px 12px #0003}.sheet-header-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px}.sheet-header-row{display:flex;gap:8px;align-items:center}.sheet-two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sheet-column{display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.sheet-two-column{grid-template-columns:1fr}}.sheet-section{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.9),rgba(var(--bg-card-2-rgb),.9));border:1px solid rgba(var(--accent-rgb),.4);border-radius:4px;padding:20px}.sheet-section-title{font-family:var(--font-display);color:var(--accent);font-size:1.2em;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(var(--accent-rgb),.3)}.sheet-subsection-title{font-family:var(--font-display);color:rgba(var(--accent-rgb),.8);font-size:.9em;margin:16px 0 8px}.sheet-subsection-title:first-of-type{margin-top:0}.sheet-label{color:var(--text-secondary);font-size:.9em}.sheet-value{color:var(--accent);font-weight:600;font-size:1em}.sheet-combat-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(var(--text-primary-rgb),.06)}.sheet-combat-row:last-child{border-bottom:none}.sheet-combat-subsection{margin-top:12px;padding-top:8px;border-top:1px solid rgba(var(--text-primary-rgb),.08)}.sheet-hp{font-size:1.4em;text-shadow:0 0 8px rgba(var(--accent-rgb),.3)}.sheet-attr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sheet-attr-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0003;border:1px solid rgba(var(--accent-rgb),.2);border-radius:4px}.sheet-attr-name{flex:1;font-size:.85em;color:var(--text-secondary)}.sheet-attr-score{font-weight:700;color:var(--text-primary);font-size:1.1em;min-width:24px;text-align:center}.sheet-attr-mod{font-size:.85em;color:var(--accent);min-width:28px;text-align:center}.sheet-prof-list{list-style:none;padding:0;margin:0}.sheet-prof-list li{padding:4px 0;border-bottom:1px solid rgba(var(--text-primary-rgb),.06);font-size:.9em}.sheet-prof-list li:last-child{border-bottom:none}.sheet-power-desc{color:var(--text-muted);font-size:.85em}.sheet-equip-table{width:100%;border-collapse:collapse;font-size:.85em}.sheet-equip-table th{text-align:left;color:var(--accent);border-bottom:2px solid rgba(var(--accent-rgb),.3);padding:6px 8px;font-weight:600}.sheet-equip-table td{padding:5px 8px;border-bottom:1px solid rgba(var(--accent-rgb),.08)}.sheet-equip-table tfoot td{padding-top:8px;font-weight:600;color:var(--accent);border-top:2px solid rgba(var(--accent-rgb),.3);border-bottom:none}.sheet-equip-note{color:var(--text-muted);font-size:.9em}.sheet-spell-slots{display:flex;gap:16px;flex-wrap:wrap}.sheet-spell-slot{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#0003;border:1px solid rgba(var(--accent-rgb),.2);border-radius:4px}.sheet-spell-slot .sheet-value{font-size:1.3em}.sheet-actions{margin-top:24px}@media print{.stepper,.creation-header,.sheet-actions,.no-print{display:none!important}body,.App,.sheet-page,.sheet-container{background:#fff!important;color:#111!important;padding:0!important;margin:0!important}.sheet-header-name{color:#222!important;text-shadow:none!important}.sheet-header-box{background:#f5f5f5!important;border-color:#999!important}.sheet-section{background:#fff!important;border-color:#999!important;box-shadow:none!important;break-inside:avoid}.sheet-section-title,.sheet-subsection-title,.sheet-value,.sheet-attr-mod,.sheet-equip-table th,.sheet-equip-table tfoot td{color:#222!important}.sheet-label,.sheet-attr-name{color:#444!important}.sheet-attr-item{background:#f5f5f5!important;border-color:#ccc!important}.sheet-combat-row,.sheet-equip-table td{border-bottom-color:#ddd!important}.sheet-equip-table th,.sheet-equip-table tfoot td{border-color:#999!important}.sheet-spell-slot{background:#f5f5f5!important;border-color:#ccc!important}.sheet-two-column{gap:12px}.sheet-page{max-width:none!important;font-size:10pt}@page{margin:1cm;size:A4}.prof-modal-backdrop{display:none!important}}.prof-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.prof-modal-content{background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),1),var(--bg-deep-1));border:1px solid rgba(var(--accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.2),0 0 30px #00000080;border-radius:6px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;padding:24px}.prof-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.prof-modal-title{font-family:var(--font-display);color:var(--accent);font-size:1.3em;margin:0;padding:0}.prof-modal-title:after{display:none}.prof-modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.6em;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s ease}.prof-modal-close:hover{color:var(--text-primary)}.prof-modal-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(var(--accent-rgb),.2)}.prof-modal-badge{display:inline-block;padding:2px 8px;font-size:.75em;border-radius:3px;font-family:var(--font-display)}.prof-modal-badge--general{background:#81c78426;color:#81c784;border:1px solid rgba(129,199,132,.35)}.prof-modal-badge--class{background:#90caf926;color:#90caf9;border:1px solid rgba(144,202,249,.35)}.prof-modal-badge--throw{background:rgba(var(--accent-rgb),.15);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.35)}.prof-modal-badge--multi{background:#ce93d826;color:#ce93d8;border:1px solid rgba(206,147,216,.35)}.prof-modal-badge--page{background:rgba(var(--text-primary-rgb),.08);color:var(--text-muted);border:1px solid rgba(var(--text-primary-rgb),.2)}.prof-modal-body{color:var(--text-primary);font-size:.9em;line-height:1.6}.prof-modal-body p{margin:0 0 10px}.prof-modal-body p:last-child{margin-bottom:0}.prof-clickable{cursor:pointer;border-bottom:1px dotted rgba(var(--accent-rgb),.5);transition:color .15s ease,border-color .15s ease}.prof-clickable:hover{color:var(--accent);border-bottom-color:var(--accent)}.prof-brief-desc{margin:4px 0 0;color:rgba(var(--text-primary-rgb),.5);font-size:.8em;line-height:1.4;cursor:pointer;transition:color .15s ease}.prof-brief-desc:hover{color:rgba(var(--accent-rgb),.8)}.theme-selector{position:relative}.theme-selector-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;font-family:var(--font-display);font-size:.75em;background:transparent;color:rgba(var(--text-primary-rgb),.5);border:1px solid rgba(var(--text-primary-rgb),.2);border-radius:4px;cursor:pointer;transition:all .2s ease}.theme-selector-toggle:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.5)}.theme-selector-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.theme-selector-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:100;background:linear-gradient(145deg,rgba(var(--bg-card-1-rgb),.98),rgba(var(--bg-card-2-rgb),.98));border:1px solid rgba(var(--accent-rgb),.5);border-radius:6px;padding:16px;min-width:200px;box-shadow:0 8px 24px #00000080}.theme-selector-section{margin-bottom:14px}.theme-selector-section:last-child{margin-bottom:0}.theme-selector-label{display:block;font-family:var(--font-display);font-size:.8em;color:var(--text-secondary);margin-bottom:8px}.theme-selector-swatches{display:flex;gap:8px}.theme-swatch-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease;padding:0}.theme-swatch-btn:hover{transform:scale(1.15)}.theme-swatch-btn.active{border-color:var(--text-primary);box-shadow:0 0 8px rgba(var(--text-primary-rgb),.4)}.theme-font-select{width:100%;padding:6px 8px;font-family:var(--font-display);font-size:.85em;background:var(--bg-deep-1);color:var(--text-primary);border:1px solid rgba(var(--accent-rgb),.3);border-radius:4px;cursor:pointer}.theme-font-select option{background:var(--bg-deep-1);color:var(--text-primary)}.theme-font-select:focus{outline:none;border-color:var(--accent)}.creation-header-actions{position:absolute;right:0;display:flex;align-items:center;gap:10px}