@import"https://fonts.googleapis.com/css2?family=Barlow&family=Bitter&family=EB+Garamond&family=Lora&family=Merriweather&family=Nunito&family=Oswald&family=Playfair+Display&family=Rajdhani&family=Spectral&family=Vollkorn&display=swap";:root,[data-theme=default]{--bg-page: #1a1a2e;--bg-section: #16213e;--bg-input: #0f3460;--bg-card: #1a1a2e;--border: #3a3a5c;--border-accent: #c4a35a;--bg-hover: #4a4a6c;--text: #e0e0e0;--text-muted: #aaa;--text-faint: #888;--accent: #c4a35a;--accent-hover: #e0c070;--success: #2ecc71;--danger: #e74c3c;--bg-button: #3a3a5c;--success-dark: #27ae60;--danger-light: #ff6b6b;--border-faint: #2a2a4c;--font-family: system-ui, -apple-system, sans-serif}[data-theme=berserker]{--bg-page: #0d0a08;--bg-section: #1a1210;--bg-input: #2a1510;--bg-card: #0d0a08;--border: #4a2818;--border-accent: #ff4400;--bg-hover: #3a2018;--text: #f0e0d0;--text-muted: #c89878;--text-faint: #8a6048;--accent: #ff4400;--accent-hover: #ff7040;--bg-button: #4a2818;--border-faint: #2a1810;--font-family: "Oswald", sans-serif}[data-theme=cheat]{--bg-page: #100c08;--bg-section: #1c1810;--bg-input: #28201a;--bg-card: #100c08;--border: #484030;--border-accent: #60d040;--bg-hover: #383020;--text: #e8e0d0;--text-muted: #b8a888;--text-faint: #807060;--accent: #e08030;--accent-hover: #ff9848;--success: #8898b0;--success-dark: #6878a0;--bg-button: #484030;--border-faint: #201810;--font-family: "Lora", serif}[data-theme=commander]{--bg-page: #121214;--bg-section: #1c1c20;--bg-input: #28282e;--bg-card: #121214;--border: #48484e;--border-accent: #d42020;--bg-hover: #38383e;--text: #e0e0e0;--text-muted: #a0a0a8;--text-faint: #686870;--accent: #d42020;--accent-hover: #ff3838;--bg-button: #48484e;--border-faint: #2a2a30;--font-family: "Barlow", sans-serif}[data-theme=hunter]{--bg-page: #080e08;--bg-section: #101c10;--bg-input: #182418;--bg-card: #080e08;--border: #2a4428;--border-accent: #e8a030;--bg-hover: #1e3820;--text: #d0dcc8;--text-muted: #88a878;--text-faint: #587848;--accent: #e8a030;--accent-hover: #ffc050;--bg-button: #2a4428;--border-faint: #142018;--font-family: "Bitter", serif}[data-theme=mage]{--bg-page: #0a0e14;--bg-section: #141c26;--bg-input: #1c2830;--bg-card: #0a0e14;--border: #2e3e4e;--border-accent: #c8a040;--bg-hover: #243040;--text: #e0e8f0;--text-muted: #78a0b8;--text-faint: #4a6878;--accent: #c8a040;--accent-hover: #e8c060;--bg-button: #2e3e4e;--border-faint: #162028;--font-family: "Spectral", serif}[data-theme=oathsworn]{--bg-page: #120808;--bg-section: #1e1010;--bg-input: #2a1818;--bg-card: #120808;--border: #4a2020;--border-accent: #ffc020;--bg-hover: #3a1818;--text: #f0e0d0;--text-muted: #c09080;--text-faint: #886058;--accent: #ffc020;--accent-hover: #ffe050;--bg-button: #4a2020;--border-faint: #2a1010;--font-family: "EB Garamond", serif}[data-theme=shadowmancer]{--bg-page: #0c0818;--bg-section: #181030;--bg-input: #201840;--bg-card: #0c0818;--border: #3a2860;--border-accent: #60e890;--bg-hover: #301838;--text: #d8c8f0;--text-muted: #e890c8;--text-faint: #a868b8;--accent: #60e890;--accent-hover: #f0a0d0;--bg-button: #3a2860;--border-faint: #1a1030;--font-family: "Vollkorn", serif}[data-theme=shepherd]{--bg-page: #100e18;--bg-section: #1c1828;--bg-input: #262234;--bg-card: #100e18;--border: #3e3450;--border-accent: #d4a840;--bg-hover: #2e2840;--text: #ece4f0;--text-muted: #b098c8;--text-faint: #786090;--accent: #d4a840;--accent-hover: #f0c860;--bg-button: #3e3450;--border-faint: #1e1a2a;--font-family: "Merriweather", serif}[data-theme=songweaver]{--bg-page: #10081a;--bg-section: #1c1028;--bg-input: #281838;--bg-card: #10081a;--border: #402858;--border-accent: #ffcc00;--bg-hover: #302048;--text: #e8d8f0;--text-muted: #a888c0;--text-faint: #785898;--accent: #ffcc00;--accent-hover: #ffe040;--bg-button: #402858;--border-faint: #181028;--font-family: "Playfair Display", serif}[data-theme=stormshifter]{--bg-page: #060e0a;--bg-section: #0e1a14;--bg-input: #14241c;--bg-card: #060e0a;--border: #204038;--border-accent: #c070ff;--bg-hover: #183830;--text: #c8e8d8;--text-muted: #78b898;--text-faint: #488868;--accent: #c070ff;--accent-hover: #d898ff;--bg-button: #204038;--border-faint: #0a1c14;--font-family: "Nunito", sans-serif}[data-theme=zephyr]{--bg-page: #0a0c10;--bg-section: #141820;--bg-input: #1c222c;--bg-card: #0a0c10;--border: #303848;--border-accent: #20e8d0;--bg-hover: #283040;--text: #d8e0e8;--text-muted: #8898a8;--text-faint: #586878;--accent: #20e8d0;--accent-hover: #50fce8;--bg-button: #303848;--border-faint: #181e28;--font-family: "Rajdhani", sans-serif}[data-theme=ramen]{--accent: #e05a1a;--accent-hover: #ff7a3a;--border-accent: #e05a1a}[data-theme=matrix]{--bg-page: #0a0a0a;--bg-section: #0f0f0f;--bg-input: #1a1a1a;--bg-card: #0a0a0a;--border: #1a3a1a;--border-accent: #33ff33;--bg-hover: #1a2a1a;--text: #ccffcc;--text-muted: #66aa66;--text-faint: #336633;--accent: #33ff33;--accent-hover: #66ff66;--success: #33ff33;--success-dark: #22cc22;--danger: #ff3333;--danger-light: #ff6666;--bg-button: #1a3a1a;--border-faint: #112211;--font-family: "Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit}body{font-family:var(--font-family);background:var(--bg-page);color:var(--text);line-height:1.5}.app{max-width:800px;margin:0 auto;padding:1rem}.theme-selector{margin-bottom:.5rem}.theme-selector label{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-faint)}.theme-selector select{width:auto;font-size:.8rem;padding:.2rem .4rem}.hamburger-bar{position:fixed;top:.5rem;left:.5rem;z-index:200;display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-page);border-radius:8px}.hamburger-bar h1{font-size:1.4rem;color:var(--accent)}.hamburger{background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.hamburger:hover{background:var(--bg-hover)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300}.sidebar{position:fixed;top:0;left:0;width:260px;height:100%;background:var(--bg-section);border-right:1px solid var(--border);z-index:400;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border)}.sidebar-title{color:var(--accent);font-size:1.2rem;font-weight:700;text-decoration:none}.sidebar-title:hover{color:var(--accent-hover)}.sidebar-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem;display:flex;align-items:center}.sidebar-close:hover{color:var(--text)}.sidebar-links{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-links a{color:var(--text);text-decoration:none;padding:.5rem .75rem;border-radius:4px}.sidebar-links a:hover{background:var(--bg-button);color:var(--accent)}.sidebar-bottom{padding:1rem;border-top:1px solid var(--border)}.sidebar-footer{padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-faint)}.sidebar-greeting{display:block;font-size:.85rem;color:var(--text-muted);padding:0 .75rem .5rem}.sidebar-bottom button{background:none;border:none;color:var(--danger);cursor:pointer;font-size:.9rem;padding:.5rem .75rem;width:100%;text-align:left;border-radius:4px}.sidebar-bottom button:hover{background:var(--bg-button)}header{text-align:center;margin-bottom:2rem}@media(max-width:500px){header{padding-top:3rem}}.title-link{text-decoration:none}header p{color:var(--text-faint);margin-bottom:.5rem}.sheet-subtitle{text-align:center;color:var(--text-faint);margin-bottom:1rem}.sheet-subtitle a,.sheet-subtitle a:visited{color:var(--accent)}.site-footer{margin-top:2rem;margin-bottom:4rem;padding-top:1rem;font-size:.75rem;color:var(--text-faint);text-align:center}header p a{color:var(--accent)}header p a:visited{color:var(--accent)}header button{background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);padding:.4rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}header button:hover{background:var(--bg-hover)}.cloud-save{display:inline-flex;flex-direction:row;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);cursor:pointer}.cloud-save input[type=checkbox]{width:auto}.save-status{font-size:.8rem;color:var(--text-faint)}.help-icon{color:var(--text-faint);cursor:help;display:inline-flex;align-items:center;vertical-align:middle}.header-actions{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap}.header-actions button{display:inline-flex;align-items:center;justify-content:center;height:2rem}.auth-greeting{font-size:.85rem;color:var(--text-muted)}.auth-form{margin-top:1rem;text-align:left;max-width:320px;margin-left:auto;margin-right:auto}.auth-form form{display:flex;flex-direction:column;gap:.6rem}.auth-form button[type=submit]{background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);padding:.4rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;margin-top:.25rem}.auth-form button[type=submit]:hover{background:var(--bg-hover)}.auth-error{color:var(--danger);font-size:.85rem}.auth-toggle{margin-top:.5rem;font-size:.85rem;color:var(--text-muted);text-align:center}.auth-toggle-btn{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:.85rem;padding:0}.export-error{color:var(--danger);font-size:.85rem;margin-top:.4rem}section{background:var(--bg-section);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}section h2{color:var(--accent);font-size:1.2rem;margin-bottom:.75rem;border-bottom:1px solid var(--border);padding-bottom:.25rem}section h3{color:var(--text-muted);font-size:1rem;margin-bottom:.5rem}label{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--text-muted)}input[type=text],input[type=number],textarea,select{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:.4rem .5rem;font-size:.95rem;font-family:inherit;width:100%}input[readonly]{background:var(--bg-page);color:var(--text);border-color:var(--border-faint);cursor:default}input:focus,textarea:focus{outline:none;border-color:var(--border-accent)}textarea{resize:vertical;font-family:inherit}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.form-row{display:flex;gap:1rem}.form-row label{flex:1}.stat-header{display:flex;align-items:center;gap:.3rem}.stat-triangles{display:flex;flex-direction:column;gap:0;line-height:1}.stat-triangle{background:none;border:none;cursor:pointer;font-size:.6rem;padding:0;color:var(--text-faint)}.stat-triangle.filled{color:var(--accent)}.stat-triangle:hover{color:var(--accent-hover)}.stat-adv-warning{color:var(--danger);font-size:.75rem;margin-bottom:.25rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:500;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-section);border:1px solid var(--accent);border-radius:8px;padding:1.5rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;color:var(--text)}.modal-content h2{color:var(--accent);margin-bottom:1rem}.levelup-section{margin-bottom:1rem}.levelup-section h3{color:var(--accent);font-size:1rem;margin-bottom:.5rem}.levelup-ability{margin-bottom:.5rem;font-size:.9rem}.levelup-ability p{color:var(--text-muted);margin-top:.2rem}.levelup-usage{color:var(--text-faint);font-size:.8rem}.levelup-choice{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;cursor:pointer;font-size:.9rem}.levelup-choice input[type=radio]{margin-top:.25rem;width:auto}.levelup-choice-detail{color:var(--text-muted);font-size:.85rem;margin-top:.15rem}.levelup-buttons{display:flex;gap:.75rem;margin-top:1rem}.levelup-buttons button{background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);padding:.4rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.levelup-buttons button:hover:not(:disabled){background:var(--bg-hover)}.levelup-buttons button:disabled{opacity:.4;cursor:default}.levelup-cancel{background:transparent!important;border-color:var(--text-faint)!important;color:var(--text-muted)!important}.levelup-error{color:var(--danger);font-size:.8rem;margin-top:.3rem}.levelup-warn{border-color:var(--danger)!important;color:var(--danger)!important}.class-abilities{display:flex;flex-direction:column;gap:.5rem}.usage-resets{display:flex;gap:.5rem;margin-bottom:.5rem}.reset-btn{background:var(--bg-button);color:var(--text-muted);border:1px solid var(--border);padding:.2rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem}.reset-btn:hover{background:var(--bg-hover);color:var(--accent)}.class-ability{padding:.5rem;background:var(--bg-page);border:1px solid var(--border);border-radius:4px}.class-ability.used{opacity:.5}.class-ability.highlighted{border-color:var(--success);box-shadow:0 0 4px #2ecc714d}.toth-tracker{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem;font-size:.85rem;color:var(--text-muted)}.toth-count{width:1.5rem;text-align:center;font-size:1rem;color:var(--text);font-weight:700}.class-ability-header{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.ability-usage{display:flex;flex-direction:row;align-items:center;gap:.3rem;cursor:pointer}.ability-usage input[type=checkbox]{width:auto}.ability-usage-label{font-size:.75rem;color:var(--text-faint)}.class-ability-desc{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.subclass-tag{font-size:.9rem;color:var(--text-muted);font-weight:400}.levelup-btn{width:24px;height:24px;background:var(--bg-button);color:var(--success);border:1px solid var(--success);border-radius:4px;cursor:pointer;font-size:1rem;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;vertical-align:middle}.levelup-btn:hover{background:var(--bg-hover);color:#4cdf91}.dying-warning{color:#e67e22;font-weight:700;font-size:.9rem}.calculated-override{border-color:var(--border-accent)!important}.calculated-label{cursor:context-menu}.calculated-menu{position:fixed;z-index:400;background:var(--bg-section);border:1px solid var(--accent);border-radius:8px;padding:.75rem;min-width:200px;box-shadow:0 4px 12px #0006;font-size:.85rem;color:var(--text)}.calculated-menu-header{color:var(--accent);margin-bottom:.5rem}.calculated-menu-row{margin-bottom:.3rem}.calculated-menu-row span{color:var(--text-muted)}.calculated-menu-bonuses{margin-bottom:.5rem}.calculated-menu-bonuses span{color:var(--text-muted)}.calculated-menu-bonuses ul{margin:.2rem 0 0 1rem;padding:0;list-style:disc}.calculated-menu-bonuses li{font-size:.8rem;color:var(--text)}.action-tracker{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.rest-buttons{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.rest-btn{background:var(--bg-button);color:var(--text-muted);border:1px solid var(--border);padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:.8rem}.rest-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.rest-hp-display{font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.rest-roll-result{font-size:.9rem;color:var(--text);margin:.2rem 0}.rest-total{font-size:.9rem;color:var(--success);margin-top:.5rem}.initiative-wounds-row{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.initiative-wounds-row>label{flex:0 0 auto;width:70px}.wounds{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.wounds>span{font-size:.85rem;color:var(--text-muted)}.bubbles{display:flex;flex-wrap:wrap;gap:.4rem}.bubble{width:24px;height:24px;border-radius:50%;border:2px solid var(--accent);background:transparent;cursor:pointer;padding:0}.bubble.filled{background:var(--accent)}.bubble:hover{border-color:var(--accent-hover)}.wound-adjust{width:24px;height:24px;background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);border-radius:4px;cursor:pointer;font-size:1rem;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.wound-adjust:hover:not(:disabled){background:var(--bg-hover)}.wound-adjust:disabled{opacity:.4;cursor:default}.death-warning{color:var(--danger);font-weight:700;font-size:.9rem}.inventory{margin:.75rem 0;display:flex;flex-direction:column;gap:.4rem}.inventory-slot{display:flex}.inventory-text-slot{display:flex;gap:.3rem;flex:1}.inventory-text-slot input{flex:1}.inventory-add-btn{background:var(--bg-button);color:var(--success);border:1px solid var(--success);border-radius:4px;cursor:pointer;padding:.2rem .4rem;display:flex;align-items:center}.inventory-add-btn:hover{background:var(--bg-hover)}.inventory-item{display:flex;align-items:center;gap:.5rem;flex:1;background:var(--bg-page);border:1px solid var(--border-faint);border-radius:4px;padding:.4rem .5rem}.inventory-item-main{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;font-size:.9rem}.inventory-item-stats{color:var(--text-muted);font-size:.8rem}.inventory-item-props{color:var(--text-faint);font-size:.75rem;font-style:italic}.item-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:500;display:flex;align-items:center;justify-content:center}.item-picker{background:var(--bg-section);border:1px solid var(--accent);border-radius:8px;padding:1rem;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.item-picker h3{color:var(--accent);margin-bottom:.5rem}.item-picker-option{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:.5rem;cursor:pointer;color:var(--text);text-align:left;font-size:.9rem}.item-picker-option:hover{border-color:var(--accent)}.inventory-item-note{flex:1;min-width:60px;font-size:.75rem;font-style:italic;border-style:dashed!important;color:var(--accent);padding:.2rem .3rem}.mana-tracker{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem;font-size:.85rem;color:var(--text-muted)}.mana-max{color:var(--text-faint);font-size:.8rem}.control-tracker{margin-bottom:.75rem}.control-tracker-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.85rem;color:var(--text-muted)}.control-option{padding:.4rem .5rem;background:var(--bg-page);border:1px solid var(--border-faint);border-radius:4px;margin-bottom:.3rem;font-size:.85rem;color:var(--text);cursor:pointer}.control-option:hover{border-color:var(--accent)}.control-option.used{opacity:.35}.spell-list{display:flex;flex-direction:column;gap:.75rem}.spell-tier-group h3{color:var(--accent);font-size:.95rem;margin-bottom:.4rem}.spell-card{background:var(--bg-page);border:1px solid var(--border-faint);border-radius:4px;padding:.5rem;margin-bottom:.3rem}.spell-card-header{display:flex;gap:.5rem;font-size:.7rem;color:var(--text-faint);margin-bottom:.2rem}.spell-element{color:var(--accent);font-weight:700}.spell-tier,.spell-actions{color:var(--text-muted)}.spell-card-name{display:flex;align-items:baseline;gap:.4rem;font-size:.9rem}.spell-mana-cost{color:#3498db;font-weight:700}.spell-damage{color:var(--danger);font-size:.85rem}.spell-meta{display:inline-block;font-size:.75rem;color:var(--text-faint);margin-right:.5rem}.spell-desc{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.spell-upcast{font-size:.75rem;color:var(--success);margin-top:.2rem;font-style:italic}.spell-upcast-label{font-weight:700}.languages{display:flex;flex-direction:column;gap:.4rem}.language-fixed{background:var(--bg-page);border:1px solid var(--border-faint);border-radius:4px;padding:.4rem .5rem;font-size:.95rem;color:var(--accent);font-style:italic}.roll-btn{background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer;padding:0;text-align:left;text-decoration:underline;text-decoration-style:dotted}.roll-btn:hover{color:var(--accent-hover)}.dice-roller{position:relative}.dice-roller-btn{background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.dice-roller-btn:hover{background:var(--bg-hover)}.dice-roller-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--bg-section);border:1px solid var(--accent);border-radius:8px;padding:.4rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 4px 12px #0006;z-index:300}.dice-option{background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:.3rem .75rem;cursor:pointer;font-size:.85rem;text-align:center}.dice-option:hover{background:var(--bg-hover)}.dice-modifier-row{display:flex;align-items:center;gap:.4rem}.dice-modifier-label{font-size:.85rem;color:var(--text-muted)}.dice-hidden{display:flex;flex-direction:row;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);padding:.2rem 0}.roll-menu{position:fixed;z-index:300;background:var(--bg-section);border:1px solid var(--accent);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 4px 12px #0006}.roll-menu-row{display:flex;align-items:center;gap:.4rem}.roll-menu-adjust{width:24px;height:24px;background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);border-radius:4px;cursor:pointer;font-size:1rem;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.roll-menu-adjust:hover:not(:disabled){background:var(--bg-hover)}.roll-menu-adjust:disabled{opacity:.4;cursor:default}.roll-menu-count{width:1.5rem;text-align:center;font-size:.9rem;color:var(--text)}.roll-menu-action{background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:.3rem .75rem;cursor:pointer;font-size:.85rem}.roll-menu-action:hover{background:var(--bg-hover)}.roll-log{position:fixed;bottom:1rem;right:1rem;width:380px;max-height:300px;background:var(--bg-section);border:1px solid var(--accent);border-radius:8px;display:flex;flex-direction:column;z-index:100;box-shadow:0 4px 12px #0006}.roll-log-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;background:var(--bg-button);color:var(--accent);font-weight:700;font-size:.9rem;cursor:pointer;border-radius:7px 7px 0 0;-webkit-user-select:none;user-select:none}.roll-log-body{overflow-y:auto;padding:.5rem .75rem;flex:1}.roll-log-empty{color:var(--text-faint);font-size:.85rem;font-style:italic}.roll-entry{font-size:.85rem;padding:.2rem 0;border-bottom:1px solid var(--border);color:var(--text)}.roll-entry:last-child{border-bottom:none}.reveal-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.reveal-btn:hover{color:var(--danger-light)}.revealed-tag{color:var(--success);font-size:.85rem}.ramen-section{background:var(--bg-section);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.ramen-section h2{color:var(--accent);font-size:1.2rem;margin-bottom:.75rem;border-bottom:2px solid var(--accent);padding-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.ramen-subsection{margin-bottom:1rem}.ramen-subsection-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;color:var(--text-muted);text-transform:uppercase}.ramen-dates{color:var(--accent);font-size:.8rem}.ramen-inline{flex:1;min-width:150px}.ramen-dates-input{flex:0 0 auto;max-width:250px}.ramen-project-row{display:grid;grid-template-columns:1fr 2fr;gap:.75rem;margin-bottom:.5rem}.ramen-constraint{font-size:.8rem;color:var(--text-faint);margin-bottom:.75rem}.ramen-invalid{color:var(--danger);font-weight:700}.ramen-competencies{display:flex;flex-direction:column;gap:.4rem}.ramen-competency{display:flex;flex-direction:row;align-items:center;gap:.75rem}.ramen-competency .roll-btn{flex:1;text-align:left}.ramen-competency input[type=number]{width:60px;flex:0 0 auto}.index-view{text-align:center;margin-top:2rem}.index-view p{margin-bottom:1rem;color:var(--text-muted)}.index-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.obr-instructions{margin-top:2rem;padding:1rem;background:var(--bg-section);border:1px solid var(--border);border-radius:8px;text-align:left}.obr-instructions h3{color:var(--accent);margin-bottom:.5rem}.obr-instructions p{color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem}.obr-instructions a{color:var(--accent)}.obr-instructions code+p{margin-top:.75rem}.obr-url{display:block;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:.5rem;color:var(--text);font-size:.85rem;word-break:break-all;-webkit-user-select:all;user-select:all}.index-view button,.characters-view button{background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}.index-view button:hover,.characters-view button:hover{background:var(--bg-hover)}.characters-view{margin-top:1rem}.characters-view h2{color:var(--accent);margin-bottom:1rem}.characters-view button{margin-bottom:1rem}.characters-empty{color:var(--text-faint);font-style:italic}.characters-list{list-style:none}.characters-list li{padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem}.delete-btn{background:none;border:none;color:var(--danger);cursor:pointer;padding:.2rem;margin-left:auto;display:inline-flex;align-items:center}.delete-btn:hover{color:var(--danger-light)}.characters-list a{color:var(--accent);text-decoration:none;font-weight:700}.characters-list a:hover{text-decoration:underline}.character-meta{color:var(--text-faint);font-size:.85rem}.character-actions{position:fixed;top:.5rem;right:.5rem;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;background:var(--bg-page);padding:.5rem;border-radius:8px}.character-actions-row{display:flex;gap:.75rem;align-items:center}.character-actions button{background:var(--bg-button);color:var(--accent);border:1px solid var(--accent);padding:.4rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;height:2rem}.character-actions button:hover{background:var(--bg-hover)}.item-picker-modal{max-height:80vh;overflow-y:auto}.item-picker-search{margin-bottom:.75rem}.item-picker-categories{display:flex;flex-direction:column;gap:.25rem}.item-picker-category-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--bg-page);border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;color:var(--accent);font-weight:700;font-size:.9rem;cursor:pointer;text-align:left}.item-picker-category-header:hover{background:var(--bg-section)}.item-picker-category-count{color:var(--text-faint);font-weight:400;font-size:.8rem}.item-picker-category-items{display:flex;flex-direction:column;gap:.15rem;padding:.25rem 0 .25rem .5rem}.item-picker-item{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;background:var(--bg-page);border:1px solid var(--border-faint);border-radius:4px;font-size:.8rem;gap:.5rem}.item-picker-item-info{flex:1;min-width:0}.item-picker-item-stats{color:var(--text-faint)}.item-picker-item-props{color:var(--text-muted);font-size:.75rem}.item-picker-item-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.item-picker-cost{color:var(--accent);font-size:.8rem;white-space:nowrap}.item-picker-cost.unaffordable{color:var(--danger)}.item-picker-add-btn,.item-picker-buy-btn{padding:.15rem .5rem;border-radius:3px;font-size:.75rem;cursor:pointer;border:1px solid var(--border)}.item-picker-add-btn{background:var(--bg-button);color:var(--text)}.item-picker-buy-btn{background:var(--success);color:#0f3460;border-color:var(--success)}.item-picker-buy-btn:disabled{background:var(--bg-page);color:var(--text-faint);border-color:var(--border);cursor:not-allowed}.item-picker-add-btn:hover{background:var(--bg-hover)}.item-picker-buy-btn:not(:disabled):hover{background:var(--success-dark)}.character-creation{max-width:700px;margin:0 auto;padding:1rem}.creation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.creation-skip{text-align:center;color:var(--text-faint);font-size:.85rem;margin-bottom:1rem}.creation-skip-link{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:.85rem;padding:0}.creation-skip-link:hover{color:#e0c878}.creation-start-over{background:none;border:1px solid var(--danger);color:var(--danger);padding:.3rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem}.creation-start-over:hover{background:var(--danger);color:#fff}.creation-stepper{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem}.creation-step-btn{background:var(--bg-page);color:var(--text-faint);border:1px solid var(--border);padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:.8rem}.creation-step-btn:disabled{cursor:not-allowed;opacity:.4}.creation-step-btn.active{background:var(--bg-button);color:var(--accent);border-color:var(--accent)}.creation-step-btn.done{color:var(--success);border-color:var(--success)}.creation-step{margin-bottom:1.5rem}.creation-step h3{color:var(--accent);margin-bottom:.75rem}.creation-step h4{color:var(--accent);margin-top:1rem;margin-bottom:.5rem;font-size:.95rem}.creation-step p{color:var(--text);margin-bottom:.5rem;font-size:.9rem}.creation-class-info,.creation-ancestry-info{background:var(--bg-page);border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;margin:.5rem 0;font-size:.9rem}.creation-stat-arrays{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.creation-array-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--bg-page);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.9rem}.creation-array-option:has(input:checked){border-color:var(--accent);background:var(--bg-section)}.creation-stat-assign{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.creation-stat-assign label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.creation-stat-assign label.adv-stat{color:var(--success)}.creation-stat-assign label.dis-stat{color:var(--danger)}.creation-stat-assign label.key-stat{color:var(--accent)}.stat-tags{display:flex;gap:.25rem;min-height:1.2rem}.key-stat-tag,.adv-stat-tag,.dis-stat-tag{font-size:.7rem;padding:0 .3rem;border-radius:3px}.key-stat-tag{background:var(--accent);color:#0f3460}.adv-stat-tag{background:var(--success);color:#0f3460}.dis-stat-tag{background:var(--danger);color:#fff}.creation-skills{display:flex;flex-direction:column;gap:.3rem}.creation-skill-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background:var(--bg-page);border:1px solid var(--border);border-radius:4px;font-size:.85rem}.creation-skill-name{width:140px;flex-shrink:0;color:var(--accent)}.creation-skill-breakdown{flex:1;display:flex;gap:.5rem;color:var(--text-faint);font-size:.8rem}.creation-skill-total{width:50px;text-align:right}.creation-points-remaining{color:var(--accent);font-weight:700}.creation-points-done{color:var(--success);font-weight:700}.creation-secondary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.creation-stat-display{display:flex;flex-direction:column;align-items:center;background:var(--bg-page);border:1px solid var(--border);border-radius:4px;padding:.5rem;font-size:.85rem}.creation-stat-display span{color:var(--text-faint);font-size:.75rem}.creation-stat-display strong{color:var(--text);font-size:1.1rem}.creation-equipment-options{display:flex;flex-direction:column;gap:.75rem}.creation-equipment-option{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:var(--bg-page);border:1px solid var(--border);border-radius:4px;cursor:pointer}.creation-equipment-option:has(input:checked){border-color:var(--accent);background:var(--bg-section)}.creation-gear-list{margin:.25rem 0 0 1rem;padding:0;font-size:.85rem;color:var(--text)}.creation-inventory{display:flex;flex-direction:column;gap:.25rem}.creation-inventory-slot{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background:var(--bg-page);border:1px solid var(--border);border-radius:4px;font-size:.85rem}.creation-inventory-slot .inventory-slot-num{color:var(--text-faint);width:1.5rem;text-align:center}.creation-inventory-item{display:flex;align-items:center;gap:.5rem;flex:1}.creation-option-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.creation-option-card{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;background:var(--bg-page);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.85rem}.creation-option-card.selected{border-color:var(--accent);background:var(--bg-section)}.creation-option-card input[type=radio]{margin-top:.2rem;flex-shrink:0}.creation-option-meta{color:var(--text-faint);font-size:.8rem}.creation-option-size{color:var(--text-faint);font-size:.85rem}.creation-option-desc{color:var(--text-muted);font-size:.8rem;margin:.15rem 0 0}.creation-option-card.custom-class{padding:.4rem .75rem}.creation-option-card.custom-class input[type=text]{width:100%}.creation-warning{color:var(--danger);font-size:.85rem;margin:.5rem 0}.levelup-btn-create{display:block;margin:1.5rem auto;background:var(--success);color:#0f3460;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1.1rem;font-weight:700;cursor:pointer}.levelup-btn-create:hover{background:var(--success-dark)}