@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=IM+Fell+English:ital@0;1&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0a06;--bg2: #1c1209;--bg3: #281a0d;--card: #1e1409;--card2: #2a1c0e;--border: #5a3d1c;--border2: #7a5430;--gold: #c9a84c;--gold2: #e8c66a;--red: #8b1a1a;--red2: #a82020;--green: #4a7a4a;--text: #f0e0c0;--text2: #c8a878;--text3: #8a7050;--shadow: 0 4px 20px rgba(0,0,0,.6);--radius: 6px;--sh-bg: #f5f0e8;--sh-border: #3b2a1a;--sh-text: #1a0d00;--sh-text2: #4a3020;--sh-gold: #8b6914;--sh-red: #6b1515;--sh-block: #ede5d8;--sh-label-bg: #58180d;--sh-label-text: #f0e0c0}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:IM Fell English,Georgia,serif;font-size:15px;line-height:1.5}h1,h2,h3,h4{font-family:Cinzel,Times New Roman,serif;font-weight:600;color:var(--gold);letter-spacing:.03em}a{color:var(--gold);text-decoration:none}button{font-family:Cinzel,serif;cursor:pointer;border:none;border-radius:var(--radius);transition:all .15s}input,select,textarea{font-family:IM Fell English,Georgia,serif;font-size:1rem;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.5rem .75rem;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c9a84c33}select option{background:var(--bg3)}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:linear-gradient(180deg,#1a0c04,#0e0a06);border-bottom:2px solid var(--border);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem}.navbar h1{font-size:1.3rem;background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 50%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar .back-btn{background:transparent;color:var(--text2);padding:.25rem .5rem;font-size:.85rem;border:1px solid var(--border);border-radius:var(--radius)}.navbar .back-btn:hover{color:var(--gold);border-color:var(--gold)}.page{flex:1;max-width:1100px;margin:0 auto;padding:2rem 1rem;width:100%}.home-header{text-align:center;margin-bottom:2.5rem}.home-header h2{font-size:2rem;margin-bottom:.5rem}.home-header p{color:var(--text2);font-style:italic}.divider{height:2px;background:linear-gradient(90deg,transparent,var(--border2),transparent);margin:1.5rem 0}.new-btn{background:linear-gradient(135deg,var(--red) 0%,var(--red2) 100%);color:var(--gold2);padding:.8rem 2rem;font-size:1rem;letter-spacing:.05em;border:1px solid var(--red2);box-shadow:var(--shadow)}.new-btn:hover{background:linear-gradient(135deg,var(--red2) 0%,#c02828 100%);transform:translateY(-1px)}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1.5rem}.char-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:all .15s;position:relative}.char-card:hover{border-color:var(--gold);box-shadow:0 0 12px #c9a84c26}.char-card h3{font-size:1.1rem;margin-bottom:.3rem}.char-card .char-meta{color:var(--text2);font-size:.9rem;font-style:italic}.char-card .char-level{color:var(--text3);font-size:.82rem;margin-top:.5rem}.char-card .delete-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;color:var(--text3);font-size:1.1rem;padding:.1rem .4rem;border-radius:3px}.char-card .delete-btn:hover{color:#e03030;background:#c800001a}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text3);font-style:italic}.empty-state .scroll-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.btn-secondary{background:var(--bg3);color:var(--text2);padding:.6rem 1.5rem;font-size:.9rem;border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border2);color:var(--text)}.btn-primary{background:linear-gradient(135deg,var(--red) 0%,var(--red2) 100%);color:var(--gold2);padding:.6rem 1.75rem;font-size:.9rem;border:1px solid var(--red2)}.btn-primary:hover{background:linear-gradient(135deg,var(--red2) 0%,#c02828 100%)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-level-up{background:linear-gradient(135deg,#2a5a2a,#3a7a3a);color:#a0e0a0;padding:.6rem 1.5rem;font-size:.9rem;border:1px solid #3a7a3a}.btn-level-up:hover{background:linear-gradient(135deg,#3a7a3a,#4a9a4a)}.wizard{max-width:780px;margin:0 auto}.progress-bar{margin-bottom:2rem}.progress-steps{display:flex;justify-content:space-between;position:relative}.progress-steps:before{content:"";position:absolute;top:14px;left:14px;right:14px;height:2px;background:var(--border);z-index:0}.progress-fill{position:absolute;top:14px;left:14px;height:2px;background:var(--gold);z-index:1;transition:width .3s}.step-dot{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}.step-dot .dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-family:Cinzel,serif;color:var(--text3);transition:all .2s}.step-dot.active .dot{border-color:var(--gold);color:var(--gold);background:var(--bg3)}.step-dot.done .dot{border-color:var(--gold);background:var(--gold);color:var(--bg)}.step-dot .label{font-size:.68rem;color:var(--text3);text-align:center;max-width:60px}.step-dot.active .label{color:var(--gold2)}.wizard-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:2rem;box-shadow:var(--shadow)}.wizard-card h2{font-size:1.4rem;margin-bottom:.25rem}.wizard-card .step-desc{color:var(--text2);font-style:italic;margin-bottom:1.75rem;font-size:.9rem}.wizard-nav{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;color:var(--text2);margin-bottom:.3rem;letter-spacing:.03em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.sel-card{background:var(--bg3);border:2px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:all .15s}.sel-card:hover{border-color:var(--border2);background:var(--card2)}.sel-card.selected{border-color:var(--gold);background:var(--card2);box-shadow:0 0 10px #c9a84c33}.sel-card h4{font-size:.95rem;margin-bottom:.35rem;color:var(--text)}.sel-card.selected h4{color:var(--gold2)}.sel-card p{font-size:.78rem;color:var(--text3);line-height:1.4}.sel-card .tag{display:inline-block;font-size:.7rem;background:var(--bg2);border:1px solid var(--border);border-radius:3px;padding:.1rem .4rem;margin:.3rem .2rem 0 0;color:var(--text3)}.ability-method-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn{background:var(--bg3);color:var(--text2);padding:.4rem 1rem;font-size:.85rem;border:1px solid var(--border);border-radius:var(--radius)}.tab-btn.active{background:var(--card2);border-color:var(--gold);color:var(--gold)}.ability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ability-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;text-align:center}.ability-box .ability-label{font-family:Cinzel,serif;font-size:.7rem;color:var(--text2);letter-spacing:.05em;margin-bottom:.4rem}.ability-box .ability-score{font-size:1.6rem;font-family:Cinzel,serif;color:var(--gold2);font-weight:700;margin-bottom:.2rem}.ability-box .ability-mod{font-size:.85rem;color:var(--text3)}.ability-box .ability-racial{font-size:.7rem;color:#6aab6a}.ability-box input[type=number]{width:70px;text-align:center;font-size:1.2rem;font-family:Cinzel,serif;padding:.2rem;margin-bottom:.2rem;background:var(--bg2)}.array-pool{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.array-chip{background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:.25rem .6rem;font-family:Cinzel,serif;font-size:.9rem;color:var(--text2);cursor:pointer}.array-chip.used{opacity:.3;cursor:default}.array-chip.selected{border-color:var(--gold);color:var(--gold);background:var(--card2)}.point-buy-total{text-align:right;margin-bottom:1rem;font-family:Cinzel,serif;font-size:.9rem;color:var(--text2)}.point-buy-total span{color:var(--gold2);font-size:1.1rem}.pb-controls{display:flex;align-items:center;gap:.5rem;justify-content:center}.pb-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text2);width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:1rem;border-radius:3px;padding:0}.pb-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.pb-btn:disabled{opacity:.3;cursor:not-allowed}.roll-btn{background:linear-gradient(135deg,var(--red) 0%,var(--red2) 100%);color:var(--gold2);padding:.5rem 1.25rem;border:1px solid var(--red2);font-size:.85rem;border-radius:var(--radius);margin-bottom:1rem}.skill-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.skill-item{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border-radius:var(--radius);cursor:pointer;border:1px solid transparent;transition:all .12s}.skill-item:hover{background:var(--bg3)}.skill-item.from-bg{opacity:.7;cursor:default}.skill-item .check-box{width:16px;height:16px;border-radius:3px;border:1px solid var(--border);background:var(--bg2);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem}.skill-item.checked .check-box{background:var(--gold);border-color:var(--gold);color:var(--bg)}.skill-item .skill-name{font-size:.87rem;color:var(--text)}.skill-item .skill-ability{font-size:.72rem;color:var(--text3);margin-left:auto}.skill-item.from-bg .skill-name:after{content:" ★";color:var(--gold);font-size:.7rem}.review-section{margin-bottom:1.75rem}.review-section h3{font-size:1rem;color:var(--gold2);margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.review-row{display:flex;gap:.5rem;margin-bottom:.35rem}.review-label{font-size:.82rem;color:var(--text3);min-width:120px}.review-value{font-size:.87rem;color:var(--text)}.ability-row{display:flex;gap:.5rem;flex-wrap:wrap}.ability-mini{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;text-align:center;min-width:70px}.ability-mini .ab-label{font-size:.65rem;color:var(--text3);font-family:Cinzel,serif}.ability-mini .ab-score{font-size:1.1rem;color:var(--gold2);font-family:Cinzel,serif;font-weight:700}.ability-mini .ab-mod{font-size:.75rem;color:var(--text2)}.trait-tag{font-size:.77rem;background:var(--bg3);border:1px solid var(--border);border-radius:3px;padding:.15rem .5rem;color:var(--text2)}.cs-root{max-width:1050px;margin:0 auto}.cs-actions{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.cs-page{background:var(--sh-bg);border:2px solid var(--sh-border);border-radius:8px;color:var(--sh-text);margin-bottom:2rem;font-family:IM Fell English,Georgia,serif;overflow:hidden}.cs-dnd-banner{background:var(--sh-label-bg);padding:.5rem 1rem .45rem;display:flex;align-items:center;gap:.75rem;border-bottom:2px solid #3b2a1a}.cs-dragon-svg{height:52px;width:auto;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.cs-dnd-brand{display:flex;flex-direction:column;gap:.05rem}.cs-dnd-title{font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;color:#e8c66a;letter-spacing:.06em;line-height:1.1;text-transform:uppercase}.cs-dnd-subtitle{font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.25em;color:#c9a84c;text-transform:uppercase}.cs-dnd-spacer{flex:1}.cs-header{background:var(--sh-label-bg);padding:.75rem 1rem;display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap;border-bottom:2px solid #3b2a1a}.cs-header-name{min-width:200px}.cs-name-val{font-family:Cinzel,serif;font-size:1.6rem;font-weight:700;color:#e8c66a;letter-spacing:.02em;line-height:1.2;border-bottom:1.5px solid rgba(201,168,76,.5);padding-bottom:.15rem}.cs-header-meta{display:flex;gap:1.5rem;flex-wrap:wrap;flex:1}.cs-meta-item{min-width:110px;border-bottom:1px solid rgba(201,168,76,.3);padding-bottom:.1rem}.cs-meta-val{font-size:.88rem;color:#f0e0c0;font-style:italic}.cs-field-label{font-family:Cinzel,serif;font-size:.52rem;letter-spacing:.12em;color:#c9a84c;text-transform:uppercase;margin-bottom:.15rem}.cs-body{display:grid;grid-template-columns:200px 1fr 220px;gap:0;min-height:760px}.cs-col-left{border-right:1px solid var(--sh-border);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.cs-abilities{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.25rem}.cs-ab-box{border:2px solid var(--sh-border);border-radius:4px;background:var(--sh-block);display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:0 0 .35rem;gap:.12rem;box-shadow:inset 0 0 0 2px var(--sh-bg),inset 0 0 0 4px #3b2a1a4d}.cs-ab-name{font-family:Cinzel,serif;font-size:.48rem;letter-spacing:.12em;color:#f0e0c0;background:var(--sh-label-bg);text-align:center;text-transform:uppercase;line-height:1;padding:.22rem 0;align-self:stretch;border-bottom:1px solid var(--sh-border);margin-bottom:.1rem}.cs-ab-score-wrap{background:var(--sh-bg);border:2px solid var(--sh-border);border-radius:3px;width:64px;height:38px;display:flex;align-items:center;justify-content:center}.cs-ab-score{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;color:var(--sh-text);line-height:1}.cs-ab-mod-circle{width:40px;height:40px;border-radius:50%;border:2px solid var(--sh-border);background:var(--sh-bg);display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:.88rem;font-weight:700;color:var(--sh-text)}.cs-insp-prof{border:1px solid var(--sh-border);border-radius:4px;background:var(--sh-block);padding:.4rem .5rem;display:flex;flex-direction:column;gap:.3rem}.cs-field-row{display:flex;align-items:center;gap:.5rem}.cs-check-box{width:14px;height:14px;border:1.5px solid var(--sh-border);border-radius:50%;background:var(--sh-bg);flex-shrink:0}.cs-field-val{font-family:Cinzel,serif;font-size:.9rem;font-weight:700;color:var(--sh-text);background:var(--sh-bg);border:1px solid var(--sh-border);border-radius:3px;min-width:28px;text-align:center;padding:.05rem .3rem}.cs-field-name{font-size:.7rem;color:var(--sh-text2);line-height:1.2}.cs-section-block{border:1.5px solid var(--sh-border);border-radius:6px;background:var(--sh-block);overflow:hidden;display:flex;flex-direction:column}.cs-block-title{font-family:Cinzel,serif;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;background:var(--sh-label-bg);color:#f0e0c0;padding:.22rem .6rem;border-top:1px solid var(--sh-border);border-bottom:none;text-align:center}.cs-prof-list{list-style:none;padding:.3rem .5rem}.cs-prof-list li{display:flex;align-items:center;gap:.4rem;padding:.12rem 0;border-bottom:1px solid rgba(59,42,26,.15);font-size:.72rem;color:var(--sh-text)}.cs-prof-list li:last-child{border-bottom:none}.cs-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--sh-border);background:var(--sh-bg);flex-shrink:0}.cs-dot.filled{background:var(--sh-text);border-color:var(--sh-text)}.cs-item-val{font-family:Cinzel,serif;font-weight:700;font-size:.7rem;min-width:26px}.cs-item-name{flex:1}.cs-ab-tag{color:var(--sh-text2);font-size:.62rem}.cs-passive{padding:.4rem .5rem;background:var(--sh-block)}.cs-passive .cs-field-name{font-size:.65rem}.cs-lang-text{padding:.4rem .5rem;font-size:.68rem;color:var(--sh-text2);line-height:1.5}.cs-col-center{border-right:1px solid var(--sh-border);padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.cs-combat-top{display:flex;gap:.5rem}.cs-stat-box{flex:1;border:2px solid var(--sh-border);border-radius:8px;background:var(--sh-block);padding:.5rem .25rem 0;text-align:center;display:flex;flex-direction:column;align-items:center;overflow:hidden}.cs-stat-val{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:var(--sh-text);line-height:1;padding:.15rem 0}.cs-stat-sub{font-size:.65rem;color:var(--sh-text2)}.cs-stat-label{font-family:Cinzel,serif;font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;background:var(--sh-label-bg);color:#f0e0c0;padding:.18rem .5rem;width:100%;display:block;margin-top:auto;border-top:1px solid var(--sh-border)}.cs-hp-block{border:2px solid var(--sh-border);border-radius:8px;background:var(--sh-block);overflow:hidden;display:flex;flex-direction:column}.cs-hp-label{font-family:Cinzel,serif;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;background:var(--sh-label-bg);color:#f0e0c0;padding:.22rem .6rem;text-align:center;order:999;border-top:1px solid var(--sh-border)}.cs-hp-row{display:flex;gap:.5rem;padding:.5rem}.cs-hp-box{text-align:center}.cs-hp-sublabel{font-size:.6rem;color:var(--sh-text2);margin-bottom:.1rem}.cs-hp-max{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:var(--sh-text);line-height:1}.cs-hp-current{flex:1}.cs-hp-line{border-bottom:2px solid var(--sh-border);margin-top:1.5rem}.cs-hd-temp{display:flex;gap:.5rem}.cs-mini-block{flex:1;border:1.5px solid var(--sh-border);border-radius:6px;background:var(--sh-block);overflow:hidden;display:flex;flex-direction:column}.cs-mini-label{font-family:Cinzel,serif;font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;background:var(--sh-label-bg);color:#f0e0c0;padding:.18rem .4rem;text-align:center;order:999;border-top:1px solid var(--sh-border)}.cs-mini-line{border-bottom:1.5px solid var(--sh-border);margin:1rem .5rem .2rem}.cs-mini-val{font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:var(--sh-text);text-align:center;padding:.25rem}.cs-death-saves{border:1.5px solid var(--sh-border);border-radius:6px;background:var(--sh-block);display:flex;flex-direction:column;overflow:hidden}.cs-ds-title{font-family:Cinzel,serif;font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;background:var(--sh-label-bg);color:#f0e0c0;padding:.18rem .6rem;text-align:center;border-top:1px solid var(--sh-border);order:999}.cs-ds-inner{padding:.4rem .6rem}.cs-ds-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.cs-ds-label{font-size:.68rem;color:var(--sh-text2);min-width:55px}.cs-ds-dots{display:flex;gap:.25rem}.cs-ds-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--sh-border);background:var(--sh-bg)}.cs-attacks-block{border:1.5px solid var(--sh-border);border-radius:6px;background:var(--sh-block);overflow:hidden;flex:1;display:flex;flex-direction:column}.cs-atk-table{width:100%;border-collapse:collapse;font-size:.72rem}.cs-atk-table th{font-family:Cinzel,serif;font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;background:var(--sh-label-bg);color:#f0e0c0;padding:.2rem .4rem;border-right:1px solid rgba(240,224,192,.2)}.cs-atk-table td{border-top:1px solid var(--sh-border);border-right:1px solid var(--sh-border);padding:.35rem .4rem;height:24px}.cs-spell-note{font-size:.7rem;color:var(--sh-text2);padding:.3rem .5rem;border-top:1px solid var(--sh-border)}.cs-equip-block{border:1.5px solid var(--sh-border);border-radius:6px;background:var(--sh-block);overflow:hidden;display:flex;flex-direction:column}.cs-equip-text{font-size:.7rem;color:var(--sh-text2);padding:.3rem .5rem;line-height:1.5}.cs-equip-line{border-bottom:1px solid var(--sh-border);margin:.5rem}.cs-col-right{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.cs-personality-block{display:flex;flex-direction:column;gap:.4rem;flex:0 0 auto}.cs-pers-section{border:1.5px solid var(--sh-border);border-radius:6px;background:var(--sh-block);overflow:hidden;display:flex;flex-direction:column}.cs-pers-box{font-size:.72rem;color:var(--sh-text2);padding:.4rem .5rem;min-height:52px;line-height:1.4;white-space:pre-wrap;flex:1}.cs-features-right{border:1.5px solid var(--sh-border);border-radius:6px;background:var(--sh-block);overflow:hidden;flex:1;display:flex;flex-direction:column}.cs-feature-item{padding:.3rem .5rem;border-top:1px solid rgba(59,42,26,.2)}.cs-feature-item:first-of-type{border-top:none}.cs-feature-name{font-family:Cinzel,serif;font-size:.68rem;color:var(--sh-text);font-weight:600}.cs-feature-desc{font-size:.65rem;color:var(--sh-text2);line-height:1.35;margin-top:.1rem}.cs-feature-tag{font-size:.6rem;color:var(--sh-gold);font-weight:400;margin-left:.25rem}.cs-p2-name-badge{margin-left:auto;font-family:Cinzel,serif;font-size:1rem;color:#e8c66a;font-style:italic}.cs-p2-body{display:grid;grid-template-columns:1fr 1fr;gap:0}.cs-p2-left{border-right:1px solid var(--sh-border);padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.cs-p2-right{padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.cs-tall-box{min-height:80px}.cs-spell-info{padding:.5rem;display:flex;flex-direction:column;gap:.35rem}.lu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.lu-modal{background:var(--bg2);border:2px solid var(--border2);border-radius:10px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #000c}.lu-header{background:linear-gradient(135deg,var(--red) 0%,var(--red2) 100%);padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;position:relative;border-bottom:2px solid var(--border2)}.lu-header h2{font-size:1.5rem;color:var(--gold2);margin:0}.lu-subtitle{color:var(--text2);font-size:.9rem;margin-top:.1rem}.lu-subtitle strong{color:var(--gold)}.lu-close{position:absolute;top:.75rem;right:.75rem;background:transparent;color:var(--text2);font-size:1.1rem;padding:.2rem .5rem;border:1px solid var(--border);border-radius:4px}.lu-close:hover{color:var(--gold);border-color:var(--gold)}.lu-body{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.lu-section{border:1px solid var(--border);border-radius:6px;padding:1rem;background:var(--card)}.lu-section h3{font-size:.95rem;color:var(--gold2);margin-bottom:.5rem}.lu-hint{font-size:.82rem;color:var(--text3);font-style:italic;margin-bottom:.75rem}.lu-hp-row{display:flex;gap:.75rem;margin-bottom:.75rem}.lu-hp-btn{background:var(--bg3);color:var(--text2);border:1px solid var(--border);padding:.5rem 1rem;font-size:.85rem;border-radius:var(--radius);flex:1}.lu-hp-btn.active{border-color:var(--gold);color:var(--gold);background:var(--card2)}.lu-hp-btn.roll-hp:hover{border-color:var(--border2);color:var(--text)}.lu-hp-result{text-align:center;font-family:Cinzel,serif;color:var(--text2);font-size:.9rem}.lu-hp-result span{font-size:1.4rem;color:var(--gold2);font-weight:700;margin:0 .25rem}.lu-subclass-grid{display:flex;flex-direction:column;gap:.5rem}.lu-subclass-card{border:2px solid var(--border);border-radius:6px;padding:.75rem 1rem;cursor:pointer;background:var(--bg3);transition:all .15s}.lu-subclass-card:hover{border-color:var(--border2);background:var(--card2)}.lu-subclass-card.selected{border-color:var(--gold);background:var(--card2);box-shadow:0 0 8px #c9a84c33}.lu-sub-name{font-family:Cinzel,serif;font-size:.9rem;color:var(--text);margin-bottom:.25rem}.lu-subclass-card.selected .lu-sub-name{color:var(--gold2)}.lu-sub-desc{font-size:.78rem;color:var(--text3);line-height:1.4}.lu-asi-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.lu-asi-tab{background:var(--bg3);color:var(--text2);border:1px solid var(--border);padding:.4rem .9rem;font-size:.82rem;border-radius:var(--radius)}.lu-asi-tab.active{border-color:var(--gold);color:var(--gold);background:var(--card2)}.lu-asi-pick label{display:block;font-size:.78rem;color:var(--text2);margin-bottom:.4rem}.lu-ab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.lu-ab-box{border:2px solid var(--border);border-radius:6px;padding:.6rem .4rem;text-align:center;cursor:pointer;background:var(--bg3);transition:all .12s}.lu-ab-box:hover:not(.capped){border-color:var(--border2);background:var(--card2)}.lu-ab-box.selected{border-color:var(--gold);background:var(--card2)}.lu-ab-box.capped{opacity:.4;cursor:default}.lu-ab-label{font-family:Cinzel,serif;font-size:.65rem;color:var(--text3);margin-bottom:.2rem}.lu-ab-score{font-size:.78rem;color:var(--text2)}.lu-ab-box.selected .lu-ab-score{color:var(--gold2)}.lu-ab-cap{font-size:.65rem;color:var(--text3)}.lu-split-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.lu-feature{margin-bottom:.6rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.lu-feature:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.lu-feature-name{font-family:Cinzel,serif;font-size:.85rem;color:var(--gold);margin-bottom:.2rem}.lu-feature-desc{font-size:.8rem;color:var(--text2);line-height:1.45}.lu-footer{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg2)}@media print{@page{size:letter portrait;margin:.4in}@page :first{margin:.35in}html,body{background:#fff!important;color:#1a0d00!important;font-size:9.5pt!important}.no-print,.navbar{display:none!important}.page{padding:0!important;margin:0!important;max-width:100%!important}.cs-root{max-width:100%!important}.cs-page{border:1.5pt solid #3b2a1a!important;border-radius:4pt!important;margin-bottom:0!important;page-break-after:always;background:#fff!important}.cs-page2{page-break-after:avoid}.cs-dnd-banner,.cs-header,.cs-block-title,.cs-stat-label,.cs-hp-label,.cs-mini-label,.cs-ds-title,.cs-atk-table th{background:#58180d!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cs-dot.filled{background:#1a0d00!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cs-body{grid-template-columns:195pt 1fr 205pt!important}.cs-abilities{flex-direction:column!important}.cs-ab-score-wrap{width:56pt!important;height:32pt!important}.cs-ab-score{font-size:15pt!important}.cs-ab-mod-circle{width:34pt!important;height:34pt!important;font-size:9pt!important}}@media (max-width: 720px){.cs-body{grid-template-columns:1fr!important}.cs-col-left,.cs-col-center{border-right:none;border-bottom:1px solid var(--sh-border)}.cs-p2-body{grid-template-columns:1fr}.cs-p2-left{border-right:none;border-bottom:1px solid var(--sh-border)}.form-row{grid-template-columns:1fr}.ability-grid{grid-template-columns:repeat(2,1fr)}.skill-list{grid-template-columns:1fr}.progress-steps .label{display:none}.lu-split-row{grid-template-columns:1fr}.lu-ab-grid{grid-template-columns:repeat(2,1fr)}}