@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg-void:#0a0806;--bg-deep:#110e0a;--bg-stone:#1a1510;--bg-surface:#221c15;--bg-raised:#2a2219;--bg-hover:#332a1f;--border-dim:#b48c3c1f;--border-subtle:#b48c3c40;--border-glow:#b48c3c8c;--gold:#c9a84c;--gold-bright:#e8c97a;--gold-dim:#8a6f32;--ember:#c0522a;--ember-bright:#e06535;--crimson:#8b1a1a;--text-primary:#e8dcc8;--text-secondary:#a89070;--text-muted:#6b5840;--text-gold:#c9a84c;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-display:"Cinzel", Georgia, serif;--font-body:"Crimson Text", Georgia, serif;--font-ui:"Inter", system-ui, sans-serif;--shadow-sm:0 1px 3px #0009;--shadow-md:0 4px 16px #000000b3;--shadow-lg:0 8px 32px #000c;--glow-gold:0 0 20px #c9a84c26;--glow-ember:0 0 20px #c0522a33}html[data-theme=light]{--bg-void:#f0ebe2;--bg-deep:#e8e0d2;--bg-stone:#ddd5c5;--bg-surface:#f5f0e8;--bg-raised:#fff;--bg-hover:#ede5d5;--border-dim:#6446141f;--border-subtle:#64461440;--border-glow:#8c5a148c;--gold:#8b5e1a;--gold-bright:#6b3f00;--gold-dim:#b08040;--ember:#c0522a;--ember-bright:#e06535;--crimson:#8b1a1a;--text-primary:#1a1208;--text-secondary:#4a3520;--text-muted:#8a7060;--text-gold:#8b5e1a;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 32px #0003;--glow-gold:0 0 20px #8b5e1a26;--glow-ember:0 0 20px #c0522a26}html[data-theme=sepia]{--bg-void:#1a1208;--bg-deep:#221a0e;--bg-stone:#2a2010;--bg-surface:#2e2414;--bg-raised:#362b18;--bg-hover:#3e3220;--border-dim:#c8a05026;--border-subtle:#c8a0504d;--border-glow:#c8a05099;--gold:#d4a853;--gold-bright:#edc878;--gold-dim:#9a7535;--ember:#c8623a;--ember-bright:#e07545;--crimson:#9b2a2a;--text-primary:#f0e2c0;--text-secondary:#c0a070;--text-muted:#7a6040;--text-gold:#d4a853;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3;--glow-gold:0 0 20px #d4a85333;--glow-ember:0 0 20px #c8623a33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;font-size:1.0625rem;line-height:1.7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.03em;line-height:1.2}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-bright)}.input{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-ui);outline:none;padding:.65rem .875rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--border-glow);box-shadow:0 0 0 3px #c9a84c14}.btn{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border-color:var(--gold);color:#1a1208;box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffff1a;background:linear-gradient(135deg,#b8922e 0%,#c9a84c 50%,#b8922e 100%)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md),var(--glow-gold);background:linear-gradient(135deg,#c9a84c 0%,#e8c97a 50%,#c9a84c 100%);transform:translateY(-1px)}.btn-ghost{border-color:var(--border-subtle);color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--border-glow);color:var(--text-gold);background:#c9a84c0f}.btn-danger{color:#e07060;background:#8b1a1a4d;border-color:#c0522a66}.btn-danger:hover:not(:disabled){border-color:var(--ember-bright);background:#c0522a40}.card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:1.5rem}.card-raised{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem}.error-msg{border-radius:var(--radius-md);color:#e07060;font-family:var(--font-ui);background:#8b1a1a33;border:1px solid #c0522a59;padding:.65rem .875rem;font-size:.85rem}.form-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:block}.divider-ornament{color:var(--text-muted);font-size:.75rem;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.divider-ornament:before,.divider-ornament:after{content:"";background:linear-gradient(90deg,transparent,var(--border-subtle),transparent);flex:1;height:1px}.spinner{border:2px solid var(--border-subtle);border-top-color:var(--gold);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:.5s both fadeUp}.animate-fade-in{animation:.4s both fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.theme-toggle{z-index:999;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);gap:2px;padding:2px;display:flex;position:fixed;bottom:1.25rem;right:4.5rem}.theme-toggle__btn{color:var(--text-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:.06em;background:0 0;border:none;border-radius:5px;padding:.3rem .5rem;font-size:.65rem;font-weight:700;transition:all .2s}.theme-toggle__btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.theme-toggle__btn--active{background:var(--bg-hover);color:var(--gold)}.lang-toggle{z-index:999;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--gold);cursor:pointer;font-family:var(--font-display);letter-spacing:.1em;box-shadow:var(--shadow-md);padding:.4rem .7rem;font-size:.72rem;font-weight:700;transition:all .2s;position:fixed;bottom:1.25rem;right:1.25rem}.lang-toggle:hover{background:var(--bg-hover);border-color:var(--border-glow);box-shadow:var(--shadow-md), var(--glow-gold)}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.auth-bg__vignette{background:radial-gradient(80% 80%,#0000 20%,#050302d9 100%);position:absolute;inset:0}.auth-bg__grid{background-image:linear-gradient(#b48c3c0a 1px,#0000 1px),linear-gradient(90deg,#b48c3c0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000,#0000);mask-image:radial-gradient(70% 70%,#000,#0000)}.auth-bg__glow{filter:blur(120px);opacity:.08;border-radius:50%;width:500px;height:500px;position:absolute}.auth-bg__glow--left{background:radial-gradient(circle, var(--ember) 0%, transparent 70%);top:10%;left:-200px}.auth-bg__glow--right{background:radial-gradient(circle, var(--gold) 0%, transparent 70%);bottom:10%;right:-200px}.auth-container{z-index:1;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:420px;display:flex;position:relative}.auth-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg), 0 0 40px #c9a84c0a, inset 0 1px 0 #ffffff08;padding:2.5rem 2rem;position:relative}.corner-ornament{pointer-events:none;width:18px;height:18px;position:absolute}.corner-ornament:before,.corner-ornament:after{content:"";background:var(--gold-dim);position:absolute}.corner-ornament:before{width:1px;height:100%}.corner-ornament:after{width:100%;height:1px}.corner-ornament--tl{top:8px;left:8px}.corner-ornament--tr{top:8px;right:8px;transform:scaleX(-1)}.corner-ornament--bl{bottom:8px;left:8px;transform:scaleY(-1)}.corner-ornament--br{bottom:8px;right:8px;transform:scale(-1)}.auth-form{flex-direction:column;gap:0;display:flex}.auth-logo{filter:drop-shadow(0 0 12px #c9a84c40);justify-content:center;margin-bottom:1rem;display:flex}.auth-title{text-align:center;color:var(--gold-bright);margin-bottom:.3rem;font-size:1.35rem}.auth-subtitle{font-family:var(--font-body);color:var(--text-muted);text-align:center;font-size:.95rem;font-style:italic}.form-group{margin-bottom:.875rem}.auth-submit{width:100%;margin-top:.5rem;padding:.8rem;font-size:.85rem}.auth-switch{font-family:var(--font-ui);color:var(--text-muted);text-align:center;margin-top:1rem;font-size:.82rem}.auth-switch-btn{cursor:pointer;color:var(--gold);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;padding:0;font-size:.8rem;transition:color .2s}.auth-switch-btn:hover{color:var(--gold-bright)}.auth-footer{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);opacity:.6;text-align:center;font-size:.65rem}@media (width<=480px){.auth-panel{padding:2rem 1.25rem}}.dashboard{background:radial-gradient(ellipse 60% 40% at 50% 0%, #c0522a0a 0%, transparent 70%), var(--bg-void);flex-direction:column;min-height:100vh;display:flex}.dashboard-header{border-bottom:1px solid var(--border-dim);background:var(--bg-deep);z-index:10;justify-content:space-between;align-items:center;padding:.875rem 2rem;display:flex;position:sticky;top:0}.dashboard-header__brand{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold-bright);align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex}.dashboard-header__user{align-items:center;gap:.875rem;display:flex}.dashboard-header__username{font-family:var(--font-display);letter-spacing:.07em;color:var(--text-secondary);font-size:.78rem}.dashboard-main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:3rem 2rem}.dashboard-welcome{text-align:center;margin-bottom:3rem}.dashboard-welcome h1{margin-bottom:.4rem;font-size:2rem}.dashboard-welcome p{color:var(--text-muted);font-size:1rem;font-style:italic}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.25rem;display:grid}.module-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);cursor:pointer;text-align:center;color:inherit;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;font-family:inherit;transition:all .25s;display:flex;position:relative}.module-card:hover:not(:disabled){background:var(--bg-raised);border-color:var(--border-subtle);box-shadow:var(--shadow-md), var(--glow-gold);transform:translateY(-3px)}.module-card--soon{opacity:.5;cursor:not-allowed}.module-card__icon{margin-bottom:.25rem;font-size:2.25rem;line-height:1}.module-card__title{color:var(--gold-bright);font-size:1rem}.module-card__desc{font-family:var(--font-ui);color:var(--text-muted);font-size:.8rem;line-height:1.4}.module-card__badge{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border-dim);border-radius:var(--radius-sm);padding:.15rem .5rem;font-size:.6rem;position:absolute;top:.75rem;right:.75rem}@media (width<=600px){.dashboard-header{padding:.875rem 1rem}.dashboard-main{padding:2rem 1rem}.dashboard-grid{grid-template-columns:1fr 1fr}}.char-list-page{background:var(--bg-void);min-height:100vh;padding-bottom:3rem}.char-list-header{border-bottom:1px solid var(--border-dim);background:var(--bg-deep);z-index:10;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.char-list-header h1{font-size:1.1rem}.char-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:2rem;display:grid}.char-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.char-card:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-md);transform:translateY(-2px)}.char-card__class-bar{opacity:.7;height:3px}.char-card__body{flex:1;padding:1.25rem}.char-card__name{color:var(--gold-bright);margin-bottom:.3rem;font-size:1.1rem}.char-card__meta{font-family:var(--font-ui);color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem}.char-card__hp{font-family:var(--font-ui);align-items:baseline;gap:.3rem;font-size:.9rem;display:flex}.char-card__delete{opacity:0;padding:.2rem .5rem;font-size:.7rem;transition:opacity .2s;position:absolute;top:.5rem;right:.5rem}.char-card:hover .char-card__delete{opacity:1}.char-list-empty{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:40vh;display:flex}.modal-overlay{z-index:50;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2rem;display:flex}.modal-box h2{font-size:1rem}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.sheet-page{background:radial-gradient(ellipse 80% 30% at 50% 0%,#c9a84c08 0%,transparent 60%),var(--bg-void);flex-direction:column;min-height:100vh;display:flex}.sheet-header{border-bottom:1px solid var(--border-dim);background:var(--bg-deep);flex-wrap:wrap;align-items:flex-start;gap:1rem;padding:.875rem 1.5rem;display:flex}.sheet-header__identity{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.sheet-name-input{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.03em;background:0 0;border:none;outline:none;width:100%;font-size:1.3rem}.sheet-name-input::placeholder{color:var(--text-muted)}.sheet-name-input:focus{border-bottom:1px solid var(--border-subtle)}.sheet-identity-row{flex-wrap:wrap;gap:.5rem;display:flex}.sheet-identity-field{background:var(--bg-stone);border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-ui);outline:none;padding:.25rem .5rem;font-size:.78rem;transition:border-color .2s}.sheet-identity-field:focus{border-color:var(--border-subtle);color:var(--text-primary)}.sheet-header__status{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.saving-badge{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim);font-size:.65rem;animation:.3s fadeIn}.xp-box{align-items:center;gap:.4rem;display:flex}.xp-input{background:var(--bg-stone);border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ui);text-align:center;outline:none;width:80px;padding:.2rem .4rem;font-size:.85rem}.sheet-tabs{border-bottom:1px solid var(--border-dim);background:var(--bg-deep);gap:0;display:flex;overflow-x:auto}.sheet-tab{color:var(--text-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.875rem 1.5rem;font-size:.75rem;transition:all .2s}.sheet-tab:hover{color:var(--text-secondary)}.sheet-tab--active{color:var(--gold);border-bottom-color:var(--gold)}.sheet-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem}.tab-core{flex-direction:column;gap:1.25rem;display:flex}.attrs-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.stat-box{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.15rem;padding:.75rem .5rem;transition:all .2s;display:flex}.stat-box:hover{border-color:var(--border-subtle);background:var(--bg-raised)}.stat-box__label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.6rem}.stat-box__mod{font-family:var(--font-display);color:var(--gold-bright);font-size:1.3rem;font-weight:700;line-height:1}.stat-box__value{font-family:var(--font-ui);color:var(--text-secondary);border:1px solid var(--border-dim);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;display:flex}.attr-editor{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem;display:flex}.prof-row{align-items:center;gap:1rem;display:flex}.prof-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:70px;padding:.5rem .875rem;display:flex}.prof-box__value{font-family:var(--font-display);color:var(--gold);font-size:1.1rem}.prof-box__label{font-family:var(--font-ui);color:var(--text-muted);font-size:.65rem}.inspiration-btn{border:1px solid var(--border-dim);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:.06em;background:0 0;padding:.4rem .875rem;font-size:.72rem;transition:all .2s}.inspiration-btn--active{border-color:var(--gold);color:var(--gold);background:#c9a84c14}.sheet-section-header{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-dim);margin-bottom:.5rem;padding-bottom:.4rem;font-size:.7rem}.st-list,.skill-list{flex-direction:column;gap:.2rem;display:flex}.st-row,.skill-row{align-items:center;gap:.5rem;padding:.2rem 0;display:flex}.st-val,.skill-val{font-family:var(--font-ui);color:var(--gold);text-align:right;min-width:28px;font-size:.82rem}.st-label,.skill-label{font-family:var(--font-ui);color:var(--text-secondary);flex:1;font-size:.85rem}.skill-attr{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.06em;font-size:.6rem}.prof-dot{border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .15s}.prof-dot--active{background:var(--gold);border-color:var(--gold)}.prof-dot--expertise{background:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 4px #c9a84c66}.tab-combat{flex-direction:column;gap:1.25rem;display:flex}.combat-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.combat-stat{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.2rem;padding:.75rem;display:flex}.combat-stat__value{font-family:var(--font-display);color:var(--gold-bright);text-align:center;background:0 0;border:none;outline:none;width:70px;font-size:1.5rem}.combat-stat__label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:center;font-size:.6rem}.combat-stat__sub{font-family:var(--font-ui);color:var(--text-muted);font-size:.75rem}.hp-section{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:1rem}.hp-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.875rem;display:grid}.hp-input{background:var(--bg-deep);border:1px solid var(--border-dim);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-display);text-align:center;outline:none;width:100%;padding:.5rem;font-size:1.3rem;transition:border-color .2s}.hp-input:focus{border-color:var(--border-subtle)}.hp-input--current{color:#e07060;border-color:#e070604d}.hp-input--temp{color:#7ec850;border-color:#7ec8504d}.hp-bar-wrap{background:var(--bg-deep);border-radius:2px;height:4px;overflow:hidden}.hp-bar{background:linear-gradient(90deg,#8b1a1a,#e07060);border-radius:2px;height:100%;transition:width .4s}.hit-dice-section,.attacks-section{flex-direction:column;gap:.5rem;display:flex}.death-saves{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);flex-direction:column;gap:.4rem;padding:.875rem;display:flex}.death-saves__label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem}.death-saves__row{align-items:center;gap:.5rem;display:flex}.death-dot{border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:50%;width:14px;height:14px;transition:all .15s}.death-dot--success{background:#7ec850;border-color:#7ec850}.death-dot--failure{background:#e07060;border-color:#e07060}.new-attack-form{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem;display:grid}.attacks-table{flex-direction:column;gap:0;display:flex}.attacks-table__header,.attacks-table__row{font-family:var(--font-ui);grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.82rem;display:grid}.attacks-table__header{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border-dim);font-size:.7rem}.attacks-table__row{border-bottom:1px solid var(--border-dim);color:var(--text-secondary)}.attacks-table__row:last-child{border-bottom:none}.tab-inventory{flex-direction:column;gap:1.25rem;display:flex}.coins-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.coin-box{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.25rem;padding:.6rem;display:flex}.coin-box__label{font-family:var(--font-display);letter-spacing:.05em;font-size:.7rem;font-weight:700}.coin-box__value{font-family:var(--font-ui);color:var(--text-primary);font-size:1rem}.item-search{position:relative}.item-dropdown{z-index:20;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.item-dropdown__option{cursor:pointer;width:100%;color:var(--text-secondary);font-family:var(--font-ui);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.6rem .875rem;font-size:.85rem;transition:background .15s;display:flex}.item-dropdown__option:hover{background:var(--bg-hover);color:var(--text-primary)}.inventory-list{flex-direction:column;gap:.35rem;display:flex}.inventory-item{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.5rem .75rem;transition:border-color .2s;display:flex}.inventory-item--equipped{background:#c9a84c0a;border-color:#c9a84c4d}.inventory-item__equip{cursor:pointer;color:var(--text-muted);background:0 0;border:none;width:24px;font-size:.9rem;transition:color .2s}.inventory-item--equipped .inventory-item__equip{color:var(--gold)}.inventory-item__info{flex:1;min-width:0}.inventory-item__name{font-family:var(--font-ui);color:var(--text-primary);font-size:.88rem;display:block}.inventory-item__type{color:var(--text-muted);font-size:.75rem}.inventory-item__qty{font-family:var(--font-ui);color:var(--text-muted);font-size:.8rem}.tab-lore{flex-direction:column;gap:1.25rem;display:flex}.lore-grid{grid-template-columns:repeat(2,1fr);gap:.875rem;display:grid}.lore-field{flex-direction:column;display:flex}.lore-textarea{resize:vertical;font-family:var(--font-body);font-size:.95rem;line-height:1.5}.appearance-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.editable-field{background:var(--bg-deep);border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ui);outline:none;width:100%;padding:.4rem .6rem;font-size:.9rem;transition:border-color .2s}.editable-field:focus{border-color:var(--border-subtle)}@media (width<=600px){.sheet-header{padding:.75rem 1rem}.sheet-content{padding:1rem}.attrs-grid,.combat-stats-grid,.hp-grid{grid-template-columns:repeat(3,1fr)}.lore-grid{grid-template-columns:1fr}.appearance-grid{grid-template-columns:repeat(2,1fr)}.char-list-header{padding:.875rem 1rem}.char-list-header h1{font-size:.95rem}}.tab-spells{flex-direction:column;gap:1.5rem;display:flex}.spells-no-magic{min-height:30vh;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.spell-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.spell-stat-box{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;display:flex}.spell-stat-box__label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:center;font-size:.6rem}.spell-stat-box__value{font-family:var(--font-display);color:var(--gold-bright);font-size:1.4rem}.spell-slots-section{flex-direction:column;gap:.5rem;display:flex}.spell-slots-grid{flex-direction:column;gap:.4rem;display:flex}.spell-slot-row{align-items:center;gap:.75rem;display:flex}.spell-slot-row__label{font-family:var(--font-display);color:var(--text-muted);text-align:right;width:20px;font-size:.72rem}.spell-slot-pips{flex-wrap:wrap;gap:.35rem;display:flex}.spell-pip{cursor:pointer;border:1px solid;border-radius:50%;width:18px;height:18px;transition:all .15s}.spell-pip--available{border-color:var(--gold-dim);background:#c9a84c26}.spell-pip--available:hover{background:#c9a84c4d}.spell-pip--used{background:var(--bg-stone);border-color:var(--border-dim)}.spell-slot-row__count{font-family:var(--font-ui);color:var(--text-muted);min-width:36px;font-size:.78rem}.spell-search-section{flex-direction:column;gap:.5rem;display:flex}.spell-catalog{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex;overflow:hidden}.spell-catalog-item{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:background .15s;display:flex}.spell-catalog-item:last-child{border-bottom:none}.spell-catalog-item:hover{background:var(--bg-hover)}.spell-catalog-item__info{cursor:pointer;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.spell-catalog-item__name{font-family:var(--font-ui);color:var(--text-primary);font-size:.88rem}.spell-catalog-item__school{color:var(--text-muted);font-size:.75rem}.spell-level-badge{font-family:var(--font-display);letter-spacing:.06em;border-radius:var(--radius-sm);white-space:nowrap;border:1px solid;padding:.15rem .45rem;font-size:.62rem;font-weight:700}.spell-tag{font-family:var(--font-display);letter-spacing:.08em;border-radius:var(--radius-sm);border:1px solid var(--gold-dim);color:var(--gold-dim);background:#c9a84c0f;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.spell-tag--lg{padding:.2rem .6rem;font-size:.68rem}.spell-list-section{flex-direction:column;gap:.75rem;display:flex}.spell-level-group{flex-direction:column;gap:.25rem;display:flex}.spell-level-group__header{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim);border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;margin-bottom:.25rem;padding-bottom:.3rem;font-size:.72rem;display:flex}.spell-level-group__slots{color:var(--text-muted);font-size:.65rem}.spell-entry{border-radius:var(--radius-sm);align-items:center;gap:.6rem;padding:.4rem .5rem;transition:background .15s;display:flex}.spell-entry:hover{background:var(--bg-raised)}.spell-entry__info{cursor:pointer;flex:1;min-width:0}.spell-entry__name{font-family:var(--font-ui);color:var(--text-primary);font-size:.88rem;display:block}.spell-entry__meta{color:var(--text-muted);font-size:.75rem}.spell-prepared-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;width:22px;font-size:1rem;transition:color .15s}.spell-prepared-btn--active{color:var(--gold)}.spell-detail-modal{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:.875rem;width:100%;max-width:520px;max-height:80vh;padding:1.75rem;display:flex;overflow-y:auto}.spell-detail-modal__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.spell-detail-modal__header h2{font-size:1.1rem}.spell-detail-modal__stats{background:var(--bg-stone);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.875rem;display:grid}.spell-detail-stat{flex-direction:column;gap:.15rem;display:flex}.notes-overlay{z-index:40;background:#00000080;position:fixed;inset:0}.notes-panel{z-index:50;background:var(--bg-surface);border-left:1px solid var(--border-subtle);flex-direction:column;width:380px;max-width:95vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #0009}.notes-panel__header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.notes-panel__header h2{color:var(--gold-bright);font-size:1rem}.notes-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.25rem;font-size:1rem;transition:color .2s}.notes-close-btn:hover{color:var(--text-primary)}.notes-toolbar{border-bottom:1px solid var(--border-dim);gap:.5rem;padding:.875rem 1.25rem;display:flex}.notes-list{flex-direction:column;flex:1;gap:.4rem;padding:.75rem 1.25rem;display:flex;overflow-y:auto}.notes-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;font-style:italic;display:flex}.notes-group-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:.5rem 0 .25rem;font-size:.65rem}.note-card{background:var(--bg-raised);border:1px solid var(--border-dim);border-radius:var(--radius-md);cursor:pointer;padding:.75rem;transition:all .2s}.note-card:hover{border-color:var(--border-subtle);background:var(--bg-hover)}.note-card__header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.3rem;display:flex}.note-card__title{font-family:var(--font-display);color:var(--gold-bright);flex:1;font-size:.85rem}.note-card__actions{opacity:0;gap:.25rem;transition:opacity .2s;display:flex}.note-card:hover .note-card__actions{opacity:1}.note-card__preview{font-family:var(--font-ui);color:var(--text-muted);margin-bottom:.3rem;font-size:.8rem;line-height:1.4}.note-card__date{font-family:var(--font-ui);color:var(--text-muted);font-size:.7rem}.note-pin-btn{cursor:pointer;opacity:.4;background:0 0;border:none;padding:.1rem;font-size:.75rem;transition:opacity .2s}.note-pin-btn--active{opacity:1}.note-delete-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.1rem .3rem;font-size:.8rem;transition:color .2s}.note-delete-btn:hover{color:#e07060}.note-editor{flex-direction:column;flex:1;display:flex;overflow:hidden}.note-editor__header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.notes-back-btn{cursor:pointer;color:var(--gold);font-family:var(--font-display);letter-spacing:.06em;background:0 0;border:none;padding:0;font-size:.75rem;transition:color .2s}.notes-back-btn:hover{color:var(--gold-bright)}.notes-saving{font-family:var(--font-display);letter-spacing:.1em;color:var(--gold-dim);text-align:center;flex:1;font-size:.65rem}.note-title-input{border:none;border-bottom:1px solid var(--border-dim);color:var(--gold-bright);font-family:var(--font-display);letter-spacing:.03em;background:0 0;outline:none;width:100%;padding:1rem 1.25rem .75rem;font-size:1rem;transition:border-color .2s}.note-title-input:focus{border-bottom-color:var(--border-subtle)}.note-title-input::placeholder{color:var(--text-muted)}.note-content-input{color:var(--text-primary);font-family:var(--font-body);resize:none;background:0 0;border:none;outline:none;flex:1;padding:1rem 1.25rem;font-size:1rem;line-height:1.7;overflow-y:auto}.note-content-input::placeholder{color:var(--text-muted)}.notes-panel-embedded{background:var(--bg-surface);flex-direction:column;height:100%;display:flex}.floating-window{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 40px #00000080;flex-direction:column;min-width:320px;display:flex;position:fixed;overflow:hidden}.floating-window--focused{border-color:var(--border-glow);box-shadow:var(--shadow-lg),0 0 0 1px #c9a84c33,0 0 40px #0009}.floating-window--maximized{border-radius:var(--radius-lg);transition:all .2s}.window-titlebar{background:var(--bg-deep);border-bottom:1px solid var(--border-dim);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.floating-window--maximized .window-titlebar{cursor:default}.window-titlebar:active{cursor:grabbing}.window-titlebar__icon{font-size:.9rem}.window-titlebar__title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-bright);flex:1;font-size:.72rem}.window-controls{gap:.25rem;display:flex}.window-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;line-height:1;transition:all .2s;display:flex}.window-btn--minimize{background:var(--gold-dim);color:#1a1208}.window-btn--maximize{color:#fff;background:#4a90a4}.window-btn--close{background:var(--ember);color:#fff}.window-btn:hover{opacity:.8;transform:scale(1.1)}.window-body{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.window-resize-handle{cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--border-subtle) 50%);border-radius:0 0 var(--radius-lg) 0;width:16px;height:16px;position:absolute;bottom:0;right:0}.window-taskbar{z-index:150;pointer-events:none;gap:.4rem;padding:.4rem 1rem;display:flex;position:fixed;bottom:0;left:60px;right:0}.taskbar-item{pointer-events:all;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;color:var(--text-secondary);border-bottom:none;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.65rem;transition:all .2s;display:flex}.taskbar-item:hover{background:var(--bg-raised);color:var(--gold)}.taskbar-item--focused{color:var(--gold);border-color:var(--border-glow)}.notes-panel-embedded,.spellbook-panel-embedded,.shop-panel-embedded{background:var(--bg-surface);flex-direction:column;height:100%;display:flex}.panel-overlay{z-index:40;background:#00000080;position:fixed;inset:0}.panel-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;margin-left:auto;padding:.25rem;font-size:1rem;transition:color .2s}.panel-close-btn:hover{color:var(--text-primary)}.spellbook-panel{z-index:50;background:var(--bg-surface);border-left:1px solid var(--border-subtle);flex-direction:column;width:560px;max-width:95vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #0009}.spellbook-panel__header{border-bottom:1px solid var(--border-dim);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.spellbook-panel__header h2{color:var(--gold-bright);font-size:1rem}.spellbook-panel__filters{border-bottom:1px solid var(--border-dim);grid-template-columns:1fr 1fr;gap:.4rem;padding:.75rem 1.25rem;display:grid}.spellbook-panel__body{flex:1;min-height:0;display:flex;overflow:hidden}.spellbook-panel__list{flex:1;padding:.4rem;overflow-y:auto}.spell-panel-row{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:.6rem;padding:.5rem .6rem;transition:background .15s;display:flex}.spell-panel-row:hover{background:var(--bg-raised)}.spell-panel-row--active{background:var(--bg-raised);border-color:var(--border-subtle)}.spell-panel-badge{font-family:var(--font-display);text-align:center;border:1px solid;border-radius:4px;min-width:20px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.spell-panel-info{flex:1;min-width:0}.spell-panel-name{font-family:var(--font-ui);color:var(--text-primary);font-size:.85rem;display:block}.spell-panel-meta{color:var(--text-muted);font-size:.72rem}.spell-tag-xs{font-family:var(--font-display);border:1px solid var(--gold-dim);color:var(--gold-dim);border-radius:3px;padding:.1rem .3rem;font-size:.55rem;font-weight:700}.spell-panel-detail{border-left:1px solid var(--border-dim);background:var(--bg-deep);flex-shrink:0;width:260px;padding:1rem;overflow-y:auto}.spell-panel-stats{background:var(--bg-stone);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:.4rem;padding:.75rem;display:grid}.spell-panel-stat{flex-direction:column;gap:.1rem;display:flex}@media (width<=600px){.spellbook-panel{width:100%}.spellbook-panel__body{flex-direction:column}.spell-panel-detail{border-left:none;border-top:1px solid var(--border-dim);width:100%}}.spellbook-panel-embedded{background:var(--bg-surface);flex-direction:column;height:100%;display:flex}.split-divider{background:var(--border-dim);cursor:col-resize;flex-shrink:0;width:5px;transition:background .2s;position:relative}.split-divider:hover{background:var(--gold-dim)}.split-divider:after{content:"⋮";color:var(--text-muted);pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spellbook-panel__tabs{gap:0;display:flex}.sp-tab{color:var(--text-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .875rem;font-size:.65rem;transition:all .2s}.sp-tab--active{color:var(--gold);border-bottom-color:var(--gold)}.sp-tab:hover{color:var(--text-secondary)}.sidebar-tools{z-index:30;background:var(--bg-deep);border:1px solid var(--border-dim);border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:var(--shadow-md);border-left:none;flex-direction:column;gap:.25rem;padding:.5rem .25rem;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.sidebar-tool-btn{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:.2rem;min-width:52px;padding:.6rem .5rem;transition:all .2s;display:flex}.sidebar-tool-btn:hover{background:var(--bg-raised);border-color:var(--border-dim)}.sidebar-tool-btn--active{border-color:var(--border-subtle);background:#c9a84c1a}.sidebar-tool-btn__icon{font-size:1.2rem;line-height:1}.sidebar-tool-btn__label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.55rem}.sidebar-tool-btn--active .sidebar-tool-btn__label{color:var(--gold)}@media (width<=600px){.sidebar-tools{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-left:1px solid var(--border-dim);border-bottom:none;flex-direction:row;justify-content:center;padding:.5rem;inset:auto 0 0;transform:none}}.spellbook-page{background:var(--bg-void);flex-direction:column;min-height:100vh;display:flex}.spellbook-header{border-bottom:1px solid var(--border-dim);background:var(--bg-deep);z-index:10;align-items:center;gap:1rem;padding:.875rem 1.5rem;display:flex;position:sticky;top:0}.spellbook-header h1{flex:1;font-size:1.1rem}.spellbook-total{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-muted);font-size:.72rem}.spellbook-layout{flex:1;gap:0;min-height:0;display:flex}.spellbook-filters{background:var(--bg-deep);border-right:1px solid var(--border-dim);flex-direction:column;flex-shrink:0;gap:.875rem;width:220px;padding:1.25rem;display:flex;overflow-y:auto}.spellbook-filters__header{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.clear-filters-btn{cursor:pointer;color:var(--ember-bright);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;font-size:.65rem}.filter-group{flex-direction:column;gap:.4rem;display:flex}.filter-checkbox{font-family:var(--font-ui);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.filter-checkbox input{accent-color:var(--gold)}.spellbook-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.spellbook-loading,.spellbook-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;font-style:italic;display:flex}.spellbook-content{flex:1;min-height:0;display:flex;overflow:hidden}.spell-list{flex:1;padding:.5rem;overflow-y:auto}.spell-row{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:background .15s;display:flex}.spell-row:hover{background:var(--bg-raised)}.spell-row--active{background:var(--bg-raised);border-color:var(--border-subtle)}.spell-row__badge{font-family:var(--font-display);letter-spacing:.06em;border-radius:var(--radius-sm);white-space:nowrap;text-align:center;border:1px solid;min-width:42px;padding:.15rem .45rem;font-size:.62rem;font-weight:700}.spell-row__info{flex:1;min-width:0}.spell-row__name{font-family:var(--font-ui);color:var(--text-primary);font-size:.9rem;display:block}.spell-row__meta{color:var(--text-muted);font-size:.75rem}.spell-row__tags{gap:.25rem;display:flex}.spell-tag-sm{font-family:var(--font-display);letter-spacing:.08em;border-radius:var(--radius-sm);border:1px solid var(--gold-dim);color:var(--gold-dim);background:#c9a84c0f;padding:.1rem .35rem;font-size:.58rem;font-weight:700}.spellbook-pagination{border-top:1px solid var(--border-dim);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.spell-detail{border-left:1px solid var(--border-dim);background:var(--bg-surface);flex-direction:column;flex-shrink:0;gap:.875rem;width:360px;padding:1.5rem;display:flex;overflow-y:auto}.spell-detail__name-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.spell-detail__name-row h2{font-size:1.1rem;line-height:1.3}.spell-detail__close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.2rem;font-size:1rem;transition:color .2s}.spell-detail__close:hover{color:var(--text-primary)}.spell-detail__type{font-size:.88rem;font-style:italic}.spell-detail__stats{background:var(--bg-stone);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:.5rem;padding:.875rem;display:grid}.spell-detail__stat{font-family:var(--font-ui);color:var(--text-secondary);flex-direction:column;gap:.15rem;font-size:.82rem;display:flex}.spell-detail__tags{flex-wrap:wrap;gap:.4rem;display:flex}.spell-tag-pill{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--gold-dim);color:var(--gold-dim);background:#c9a84c0f;padding:.2rem .6rem;font-size:.65rem;font-weight:600}.spell-detail__desc{font-family:var(--font-body);color:var(--text-secondary);font-size:.95rem;line-height:1.7}.spell-detail__higher{background:var(--bg-stone);border-left:2px solid var(--gold-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.75rem}.spell-detail__higher p{font-family:var(--font-ui);color:var(--text-secondary);margin-top:.3rem;font-size:.85rem}.spell-class-pill{font-family:var(--font-display);letter-spacing:.06em;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--bg-raised);padding:.2rem .6rem;font-size:.65rem}@media (width<=768px){.spellbook-layout{flex-direction:column}.spellbook-filters{flex-flow:wrap;gap:.5rem;width:100%}.spellbook-content{flex-direction:column}.spell-detail{border-left:none;border-top:1px solid var(--border-dim);width:100%}}.notes-page{background:var(--bg-void);flex-direction:column;min-height:100vh;display:flex}.notes-page-header{border-bottom:1px solid var(--border-dim);background:var(--bg-deep);z-index:10;align-items:center;gap:1rem;padding:.875rem 1.5rem;display:flex;position:sticky;top:0}.notes-page-header h1{flex:1;font-size:1.1rem}.notes-page-body{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:1.5rem 2rem}.notes-search-bar{margin-bottom:1.5rem}.notes-page-empty{min-height:40vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;font-style:italic;display:flex}.notes-page-group{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:.75rem 0 .4rem;font-size:.65rem}.notes-page-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.875rem;display:grid}.note-page-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:.4rem;padding:1rem;transition:all .2s;display:flex}.note-page-card:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-md);transform:translateY(-2px)}.note-page-card__header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.note-page-card__title{font-family:var(--font-display);color:var(--gold-bright);flex:1;font-size:.9rem;line-height:1.3}.note-page-card__actions{opacity:0;gap:.25rem;transition:opacity .2s;display:flex}.note-page-card:hover .note-page-card__actions{opacity:1}.note-pin{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.1rem;font-size:.8rem}.note-pin--on{color:var(--gold)}.note-del{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.1rem .3rem;font-size:.8rem}.note-del:hover{color:#e07060}.note-page-card__preview{font-family:var(--font-ui);color:var(--text-muted);flex:1;font-size:.8rem;line-height:1.4}.note-page-card__date{font-family:var(--font-ui);color:var(--text-muted);font-size:.7rem}.note-editor-page{background:var(--bg-void);flex-direction:column;min-height:100vh;display:flex}.note-editor-page__header{border-bottom:1px solid var(--border-dim);background:var(--bg-deep);align-items:center;gap:.75rem;padding:.875rem 1.5rem;display:flex}.notes-saving-label{text-align:center;font-family:var(--font-display);letter-spacing:.1em;color:var(--gold-dim);flex:1;font-size:.65rem}.note-page-title{border:none;border-bottom:1px solid var(--border-dim);color:var(--gold-bright);font-family:var(--font-display);letter-spacing:.03em;background:0 0;outline:none;width:100%;padding:1.25rem 2rem .875rem;font-size:1.4rem}.note-page-title::placeholder{color:var(--text-muted)}.note-page-title:focus{border-bottom-color:var(--border-subtle)}.note-page-content{color:var(--text-primary);font-family:var(--font-body);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:calc(100vh - 120px);padding:1.25rem 2rem;font-size:1.05rem;line-height:1.8}.note-page-content::placeholder{color:var(--text-muted)}.mesa-page{background:var(--bg-void);flex-direction:column;min-height:100vh;display:flex}.mesa-header{border-bottom:1px solid var(--border-dim);background:var(--bg-deep);z-index:10;align-items:center;gap:1rem;padding:.875rem 1.5rem;display:flex;position:sticky;top:0}.mesa-header h1{flex:1;font-size:1.1rem}.mesa-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem}.mesa-empty{min-height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.campaign-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.campaign-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);cursor:pointer;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.campaign-card:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-md);transform:translateY(-2px)}.campaign-card__icon{font-size:1.5rem;font-family:var(--font-display);color:var(--gold);flex-shrink:0;font-weight:700}.campaign-card__body{flex:1;min-width:0}.campaign-card__title{font-family:var(--font-display);color:var(--gold-bright);margin-bottom:.25rem;font-size:.95rem}.campaign-card__meta{font-family:var(--font-ui);color:var(--text-muted);font-size:.75rem}.campaign-card__sessions{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold-dim);margin-top:.3rem;font-size:.65rem}.mesa-new-modal{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;width:100%;max-width:720px;max-height:85vh;padding:2rem;display:flex;overflow-y:auto}.mesa-new-modal h2{font-size:1.1rem}.scenario-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.scenario-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex-direction:column;gap:.3rem;padding:1rem;transition:all .2s;display:flex}.scenario-card:hover{border-color:var(--border-subtle);background:var(--bg-raised)}.scenario-card--selected{border-color:var(--gold);background:#c9a84c14}.scenario-card__icon{font-size:1.4rem;font-family:var(--font-display);color:var(--gold);font-weight:700}.scenario-card__title{font-family:var(--font-display);color:var(--gold-bright);font-size:.8rem}.scenario-card__desc{font-family:var(--font-ui);color:var(--text-muted);flex:1;font-size:.73rem;line-height:1.4}.scenario-card__tags{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.scenario-tag{font-family:var(--font-display);letter-spacing:.06em;border-radius:var(--radius-sm);border:1px solid var(--border-dim);color:var(--text-muted);padding:.1rem .4rem;font-size:.58rem}.mesa-session{background:var(--bg-void);flex-direction:column;height:100vh;display:flex}.mesa-session-header{border-bottom:1px solid var(--border-dim);background:var(--bg-deep);flex-shrink:0;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.mesa-session-header__title{flex:1;align-items:center;gap:1rem;display:flex}.mesa-session-header h1{font-size:.95rem}.mesa-thinking{font-family:var(--font-display);letter-spacing:.1em;color:var(--gold-dim);font-size:.65rem}.mesa-session-body{flex:1;min-height:0;display:flex;overflow:hidden}.mesa-chat{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mesa-chat__messages{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.mesa-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60%;padding:2rem;display:flex}.mesa-welcome h2{font-size:1.2rem}.mesa-welcome p{color:var(--text-muted);font-style:italic}.mesa-welcome__suggestions{flex-direction:column;gap:.5rem;width:100%;max-width:400px;margin-top:.5rem;display:flex}.suggestion-btn{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);text-align:left;padding:.6rem 1rem;font-size:.9rem;transition:all .2s}.suggestion-btn:hover{border-color:var(--gold);color:var(--text-primary);background:#c9a84c0f}.chat-msg{align-items:flex-start;gap:.75rem;max-width:85%;display:flex}.chat-msg--user{flex-direction:row-reverse;align-self:flex-end}.chat-msg--ai{align-self:flex-start}.chat-msg__avatar{width:28px;height:28px;font-family:var(--font-display);background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.chat-msg__avatar--user{border-color:var(--gold-dim);color:var(--gold);background:#c9a84c26}.chat-msg__bubble{background:var(--bg-raised);border:1px solid var(--border-dim);border-radius:var(--radius-lg);font-family:var(--font-body);color:var(--text-secondary);padding:.75rem 1rem;font-size:.95rem;line-height:1.7}.chat-msg--user .chat-msg__bubble{border-color:var(--border-subtle);color:var(--text-primary);background:#c9a84c14}.chat-msg__bubble p{min-height:1em;margin:0}.chat-option{color:var(--gold);font-weight:600}.chat-typing{align-items:center;gap:.3rem;min-width:60px;padding:.75rem 1rem;display:flex}.chat-typing span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-dice-event{border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);background:#c9a84c14;align-self:center;padding:.35rem .875rem;font-size:.72rem}.mesa-chat__input-area{border-top:1px solid var(--border-dim);background:var(--bg-deep);flex-shrink:0;gap:.75rem;padding:.875rem 1.25rem;display:flex}.mesa-input{background:var(--bg-stone);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);resize:none;outline:none;flex:1;padding:.6rem .875rem;font-size:.95rem;line-height:1.5;transition:border-color .2s}.mesa-input:focus{border-color:var(--border-glow)}.mesa-input::placeholder{color:var(--text-muted)}.mesa-send-btn{align-self:flex-end;padding:.6rem 1.25rem}.mesa-side{border-left:1px solid var(--border-dim);background:var(--bg-deep);flex-direction:column;flex-shrink:0;width:280px;display:flex}.mesa-side__tabs{border-bottom:1px solid var(--border-dim);display:flex}.mesa-side-tab{color:var(--text-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem;font-size:.65rem;transition:all .2s}.mesa-side-tab--active{color:var(--gold);border-bottom-color:var(--gold)}.mesa-side__content{flex:1;overflow-y:auto}.dice-panel{flex-direction:column;gap:.875rem;padding:1rem;display:flex}.dice-panel__header{justify-content:space-between;align-items:center;display:flex}.dice-panel__title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem}.dice-count-selector{gap:.25rem;display:flex}.dice-count-btn{background:var(--bg-stone);border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font-display);justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;transition:all .15s;display:flex}.dice-count-btn--active{border-color:var(--gold);color:var(--gold);background:#c9a84c26}.dice-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.dice-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--gold);cursor:pointer;font-family:var(--font-display);text-align:center;padding:.6rem .4rem;font-size:.78rem;font-weight:700;transition:all .2s}.dice-btn:hover{border-color:var(--gold);background:#c9a84c1f;transform:translateY(-1px)}.dice-results{flex-direction:column;gap:.25rem;max-height:200px;display:flex;overflow-y:auto}.dice-result{background:var(--bg-stone);border-radius:var(--radius-sm);font-family:var(--font-ui);align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.78rem;display:flex}.dice-result__label{color:var(--gold-dim);min-width:40px}.dice-result__rolls{color:var(--text-muted);flex:1}.dice-result__total{color:var(--gold);font-size:.9rem;font-weight:700}.char-panel{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.char-panel__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.char-panel__name{font-family:var(--font-display);color:var(--gold-bright);font-size:.95rem}.char-panel__meta{font-family:var(--font-ui);color:var(--text-muted);font-size:.75rem}.char-panel__hp-label{font-family:var(--font-ui);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.char-panel__stats{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.char-stat-box{background:var(--bg-stone);border:1px solid var(--border-dim);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.1rem;padding:.4rem;display:flex}.char-stat-box__val{font-family:var(--font-display);color:var(--gold-bright);font-size:.9rem}.char-stat-box__label{font-family:var(--font-ui);color:var(--text-muted);font-size:.6rem}.char-panel__inventory{flex-direction:column;gap:.3rem;display:flex}.char-inv-item{font-family:var(--font-ui);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.2rem 0;font-size:.8rem;display:flex}@media (width<=768px){.mesa-session-body{flex-direction:column}.mesa-side{border-left:none;border-top:1px solid var(--border-dim);width:100%;max-height:250px}}.cs2-page{--c-navy:#1a2040;--c-navy2:#232b54;--c-navy3:#0f1428;--c-gold:#c9a84c;--c-gold2:#e8c97a;--c-gold3:#8a6f32;--c-cream:#f5f0e4;--c-cream2:#ece5d2;--c-paper:#fbf8f1;--c-text:#1a1a14;--c-muted:#6a6a58;--c-red:#b03030;--c-blue:#3a6ea8;--c-violet:#7a5aa8;background:var(--c-cream);min-height:100vh;color:var(--c-text);padding-bottom:3rem;font-family:Crimson Text,Georgia,serif}.cs2-loading{color:#888;justify-content:center;align-items:center;min-height:60vh;display:flex}.cs2-topbar{z-index:50;background:var(--c-navy);border-bottom:2px solid var(--c-gold3);align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.cs2-topbar-title{flex:1;justify-content:center;align-items:center;gap:.6rem;display:flex}.cs2-brand{letter-spacing:.18em;text-transform:uppercase;color:var(--c-gold2);font-family:Cinzel,Georgia,serif;font-size:.8rem;font-weight:700}.cs2-save-dot{background:#4a9;border-radius:50%;width:8px;height:8px;transition:background .3s}.cs2-save-dot--active{background:var(--c-gold);animation:.8s infinite cs2pulse}@keyframes cs2pulse{50%{opacity:.4}}.cs2-btn-ghost{border:1px solid var(--c-gold3);color:var(--c-gold2);cursor:pointer;letter-spacing:.06em;background:0 0;border-radius:6px;min-height:38px;padding:.4rem .8rem;font-family:Cinzel,serif;font-size:.72rem;transition:all .2s}.cs2-btn-ghost:hover{background:#c9a84c26}.cs2-identity{background:linear-gradient(160deg, var(--c-navy) 0%, var(--c-navy2) 100%);border-bottom:3px solid var(--c-gold);gap:1rem;padding:1.25rem 1.5rem;display:flex}.cs2-id-main{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.cs2-input-name{border:none;border-bottom:1.5px solid var(--c-gold3);color:var(--c-gold2);background:0 0;outline:none;width:100%;padding:.2rem 0;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700}.cs2-input-name::placeholder{color:var(--c-gold3);opacity:.6}.cs2-id-row{gap:.75rem;display:flex}.cs2-input-sub{color:#e8e0c8;background:#ffffff0f;border:1px solid #c9a84c4d;border-radius:6px;outline:none;flex:1;min-width:0;padding:.4rem .6rem;font-family:Crimson Text,serif;font-size:.95rem}.cs2-input-sub::placeholder{color:#e8e0c866}.cs2-id-side{flex-direction:column;align-items:stretch;gap:.5rem;min-width:110px;display:flex}.cs2-level-box{border:1.5px solid var(--c-gold3);background:#c9a84c1f;border-radius:8px;flex-direction:column;align-items:center;padding:.3rem .6rem;display:flex}.cs2-level-label{letter-spacing:.18em;text-transform:uppercase;color:var(--c-gold3);font-family:Cinzel,serif;font-size:.55rem}.cs2-level-box input{color:var(--c-gold2);text-align:center;background:0 0;border:none;outline:none;width:60px;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.cs2-input-player{color:#e8e0c8;text-align:center;background:#ffffff0f;border:1px solid #c9a84c4d;border-radius:6px;outline:none;padding:.3rem .5rem;font-size:.82rem}.cs2-input-player::placeholder{color:#e8e0c866}.cs2-tabs{background:var(--c-navy3);border-bottom:1px solid var(--c-gold3);z-index:40;display:flex;position:sticky;top:54px}.cs2-tab{color:#9a917a;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;min-height:44px;padding:.7rem .5rem;font-family:Cinzel,serif;font-size:.7rem;transition:all .2s}.cs2-tab--active{color:var(--c-gold2);border-bottom-color:var(--c-gold);background:#c9a84c0f}.cs2-body{flex-direction:column;gap:1.25rem;max-width:1100px;margin:0 auto;padding:1.25rem 1rem;display:flex}.cs2-attrs{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.cs2-attr-card{background:var(--c-paper);border:1.5px solid var(--c-navy);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #1a20401f}.cs2-attr-card-title{letter-spacing:.2em;text-transform:uppercase;text-align:center;background:var(--c-navy);color:var(--c-gold2);padding:.5rem;font-family:Cinzel,serif;font-size:.7rem;font-weight:700}.cs2-attr-card-body{align-items:center;gap:.5rem;padding:.75rem;display:flex}.cs2-attr-item{flex-direction:column;flex:1;align-items:center;gap:.3rem;display:flex}.cs2-attr-name{letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);text-align:center;font-family:Cinzel,serif;font-size:.6rem}.cs2-attr-stepper{border:1.5px solid var(--c-navy);background:#fff;border-radius:8px;align-items:center;gap:.2rem;display:flex;overflow:hidden}.cs2-attr-stepper button{background:var(--c-cream2);cursor:pointer;color:var(--c-navy);border:none;justify-content:center;align-items:center;width:30px;height:38px;font-size:1rem;font-weight:700;transition:background .15s;display:flex}.cs2-attr-stepper button:hover{background:var(--c-gold2)}.cs2-attr-stepper span{color:var(--c-navy);text-align:center;min-width:32px;font-family:Cinzel,serif;font-size:1.3rem;font-weight:700}.cs2-defesa{flex-direction:column;align-items:center;gap:.2rem;display:flex}.cs2-defesa-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--c-navy);width:48px;height:54px;color:var(--c-gold2);justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:1.15rem;font-weight:700;display:flex}.cs2-defesa-label{letter-spacing:.15em;text-transform:uppercase;color:var(--c-muted);font-family:Cinzel,serif;font-size:.52rem}.cs2-resource{border-top:1px solid var(--c-cream2);padding:.6rem .75rem .75rem}.cs2-resource-head{justify-content:space-between;align-items:baseline;margin-bottom:.3rem;display:flex}.cs2-resource-label{letter-spacing:.12em;text-transform:uppercase;color:var(--c-navy);font-family:Cinzel,serif;font-size:.62rem;font-weight:700}.cs2-resource-nums{color:var(--c-navy);font-family:Cinzel,serif;font-size:.85rem;font-weight:700}.cs2-resource-bar{background:var(--c-cream2);border:1px solid var(--c-navy);border-radius:6px;height:10px;overflow:hidden}.cs2-resource-fill{border-radius:4px;height:100%;transition:width .3s}.cs2-resource-fill--vida{background:linear-gradient(90deg,#b03030,#d05050)}.cs2-resource-fill--foco{background:linear-gradient(90deg,#3a6ea8,#5a8ec8)}.cs2-resource-fill--inv{background:linear-gradient(90deg,#7a5aa8,#9a7ac8)}.cs2-resource-ctrl{gap:.4rem;margin-top:.45rem;display:flex}.cs2-resource-ctrl button{border:1.5px solid var(--c-navy);color:var(--c-navy);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:42px;height:36px;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.cs2-resource-ctrl button:hover{background:var(--c-gold2)}.cs2-resource-full{letter-spacing:.1em;text-transform:uppercase;flex:1;width:auto!important;font-family:Cinzel,serif!important;font-size:.62rem!important;font-weight:700!important}.cs2-stats{grid-template-columns:repeat(5,1fr);gap:.6rem;display:grid}.cs2-stat{background:var(--c-paper);border:1px solid var(--c-navy);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.cs2-stat-label{letter-spacing:.1em;text-transform:uppercase;background:var(--c-navy);color:var(--c-gold3);text-align:center;padding:.25rem .4rem;font-family:Cinzel,serif;font-size:.52rem}.cs2-stat input{color:var(--c-text);text-align:center;background:0 0;border:none;outline:none;width:100%;min-height:36px;padding:.4rem .3rem;font-family:Crimson Text,serif;font-size:.95rem}.cs2-skills{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.cs2-skill-col{background:var(--c-paper);border:1.5px solid var(--c-navy);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #1a20401a}.cs2-skill-col-title{letter-spacing:.18em;text-transform:uppercase;text-align:center;background:var(--c-navy);color:var(--c-gold2);padding:.4rem;font-family:Cinzel,serif;font-size:.62rem;font-weight:700}.cs2-skill{border-bottom:1px solid var(--c-cream2);align-items:center;gap:.5rem;min-height:44px;padding:.45rem .6rem;display:flex}.cs2-skill:nth-child(2n){background:#f6f2e8}.cs2-skill:last-child{border-bottom:none}.cs2-skill-mod{background:var(--c-navy);color:var(--c-gold2);text-align:center;border-radius:6px;flex-shrink:0;min-width:38px;padding:.2rem .3rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:700}.cs2-skill-name{flex:1;min-width:0;font-size:.92rem}.cs2-skill-name em{color:var(--c-muted);margin-left:.35rem;font-family:Cinzel,serif;font-size:.55rem;font-style:normal}.cs2-skill-custom{border:none;border-bottom:1px dashed var(--c-muted);color:var(--c-text);background:0 0;outline:none;flex:1;min-width:0;font-family:Crimson Text,serif;font-size:.9rem}.cs2-pips{flex-shrink:0;gap:3px;display:flex}.cs2-pip{border:1.5px solid var(--c-navy);cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;padding:0;transition:all .15s}.cs2-pip--filled{background:var(--c-navy)}.cs2-pip:hover{transform:scale(1.15)}.cs2-pips--lg .cs2-pip{width:20px;height:20px}.cs2-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cs2-grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.cs2-p2-col{flex-direction:column;gap:1rem;display:flex}.cs2-textbox{background:var(--c-paper);border:1.5px solid var(--c-navy);border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #1a204014}.cs2-textbox-title{letter-spacing:.15em;text-transform:uppercase;background:var(--c-navy);color:var(--c-gold2);padding:.4rem .75rem;font-family:Cinzel,serif;font-size:.6rem;font-weight:700}.cs2-textbox textarea{resize:vertical;color:var(--c-text);background:0 0;border:none;outline:none;width:100%;padding:.6rem .75rem;font-family:Crimson Text,serif;font-size:.95rem;line-height:1.6}.cs2-textbox textarea::placeholder{color:#b0a890}.cs2-objectives{flex-direction:column;padding:.4rem .6rem;display:flex}.cs2-objective{border-bottom:1px solid var(--c-cream2);align-items:center;gap:.5rem;min-height:42px;padding:.35rem 0;display:flex}.cs2-objective:last-child{border-bottom:none}.cs2-objective input{color:var(--c-text);background:0 0;border:none;border-bottom:1px dashed #c0b896;outline:none;flex:1;min-width:0;padding:.2rem 0;font-family:Crimson Text,serif;font-size:.9rem}@media (width<=900px){.cs2-attrs,.cs2-skills,.cs2-grid-3{grid-template-columns:1fr}.cs2-stats{grid-template-columns:repeat(2,1fr)}.cs2-stats .cs2-stat:last-child{grid-column:span 2}}@media (width<=600px){.cs2-identity{flex-direction:column;padding:1rem}.cs2-id-side{flex-direction:row;align-items:center}.cs2-id-row{flex-direction:column;gap:.5rem}.cs2-input-name{font-size:1.15rem}.cs2-body{gap:1rem;padding:.875rem .6rem}.cs2-grid-2{grid-template-columns:1fr}.cs2-brand{font-size:.65rem}.cs2-tabs{top:50px}.cs2-attr-stepper button{width:36px;height:42px}.cs2-pip{width:18px;height:18px}}@page{size:A4 portrait;margin:6mm}*{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1a2040;--navy2:#0f1428;--gold:#c9a84c;--gold2:#e8c97a;--gold3:#8a6f32;--cream:#f5f0e4;--cream2:#ede5d0;--border:#1a2040;--text:#0a0e1e;--muted:#4a4e6a}body{background:#888}.cp-page{background:var(--cream);width:197mm;min-height:280mm;color:var(--text);flex-direction:column;gap:2mm;padding:3mm;font-family:Cinzel,Georgia,serif;font-size:7pt;display:flex;position:relative}.cp-page:before{content:"";border:2px solid var(--navy);pointer-events:none;z-index:0;position:absolute;inset:1mm}.cp-page:after{content:"";border:.5px solid var(--gold3);pointer-events:none;z-index:0;position:absolute;inset:2.5mm}.cp-page>*{z-index:1;position:relative}.cp-header{background:var(--navy);border:1.5px solid var(--gold3);gap:0;display:flex;overflow:hidden}.cp-header-left{background:linear-gradient(135deg, var(--navy2) 0%, var(--navy) 100%);border-right:1px solid var(--gold3);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:32mm;padding:3mm 4mm;display:flex}.cp-brand{letter-spacing:.08em;color:var(--gold2);text-transform:uppercase;font-size:8pt;font-weight:900;line-height:1.15}.cp-sub{letter-spacing:.2em;color:var(--gold3);text-transform:uppercase;margin-top:1mm;font-size:4.5pt}.cp-header-center{flex-direction:column;flex:1;gap:1.5mm;padding:2mm 3mm;display:flex}.cp-header-right{border-left:1px solid var(--gold3);min-width:35mm;padding:2mm 3mm}.cp-field-row{gap:2mm;display:flex}.cp-field-block{flex-direction:column;flex:1;display:flex}.cp-field-block--wide{flex:2}.cp-field-block--narrow{flex:1}.cp-field-label{letter-spacing:.15em;text-transform:uppercase;color:var(--gold3);border-bottom:.5px solid var(--gold3);margin-bottom:.8mm;padding-bottom:.3mm;font-size:4.5pt}.cp-field-value{color:var(--gold2);min-height:5mm;font-family:Crimson Text,Georgia,serif;font-size:9pt}.cp-section-title{letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--navy);border-left:3px solid var(--gold);margin-bottom:1mm;padding:1mm 2mm;font-size:5.5pt;font-weight:700}.cp-attrs-section{gap:2mm;display:flex}.cp-attr-group{border:1.5px solid var(--navy);flex:1;overflow:hidden}.cp-attr-group-title{letter-spacing:.18em;text-transform:uppercase;text-align:center;background:var(--navy);color:var(--gold2);padding:1mm;font-size:6pt;font-weight:700}.cp-attr-group-inner{background:var(--cream2);align-items:center;gap:1mm;padding:1.5mm;display:flex}.cp-attr-col{flex:1;gap:1mm;display:flex}.cp-attr-box{border:1.5px solid var(--navy);text-align:center;background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:11mm;padding:1mm .5mm;display:flex}.cp-attr-label{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:4.5pt}.cp-attr-value{color:var(--navy);font-size:14pt;font-weight:700;line-height:1}.cp-def-col{flex-direction:column;align-items:center;gap:.5mm;display:flex}.cp-def-label{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:4pt}.cp-def-box{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:1.5px solid var(--navy);width:10mm;height:11mm;color:var(--navy);background:#fff;justify-content:center;align-items:center;font-size:10pt;font-weight:700;display:flex}.cp-resource-row{background:var(--navy);color:var(--gold2);letter-spacing:.08em;align-items:center;gap:2mm;padding:1mm 1.5mm;font-size:5pt;display:flex}.cp-res-label{color:var(--gold2);font-size:5.5pt;font-weight:700}.cp-res-max{color:var(--gold3)}.cp-res-cur{color:#e07060}.cp-res-extra{color:var(--gold3);margin-left:auto}.cp-stats-row{border:1.5px solid var(--navy);gap:0;display:flex;overflow:hidden}.cp-stat-box{text-align:center;border-right:1px solid var(--navy);background:#fff;flex:1}.cp-stat-box:last-child{border-right:none}.cp-stat-label{letter-spacing:.12em;text-transform:uppercase;background:var(--navy);color:var(--gold3);padding:.5mm;font-size:4.5pt}.cp-stat-value{min-height:5mm;color:var(--navy);padding:.5mm;font-family:Crimson Text,serif;font-size:8pt}.cp-skills-section{border:1.5px solid var(--navy);gap:0;display:flex;overflow:hidden}.cp-skills-col{border-right:1px solid var(--navy);background:#fff;flex:1}.cp-skills-col:last-child{border-right:none}.cp-skill-row{border-bottom:.5px solid var(--cream2);align-items:center;gap:1mm;min-height:5.5mm;padding:.6mm 1.5mm;display:flex}.cp-skill-row:nth-child(2n){background:#f8f5ee}.cp-skill-mod{text-align:center;background:var(--navy);min-width:7mm;color:var(--gold2);border-radius:2px;padding:.2mm .5mm;font-size:7pt;font-weight:700}.cp-skill-label{color:var(--text);flex:1;font-size:6pt}.cp-skill-attr{color:var(--muted);min-width:7mm;font-size:4.5pt}.cp-pips{gap:.8mm;display:flex}.cp-pip{border:1px solid var(--navy);background:#fff;border-radius:50%;width:3mm;height:3mm;display:inline-block}.cp-pip--filled{background:var(--navy)}.cp-bottom-section{flex:1;gap:2mm;display:flex}.cp-bottom-left{flex-direction:column;flex:1;gap:2mm;display:flex}.cp-bottom-right{flex-direction:column;flex:2;gap:2mm;display:flex}.cp-box{border:1.5px solid var(--navy);flex-direction:column;display:flex;overflow:hidden}.cp-box--flex{flex:1}.cp-box--flex2{flex:2}.cp-box-title{letter-spacing:.15em;text-transform:uppercase;background:var(--navy);color:var(--gold2);padding:1mm 1.5mm;font-size:5.5pt;font-weight:700}.cp-box-content{white-space:pre-wrap;color:var(--text);background:#fff;flex:1;padding:1.5mm;font-family:Crimson Text,Georgia,serif;font-size:7pt;line-height:1.5}.cp-page--p2{page-break-before:always}.cp-attrs-mini{gap:2mm;margin-bottom:2mm;display:flex}.cp-attr-mini-group{border:1.5px solid var(--navy);flex:1;overflow:hidden}.cp-attr-mini-title{letter-spacing:.15em;text-align:center;background:var(--navy);color:var(--gold2);padding:.8mm;font-size:5.5pt;font-weight:700}.cp-attr-mini-inner{background:var(--cream2);align-items:center;gap:1mm;padding:1mm;display:flex}.cp-attr-mini-box{border:1px solid var(--navy);text-align:center;background:#fff;flex:1;padding:.5mm}.cp-attr-mini-label{letter-spacing:.08em;color:var(--muted);font-size:4pt}.cp-attr-mini-value{color:var(--navy);font-size:10pt;font-weight:700;line-height:1.1}.cp-p2-body{flex:1;gap:2mm;display:flex}.cp-p2-col{flex-direction:column;flex:1;gap:2mm;display:flex}.cp-obj-row{border-bottom:.5px solid var(--cream2);align-items:center;gap:1mm;min-height:5.5mm;padding:.8mm 0;display:flex}.cp-obj-row:nth-child(2n){background:#f8f5ee}.cp-obj-text{color:var(--text);flex:1;font-family:Crimson Text,serif;font-size:6.5pt}.cp-obj-pips{gap:.8mm;display:flex}.cp-obj-pip{border:1px solid var(--navy);background:#fff;border-radius:50%;width:3mm;height:3mm;display:inline-block}.cp-obj-pip--filled{background:var(--navy)}@media print{html,body{background:#fff!important}.cp-page{break-inside:avoid}.cp-page--p2{break-before:page}}@media screen{body{background:#555;flex-direction:column;align-items:center;gap:10mm;padding:10mm;display:flex}.cp-page{box-shadow:0 8px 32px #00000080}}.parchment-window{z-index:300;color:#2c1810;background:#f4e4c1;border-radius:8px;flex-direction:column;width:80%;height:88%;font-family:Crimson Text,Georgia,serif;font-size:16px;display:flex;position:fixed;top:5%;left:10%;overflow:hidden;box-shadow:0 20px 60px #000c,0 0 0 2px #8b6914,0 0 0 4px #4a3800,0 0 0 6px #8b6914}.parchment-overlay{z-index:299;background:#0009;position:fixed;inset:0}.parchment-header{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#3d2200 0%,#5c3400 50%,#3d2200 100%);border-bottom:3px solid #8b6914;flex-shrink:0;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.parchment-header:active{cursor:grabbing}.parchment-header__title{letter-spacing:.1em;text-transform:uppercase;color:#e8c97a;flex:1;font-family:Cinzel,Georgia,serif;font-size:.85rem}.parchment-header__btn{color:#e8c97a;cursor:pointer;background:#0000004d;border:1px solid #8b6914;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;transition:all .2s;display:flex}.parchment-header__btn:hover{background:#8b691466}.parchment-body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(160deg,#f9eed5 0%,#f4e4c1 30%,#eedcb0 60%,#f4e4c1 100%);flex-direction:column;flex:1;display:flex;overflow:hidden}.parchment-tabs{background:linear-gradient(#5c3400 0%,#4a2800 100%);border-bottom:2px solid #8b6914;flex-shrink:0;padding:0 .5rem;display:flex}.parchment-tab{color:#a07840;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:none;border-bottom:3px solid #0000;padding:.5rem 1rem;font-family:Cinzel,Georgia,serif;font-size:.75rem;transition:all .2s}.parchment-tab:hover{color:#e8c97a}.parchment-tab--active{color:#e8c97a;background:#f4e4c126;border-bottom-color:#c9a84c}.parchment-content{flex:1;padding:1.5rem 2rem;font-size:1rem;overflow-y:auto}.parchment-content::-webkit-scrollbar{width:8px}.parchment-content::-webkit-scrollbar-track{background:#e8d5a0}.parchment-content::-webkit-scrollbar-thumb{background:#8b6914;border-radius:4px}.parchment-divider{color:#8b6914;align-items:center;gap:.75rem;margin:1rem 0 .75rem;display:flex}.parchment-divider:before,.parchment-divider:after{content:"";background:linear-gradient(90deg,#0000,#8b6914,#0000);flex:1;height:1px}.parchment-divider span{letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;font-family:Cinzel,Georgia,serif;font-size:.65rem}.parchment-field-group{margin-bottom:1rem}.parchment-label{letter-spacing:.12em;text-transform:uppercase;color:#6b3a00;margin-bottom:.2rem;font-family:Cinzel,Georgia,serif;font-size:.7rem;display:block}.parchment-input{color:#2c1810;background:#ffffff59;border:none;border-bottom:1px solid #8b6914;outline:none;width:100%;padding:.2rem .4rem;font-family:Crimson Text,Georgia,serif;font-size:1.05rem;transition:background .2s}.parchment-input:focus{background:#fff9}.parchment-textarea{color:#2c1810;resize:vertical;background:#ffffff59;border:1px solid #c9a86044;border-radius:4px;outline:none;width:100%;padding:.4rem .6rem;font-family:Crimson Text,Georgia,serif;font-size:.95rem;line-height:1.6}.parchment-textarea:focus{background:#fff9;border-color:#8b6914}.parchment-attrs{grid-template-columns:repeat(6,1fr);gap:.75rem;margin:.75rem 0;display:grid}.parchment-attr-box{text-align:center;cursor:pointer;background:#fff6;border:2px solid #8b6914;border-radius:6px;padding:.5rem .25rem;transition:background .2s}.parchment-attr-box:hover{background:#ffffffb3}.parchment-attr-box__short{letter-spacing:.1em;text-transform:uppercase;color:#6b3a00;font-family:Cinzel,Georgia,serif;font-size:.7rem}.parchment-attr-box__mod{color:#2c1810;font-family:Cinzel,Georgia,serif;font-size:1.6rem;font-weight:700;line-height:1}.parchment-attr-box__val{color:#6b3a00;border:1px solid #8b6914;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin:.15rem auto 0;font-size:.78rem;display:flex}.parchment-combat-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.75rem 0;display:grid}.parchment-combat-box{text-align:center;background:#fff6;border:2px solid #8b6914;border-radius:6px;padding:.5rem}.parchment-combat-box input{color:#2c1810;text-align:center;background:0 0;border:none;outline:none;width:100%;font-family:Cinzel,Georgia,serif;font-size:1.5rem;font-weight:700}.parchment-combat-box__label{letter-spacing:.1em;text-transform:uppercase;color:#6b3a00;font-family:Cinzel,Georgia,serif;font-size:.68rem}.parchment-hp-bar-wrap{background:#0000001a;border:1px solid #8b6914;border-radius:4px;height:6px;margin-top:.4rem;overflow:hidden}.parchment-hp-bar{background:linear-gradient(90deg,#8b1a1a,#c0522a);border-radius:4px;height:100%;transition:width .4s}.parchment-skill-row{border-bottom:1px dotted #c9a86044;align-items:center;gap:.5rem;padding:.15rem 0;display:flex}.parchment-skill-row:last-child{border-bottom:none}.parchment-skill-dot{cursor:pointer;background:0 0;border:1.5px solid #8b6914;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .15s}.parchment-skill-dot--active{background:#8b6914}.parchment-skill-val{color:#3d2200;text-align:right;min-width:24px;font-family:Cinzel,Georgia,serif;font-size:.85rem}.parchment-skill-label{color:#2c1810;flex:1;font-size:.95rem}.parchment-st-grid{grid-template-columns:1fr 1fr;gap:.15rem 1rem;display:grid}.parchment-death{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.parchment-death-pips{gap:.35rem;display:flex}.parchment-death-pip{cursor:pointer;background:0 0;border:1.5px solid #8b6914;border-radius:50%;width:14px;height:14px}.parchment-death-pip--success{background:#4a7c30;border-color:#4a7c30}.parchment-death-pip--failure{background:#8b1a1a;border-color:#8b1a1a}.parchment-attacks-table{border-collapse:collapse;width:100%;font-size:.88rem}.parchment-attacks-table th{letter-spacing:.1em;text-transform:uppercase;color:#6b3a00;text-align:left;border-bottom:1px solid #8b6914;padding:.25rem .4rem;font-family:Cinzel,Georgia,serif;font-size:.7rem}.parchment-attacks-table td{color:#2c1810;border-bottom:1px dotted #c9a86044;padding:.4rem;font-size:.95rem}.parchment-inv-item{color:#2c1810;border-bottom:1px dotted #c9a86044;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.9rem;display:flex}.parchment-inv-equipped{color:#8b6914;font-weight:600}.parchment-coins{gap:.75rem;margin:.5rem 0;display:flex}.parchment-coin{text-align:center;background:#fff6;border:1px solid #8b6914;border-radius:4px;flex:1;padding:.35rem}.parchment-coin__label{letter-spacing:.08em;font-family:Cinzel,Georgia,serif;font-size:.72rem}.parchment-coin__val{color:#3d2200;font-family:Cinzel,Georgia,serif;font-size:1rem;font-weight:700}.parchment-spell-slots{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.parchment-slot-group{flex-direction:column;align-items:center;gap:.25rem;display:flex}.parchment-slot-label{letter-spacing:.08em;color:#6b3a00;font-family:Cinzel,Georgia,serif;font-size:.58rem}.parchment-slot-pips{gap:.25rem;display:flex}.parchment-slot-pip{cursor:pointer;border:1.5px solid #8b6914;border-radius:50%;width:14px;height:14px;transition:background .15s}.parchment-slot-pip--available{background:#8b691426}.parchment-slot-pip--used{background:0 0}.parchment-spell-entry{color:#2c1810;cursor:pointer;border-bottom:1px dotted #c9a86044;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.95rem;display:flex}.parchment-spell-entry:hover{background:#8b691414;border-radius:4px}.parchment-spell-expanded{color:#2c1810;background:#ffffff80;border:1px solid #c9a860;border-radius:6px;margin:.25rem 0 .5rem;padding:.75rem;font-size:.92rem;line-height:1.6}.parchment-spell-level{letter-spacing:.06em;color:#6b3a00;border:1px solid #8b6914;border-radius:3px;padding:.1rem .35rem;font-family:Cinzel,Georgia,serif;font-size:.6rem}@media (width<=768px){.parchment-window{width:96%;height:90%;top:3%;left:2%}.parchment-attrs{grid-template-columns:repeat(3,1fr)}.parchment-combat-grid{grid-template-columns:repeat(2,1fr)}}.cosmere-window{z-index:300;color:#1a1a0a;background:#f5f0e8;border-radius:6px;flex-direction:column;width:90%;height:93%;font-family:Crimson Text,Georgia,serif;display:flex;position:fixed;top:3%;left:5%;overflow:hidden;box-shadow:0 20px 60px #000000d9,0 0 0 2px #4a4a3a,0 0 0 4px #2a2a1a}.cosmere-overlay{z-index:299;background:#000000b3;position:fixed;inset:0}.cosmere-header{cursor:grab;-webkit-user-select:none;user-select:none;background:#1a1a0a;border-bottom:2px solid #4a4a3a;flex-shrink:0;align-items:center;gap:.75rem;padding:.4rem 1rem;display:flex}.cosmere-header:active{cursor:grabbing}.cosmere-header__brand{letter-spacing:.15em;text-transform:uppercase;color:#c8b878;flex:1;font-family:Cinzel,Georgia,serif;font-size:.75rem}.cosmere-header__btn{color:#c8b878;cursor:pointer;background:#ffffff1a;border:1px solid #4a4a3a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;transition:all .2s;display:flex}.cosmere-header__btn:hover{background:#c8b87833}.cosmere-tabs{background:#2a2a1a;border-bottom:2px solid #4a4a3a;flex-shrink:0;display:flex}.cosmere-tab{color:#8a8060;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:none;border-bottom:3px solid #0000;padding:.5rem 1.25rem;font-family:Cinzel,Georgia,serif;font-size:.68rem;transition:all .2s}.cosmere-tab:hover{color:#c8b878}.cosmere-tab--active{color:#c8b878;background:#c8b87814;border-bottom-color:#c8b878}.cosmere-body{background:#f5f0e8;flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.cosmere-body::-webkit-scrollbar{width:7px}.cosmere-body::-webkit-scrollbar-track{background:#e8e0cc}.cosmere-body::-webkit-scrollbar-thumb{background:#8a8060;border-radius:4px}.cs-section-title{letter-spacing:.15em;text-transform:uppercase;color:#2a2a1a;border-bottom:1.5px solid #2a2a1a;margin-top:.75rem;margin-bottom:.6rem;padding-bottom:.2rem;font-family:Cinzel,Georgia,serif;font-size:.65rem}.cs-label{letter-spacing:.1em;text-transform:uppercase;color:#4a4a3a;margin-bottom:.15rem;font-family:Cinzel,Georgia,serif;font-size:.58rem;display:block}.cs-input{color:#1a1a0a;background:#ffffff80;border:none;border-bottom:1px solid #8a8060;outline:none;width:100%;padding:.15rem .3rem;font-family:Crimson Text,Georgia,serif;font-size:1rem;transition:background .2s}.cs-input:focus{background:#fffc;border-bottom-color:#2a2a1a}.cs-textarea{color:#1a1a0a;resize:vertical;background:#fff6;border:1px solid #c8b87866;border-radius:3px;outline:none;width:100%;padding:.4rem .5rem;font-family:Crimson Text,Georgia,serif;font-size:.95rem;line-height:1.5}.cs-textarea:focus{background:#ffffffb3;border-color:#8a8060}.cs-attrs-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.cs-attr-group{background:#ffffff4d;border:1.5px solid #2a2a1a;border-radius:4px;padding:.5rem}.cs-attr-group-title{letter-spacing:.15em;text-transform:uppercase;color:#1a1a0a;text-align:center;border-bottom:1px solid #2a2a1a;margin-bottom:.4rem;padding-bottom:.25rem;font-family:Cinzel,Georgia,serif;font-size:.6rem}.cs-attr-row{align-items:center;gap:.4rem;margin-bottom:.3rem;display:flex}.cs-attr-box{background:#ffffff80;border:1.5px solid #2a2a1a;border-radius:3px;justify-content:center;align-items:center;width:40px;height:36px;display:flex}.cs-attr-box input{color:#1a1a0a;text-align:center;background:0 0;border:none;outline:none;width:100%;font-family:Cinzel,Georgia,serif;font-size:1.1rem;font-weight:700}.cs-attr-name{letter-spacing:.08em;text-transform:uppercase;color:#1a1a0a;flex:1;font-family:Cinzel,Georgia,serif;font-size:.58rem}.cs-defesa-box{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#fff;border:2px solid #1a1a0a;justify-content:center;align-items:center;width:36px;height:40px;display:flex}.cs-defesa-box input{color:#1a1a0a;text-align:center;background:0 0;border:none;outline:none;width:30px;font-family:Cinzel,Georgia,serif;font-size:.78rem;font-weight:700}.cs-resources{grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-top:.5rem;display:grid}.cs-resource-fields{align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.cs-resource-fields input{color:#1a1a0a;text-align:center;background:#fff9;border:none;border-bottom:1px solid #8a8060;outline:none;width:45px;font-family:Cinzel,Georgia,serif;font-size:1.1rem;font-weight:700}.cs-resource-sep{color:#8a8060;font-size:.8rem}.cs-skills-grid{grid-template-columns:1fr 1fr 1fr;gap:.1rem 1rem;display:grid}.cs-skill-row{border-bottom:1px dotted #c8b87844;align-items:center;gap:.4rem;padding:.2rem 0;display:flex}.cs-skill-check{cursor:pointer;background:0 0;border:1.5px solid #2a2a1a;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:.65rem;transition:background .15s;display:flex}.cs-skill-check--active{color:#fff;background:#2a2a1a}.cs-skill-name{color:#1a1a0a;flex:1;font-size:.82rem}.cs-skill-attr{color:#6a6040;margin-right:.2rem;font-family:Cinzel,Georgia,serif;font-size:.58rem}.cs-skill-pips{gap:.18rem;display:flex}.cs-pip{cursor:pointer;background:0 0;border:1.5px solid #2a2a1a;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .15s}.cs-pip--filled{background:#2a2a1a}.cs-objective-row{align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.cs-objective-row input{color:#1a1a0a;background:0 0;border:none;border-bottom:1px solid #8a8060;outline:none;flex:1;font-family:Crimson Text,Georgia,serif;font-size:.95rem}.cs-obj-pips{gap:.2rem;display:flex}.cs-obj-pip{cursor:pointer;background:0 0;border:1.5px solid #2a2a1a;border-radius:50%;flex-shrink:0;width:12px;height:12px}.cs-obj-pip--filled{background:#2a2a1a}@media (width<=768px){.cosmere-window{width:98%;height:95%;top:1%;left:1%}.cs-attrs-grid{grid-template-columns:1fr}.cs-skills-grid{grid-template-columns:1fr 1fr}}