:root{--font-heading: "Cinzel", serif;--font-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--slate: #2d3e4e;--slate-light: #3d5160;--gold: #b8962e;--gold-light: #d4ae4a;--sage: #7a9e87;--sage-light: #9dbfaa;--sage-dark: #5c7d69;--bg-base: #1c1814;--bg-surface: #242018;--bg-elevated: #2e2920;--bg-card: #342f26;--light-bg: #f2f0eb;--light-surface: #fafaf7;--light-border: #e2ded6;--text-primary: #f0ede6;--text-secondary: #a89f93;--text-muted: #6b6258;--text-dark: #2d3e4e;--poison: #6b9e6b;--fire: #c4622d;--frost: #5b8fa8;--necrotic: #7b5ea7;--radiant: #c4a832;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-body);line-height:1.5;font-weight:400;background-color:var(--bg-base);color:var(--text-primary)}#root{min-height:100vh}a{font-weight:500;color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0 0 .75rem}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}button:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.page{display:flex;flex-direction:column;align-items:stretch;min-height:100vh;width:100%;padding:0}.login-page,.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:2rem}.page-content{width:100%;max-width:1100px;margin:0 auto;padding:2rem}.page-header{padding:2rem 0 1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden;background:transparent}.page-header:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);opacity:.07;pointer-events:none}.page-header--dashboard:before{background:linear-gradient(to right,rgba(184,150,46,.08) 0%,transparent 50%);opacity:1}.page-header--player:before{background:linear-gradient(to right,rgba(122,158,135,.08) 0%,transparent 50%);opacity:1}.page-header--dm:before{background:linear-gradient(to right,rgba(196,98,45,.12) 0%,transparent 50%);opacity:1}.page-header--creator:before{background:linear-gradient(to right,rgba(212,174,74,.08) 0%,transparent 50%);opacity:1}.page-header--account:before{background:linear-gradient(to right,rgba(61,81,96,.1) 0%,transparent 50%);opacity:1}.page-header-title{font-family:var(--font-heading);font-size:2rem;font-weight:600;letter-spacing:.04em;margin:0 0 .25rem;color:var(--text-primary);position:relative}.page-header-meta{font-size:.9rem;color:var(--text-secondary);margin:0;position:relative}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:relative}.card{width:100%;max-width:420px;background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.04);box-shadow:0 18px 45px #00000080;padding:2rem}.card-header{margin-bottom:1.5rem}.card-title{font-size:1.75rem;letter-spacing:.04em}.card-subtitle{font-size:.9rem;color:var(--text-secondary)}.form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.85rem;color:var(--text-secondary)}.field-input{border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);padding:.65rem .8rem;background-color:var(--bg-card);color:var(--text-primary);font-family:inherit;font-size:.95rem}.field-input:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.field-input::placeholder{color:var(--text-muted)}.actions{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#0f0c07}.btn-primary:hover{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%)}.btn-secondary{background-color:transparent;border-color:#ffffff1f;color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--sage);color:var(--sage-light)}a.btn-primary,a.btn-secondary{display:inline-block;text-decoration:none;text-align:center;padding:.6em 1.2em;border-radius:var(--radius-sm);border:1px solid transparent;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.error{margin-top:.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);background-color:#c4622d29;color:#ffbba0;font-size:.85rem}.muted{font-size:.85rem;color:var(--text-muted)}.page-header{margin-bottom:1rem}.page-title{font-size:2rem;letter-spacing:.06em}.page-body{font-size:.95rem;color:var(--text-secondary)}.tier-badge{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tier-badge--wanderer{color:var(--text-muted);background-color:#ffffff0f}.tier-badge--chronicler{color:var(--sage-dark);background-color:#7a9e8733}.tier-badge--loremaster{color:var(--gold-light);background-color:#b8962e33}.tier-badge--campaign{background:linear-gradient(135deg,var(--gold) 0%,var(--sage) 100%);color:#0f0c07}.tier-gate{padding:1.5rem;background-color:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06)}.tier-gate-feature-name{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.tier-gate-compact{display:inline-flex;align-items:center;gap:.4rem;padding:.6em 1.2em;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background-color:var(--bg-elevated);color:var(--text-muted);font-size:1rem;font-weight:500;font-family:var(--font-body)}.tier-gate-locked-button{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;opacity:.9}.tier-gate-locked-button .tier-gate-lock-icon{flex-shrink:0}.tier-gate-lock-icon{flex-shrink:0;opacity:.8}.tier-gate-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.tier-gate-modal{padding:1.5rem;background-color:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);max-width:24rem;box-shadow:0 8px 32px #0006}.tier-gate-inner{display:flex;flex-direction:column;gap:.75rem}.tier-gate-title{font-family:var(--font-heading);font-size:1.1rem;margin:0;color:var(--text-primary)}.tier-gate-desc{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.45}.tier-gate-btn{align-self:flex-start;margin-top:.25rem}.dev-tools{margin-top:2rem;padding-top:1.5rem;border-top:1px dashed rgba(255,255,255,.12)}.dev-tools-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .75rem}.dev-tools-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dev-tools-select{padding:.4rem .6rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);background-color:var(--bg-card);color:var(--text-primary);font-family:inherit;font-size:.9rem}.system-tag{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background-color:var(--slate);color:var(--text-primary)}.rating-stars{display:inline-flex;align-items:center;gap:.15rem;color:var(--gold);font-size:.9rem}.rating-stars__icons{display:inline-flex;align-items:center;gap:.1rem}.rating-stars__star{display:inline-flex;color:var(--text-muted)}.rating-stars__star--full{color:var(--gold)}.rating-stars__star--half{position:relative}.rating-stars__star--half .rating-stars__star-half{position:absolute;left:0;top:0;width:50%;overflow:hidden;color:var(--gold);pointer-events:none}.rating-stars__star--empty{color:var(--text-muted)}.rating-stars--interactive .rating-stars__star{cursor:pointer}.rating-stars--interactive .rating-stars__star:hover,.rating-stars--interactive .rating-stars__star:focus-visible{color:var(--gold-light)}.rating-stars__count{margin-left:.25rem;font-size:.8em;color:var(--text-secondary)}.threat-badge{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;font-family:var(--font-mono);background-color:var(--bg-elevated);color:var(--text-secondary);border:1px solid rgba(255,255,255,.08)}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;color:var(--sage-light);background-color:#7a9e8726;border:1px solid var(--sage-dark)}.navbar{position:sticky;top:0;z-index:100;width:100%;background-color:var(--bg-surface);border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem;height:60px}.navbar-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar-logo:hover{opacity:.85;transition:opacity .15s ease}.navbar-links{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center}.navbar-link{font-size:.875rem;color:var(--text-secondary);text-decoration:none;padding:.4rem .75rem;border-radius:var(--radius-sm);transition:color .15s ease,background-color .15s ease;white-space:nowrap}.navbar-link:hover{color:var(--text-primary);background-color:#ffffff0d}.navbar-link--active{color:var(--gold);background-color:#b8962e14}.navbar-link--active:hover{color:var(--gold-light);background-color:#b8962e1f}.navbar-user{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.navbar-username{font-size:.875rem;color:var(--text-primary);font-weight:500;white-space:nowrap}.navbar-logout{font-size:.8rem;padding:.35rem .75rem}.dashboard-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.dashboard-page-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dashboard-section-title{font-family:var(--font-heading);font-size:1.35rem;letter-spacing:.04em;margin:0}.dashboard-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.dashboard-title{font-size:1.5rem;letter-spacing:.04em;margin:0}.dashboard-user{font-size:.9rem;color:var(--text-secondary)}.dashboard-user strong{color:var(--text-primary)}.dashboard-page{align-items:flex-start;min-height:100vh;padding:0;width:100%}.dashboard-main{margin-top:0}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;width:100%}.campaign-card{display:block;padding:1.25rem;background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);text-align:left;text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.campaign-card:hover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 8px 24px #b8962e26}.campaign-card:hover .campaign-card-name{color:var(--text-primary)}.campaign-card-name{font-family:var(--font-heading);font-size:1.1rem;margin:0 0 .5rem}.campaign-card-meta{font-size:.85rem;color:var(--text-secondary);margin:0}.campaign-card-status{display:inline-block;margin-top:.5rem;font-size:.75rem;padding:.15rem .4rem;border-radius:var(--radius-sm);background-color:#ffffff0f;color:var(--text-muted)}.campaign-card-status.active{background-color:#7a9e8733;color:var(--sage-light)}.campaign-card--locked{position:relative;opacity:.75;pointer-events:none}.campaign-card--locked .campaign-card-overlay{pointer-events:auto}.campaign-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#1c1814d9;border-radius:var(--radius-lg)}.campaign-card-overlay-inner{text-align:center;max-width:220px}.campaign-card-overlay-title{font-family:var(--font-heading);font-size:.95rem;margin:0 0 .35rem;color:var(--text-primary)}.campaign-card-overlay-desc{font-size:.8rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.35}.campaign-card-overlay-btn{font-size:.85rem;padding:.4rem .8rem}.template-card{display:block;padding:1.25rem;background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);text-align:left;text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.template-card:hover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 8px 24px #b8962e26}.template-card-name{font-family:var(--font-heading);font-size:1.1rem;margin:0 0 .5rem;color:var(--text-primary)}.template-card-meta{font-size:.85rem;color:var(--text-secondary);margin:0 0 .5rem}.template-card-desc{font-size:.85rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.template-card-stats{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.template-card-downloads{font-size:.8rem;color:var(--text-muted)}.template-card-main{display:block;text-decoration:none;color:inherit}.template-card-creator{font-size:.8rem;color:var(--text-muted);margin:0}.creator-link{color:var(--sage);text-decoration:none}.creator-link:hover{text-decoration:underline}.monster-card--locked{position:relative;cursor:default;pointer-events:none}.monster-card--locked .monster-card-content{opacity:.6}.monster-card--locked .monster-card-lock-overlay{pointer-events:auto}.monster-card-lock-overlay{position:absolute;inset:0;background-color:#1c181466;border-radius:var(--radius-lg)}.monster-card-lock-badge{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.7rem}.monster-card-lock-badge svg{width:12px;height:12px}.monster-card-type-badge{display:inline-block;padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500}.monster-card-type-badge--monster{background-color:#c4622d33;color:var(--fire)}.monster-card-type-badge--npc{background-color:#7a9e8733;color:var(--sage-light)}.monster-card-type-badge--encounter_pack{background-color:#b8962e33;color:var(--gold-light)}.marketplace-page{align-items:flex-start;min-height:100vh;padding:0;width:100%}.marketplace-content{width:100%;max-width:1100px;margin:0 auto;padding:2rem}.marketplace-header{max-width:100%}.marketplace-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:.35rem}.marketplace-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.marketplace-search{flex:1;min-width:180px;max-width:320px}.marketplace-select{padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background-color:var(--bg-elevated);color:var(--text-primary);font-size:.9rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.template-detail-card{max-width:640px}.template-detail-creator{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem}.template-detail-stats{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.template-detail-downloads{font-size:.9rem;color:var(--text-muted)}.template-detail-section{margin-bottom:1.5rem}.template-detail-heading{font-family:var(--font-heading);font-size:1rem;margin:0 0 .5rem;color:var(--text-primary)}.template-detail-description{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0}.template-detail-schema-list{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:.9rem}.template-detail-schema-item{margin-bottom:.5rem}.template-detail-fields{margin:.25rem 0 0 1rem;padding-left:1rem;font-size:.85rem;color:var(--text-muted)}.template-detail-actions{margin:1.5rem 0}.template-detail-reviews-placeholder{padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.template-detail-reviews-coming{font-size:.9rem;color:var(--text-muted);margin:0}.review-list{list-style:none;margin:0 0 1.5rem;padding:0}.review-list-item{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.review-list-item:last-child{border-bottom:none}.review-list-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.25rem}.review-list-author{font-weight:600;font-size:.9rem;color:var(--text-primary)}.review-list-date{font-size:.85rem;color:var(--text-muted)}.review-list-body{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0;white-space:pre-wrap}.review-form{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.review-form-row{margin-bottom:.75rem}.review-form-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.review-form-body{width:100%;max-width:32rem;padding:.5rem .75rem;font:inherit;font-size:.9rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#0003;color:var(--text-primary);resize:vertical}.review-form-body::placeholder{color:var(--text-muted)}.review-form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.review-form-error{margin:.5rem 0 0;font-size:.9rem}.creator-profile-card{max-width:56rem}.creator-profile-header{margin-bottom:1.5rem}.creator-profile-title{margin-bottom:.5rem}.creator-profile-stats{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.5rem}.creator-profile-reputation-numeric{font-size:.9rem;color:var(--text-muted)}.creator-profile-badges{margin:0 0 .5rem}.creator-profile-bio{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .75rem}.creator-profile-systems{display:flex;flex-wrap:wrap;gap:.35rem}.creator-profile-section{margin-top:1.5rem}.creator-profile-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.account-card{max-width:40rem}.account-section{margin-bottom:1.5rem}.account-field{margin-bottom:1rem}.account-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.account-value{font-size:1rem;color:var(--text-primary);margin:0}.account-textarea{width:100%;max-width:32rem;padding:.5rem .75rem;font:inherit;font-size:.9rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#0003;color:var(--text-primary);resize:vertical}.account-systems{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:.25rem}.account-system-check{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:var(--text-secondary);cursor:pointer}.account-system-check input{cursor:pointer}.creator-dashboard-card{max-width:48rem}.creator-dashboard-summary{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.5rem}.creator-dashboard-summary-text{font-size:.9rem;color:var(--text-muted)}.creator-dashboard-section{margin-top:1.5rem}.creator-dashboard-placeholder{opacity:.85}.creator-dashboard-list{list-style:none;margin:0;padding:0}.creator-dashboard-item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.creator-dashboard-item-link{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem .75rem;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);text-decoration:none;color:inherit;font-size:.9rem}.creator-dashboard-item-link:hover{border-color:#ffffff1f}.creator-dashboard-item-name{font-weight:500;color:var(--text-primary)}.creator-dashboard-item-status{font-size:.75rem;padding:.15rem .4rem;border-radius:var(--radius-sm)}.creator-dashboard-item-status.listed{background:#7a9e8733;color:var(--sage)}.creator-dashboard-item-status.draft{background:#ffffff14;color:var(--text-muted)}.creator-dashboard-item-downloads{font-size:.8rem;color:var(--text-muted)}.creator-dashboard-unpublish{margin-left:.5rem}.creator-dashboard-tips-total{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem}.creator-dashboard-tip-list{list-style:none;margin:0;padding:0}.creator-dashboard-tip-item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem}.creator-dashboard-tip-date{color:var(--text-muted)}.creator-dashboard-tip-amount{font-weight:600;color:var(--text-primary)}.creator-dashboard-tip-content{color:var(--text-secondary)}.creator-dashboard-tip-status{font-size:.75rem;padding:.15rem .4rem;border-radius:var(--radius-sm);background:#ffffff14;color:var(--text-muted)}.tip-button-trigger{margin-top:.5rem}.tip-button-success{font-size:.9rem;color:var(--sage);margin:.5rem 0 0}.tip-button-picker,.tip-button-confirm{margin-top:.75rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.06)}.tip-button-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin:0 0 .5rem}.tip-button-presets{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.tip-button-preset.active{border-color:var(--gold);color:var(--gold-light)}.tip-button-custom{margin-bottom:.5rem}.tip-button-custom-label{font-size:.85rem;color:var(--text-muted);margin-right:.25rem}.tip-button-custom-input{width:4rem;padding:.25rem .5rem;font:inherit;font-size:.9rem;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);background:#0003;color:var(--text-primary)}.tip-button-confirm-text{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem}.tip-button-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tip-button-error{margin:.25rem 0 0;font-size:.85rem}.stat-block-view{display:grid;gap:.5rem;margin:0;font-size:.9rem}.stat-block-row{display:grid;grid-template-columns:140px 1fr;gap:.75rem;margin:0}.stat-block-label{color:var(--text-muted);margin:0}.stat-block-value{color:var(--text-primary);margin:0}.stat-block-section{margin:0;margin-top:1rem}.stat-block-section-title{font-family:var(--font-heading);font-size:.95rem;margin:0 0 .35rem;color:var(--text-primary)}.stat-block-section-content{margin:0}.stat-block-list{list-style:none;margin:0;padding:0}.stat-block-list-item{padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-secondary)}.stat-block-list-cell{display:block;margin-bottom:.2rem}.stat-block-list-cell:first-child{color:var(--text-primary);font-weight:500}.stat-block-raw{font-size:.8rem;background:var(--bg-elevated);padding:1rem;border-radius:var(--radius-sm);overflow:auto;margin:0;color:var(--text-secondary)}.monster-upload-npc-note{font-size:.9rem;color:var(--text-secondary);background-color:#7a9e871a;border:1px solid var(--sage-dark);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:1rem}.monster-upload-form .monster-form-row{margin-bottom:1rem}.monster-upload-form .field-label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--text-secondary)}.my-templates-list{list-style:none;margin:0;padding:0}.my-templates-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);margin-bottom:.75rem}.my-templates-item-main{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.my-templates-name{font-family:var(--font-heading);font-size:1rem;color:var(--text-primary)}.my-templates-badge{font-size:.75rem;padding:.15rem .4rem;border-radius:var(--radius-sm);font-weight:500}.my-templates-badge.draft{background-color:#ffffff14;color:var(--text-muted)}.my-templates-badge.listed{background-color:#7a9e8733;color:var(--sage-light)}.my-templates-item-actions{display:flex;align-items:center;gap:.5rem}.empty-state{padding:2.5rem 1.5rem;text-align:center;background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px dashed rgba(255,255,255,.1)}.empty-state-title{font-family:var(--font-heading);font-size:1.1rem;margin:0 0 .5rem}.empty-state-desc{font-size:.9rem;color:var(--text-secondary);margin:0}.campaign-page-header{margin-bottom:1.5rem}.campaign-page-title{font-size:1.75rem;letter-spacing:.04em;margin:0 0 .35rem}.campaign-character-link{color:var(--accent);text-decoration:none}.campaign-character-link:hover{text-decoration:underline}.campaign-add-character-wrap{position:relative}.campaign-add-character-trigger{min-width:10rem}.campaign-add-character-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;z-index:10;min-width:12rem}.campaign-add-character-option{display:block;width:100%;padding:.5rem .75rem;text-align:left;font-size:.9rem;color:var(--text-primary);background:none;border:none;cursor:pointer;text-decoration:none;border-radius:0}.campaign-add-character-option:hover{background-color:#ffffff0f}.campaign-roster-list--with-actions li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.campaign-roster-list-item-with-actions{padding:.5rem 0!important}.campaign-unassign-btn{font-size:.85rem;padding:.3rem .5rem}.modal-backdrop{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.campaign-assign-modal{max-width:420px;width:100%;max-height:90vh;overflow:auto}.campaign-assign-modal .campaign-section-title{margin-top:0}.campaign-assign-modal-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0!important;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.campaign-assign-modal-name{font-weight:500;color:var(--text-primary);flex:1;min-width:0}.campaign-assign-modal-meta{flex-shrink:0}.campaign-page-meta{font-size:.9rem;color:var(--text-secondary);margin:0}.campaign-section{margin-top:1.5rem}.campaign-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.campaign-section-title{font-family:var(--font-heading);font-size:1rem;margin:0 0 .5rem;color:var(--text-primary)}.campaign-section-header .campaign-section-title{margin:0}.campaign-roster-list{list-style:none;margin:0;padding:0}.campaign-roster-list li{padding:.35rem 0;font-size:.9rem;color:var(--text-secondary)}.campaign-session-list{list-style:none;margin:0;padding:0}.campaign-session-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.campaign-session-item:last-child{border-bottom:none}.campaign-session-label{font-size:.95rem;color:var(--text-primary);flex:1;min-width:0}.campaign-session-meta{flex-shrink:0}.campaign-session-status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:var(--radius-sm)}.campaign-session-status--active{color:var(--sage-light);background-color:#7a9e8733}.campaign-session-status--ended{color:var(--text-muted);background-color:#ffffff0f}.campaign-session-link{font-size:.9rem;color:var(--gold-light);text-decoration:none;font-weight:500}.campaign-session-link:hover{text-decoration:underline}.invite-code{font-family:var(--font-mono);font-size:.85rem;padding:.5rem .75rem;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);color:var(--text-primary);margin-top:.5rem}.roster-character-list{list-style:none;margin:1.5rem 0 0;padding:0}.roster-character-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.roster-character-item:last-child{border-bottom:none}.roster-character-main{flex:1;min-width:0}.roster-character-name{font-size:1rem;font-weight:500;color:var(--gold-light);text-decoration:none;display:inline-block;margin-bottom:.25rem}.roster-character-name:hover{text-decoration:underline}.roster-character-meta{font-size:.875rem;color:var(--text-secondary);display:block}.roster-character-assigned{color:var(--sage-light)}.roster-character-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.roster-action-btn{font-size:.85rem;padding:.35rem .6rem;text-decoration:none}.roster-assign-select{font-size:.85rem;padding:.35rem .6rem;background-color:var(--bg-surface);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--text-primary);min-width:10rem}.roster-unassign-btn,.roster-delete-btn{color:var(--text-muted)}.roster-delete-btn:hover{color:var(--fire, #c4622d)}.placeholder-section{padding:1.5rem;background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px dashed rgba(255,255,255,.1);color:var(--text-muted);font-size:.9rem}.session-page-card{max-width:640px}.session-page-header{margin-bottom:1rem}.session-page-title{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:.04em;color:var(--text-primary);margin:0 0 .35rem}.session-page-meta{font-size:.9rem;color:var(--text-secondary);margin:0}.session-round{color:var(--gold-light);font-weight:500}.session-page-actions{margin-bottom:1.5rem}.session-placeholder{padding:2rem;background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px dashed rgba(255,255,255,.1);color:var(--text-muted);font-size:.9rem;text-align:center}.combat-tracker{margin-top:1rem}.combat-tracker-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.combat-tracker-title-row{display:flex;align-items:baseline;gap:.75rem}.combat-tracker-title{font-family:var(--font-heading);font-size:1.15rem;letter-spacing:.04em;color:var(--text-primary);margin:0}.combat-tracker-round{font-size:.9rem;color:var(--gold-light);font-weight:500}.combat-tracker-next-btn{flex-shrink:0}.combat-tracker-empty{padding:1.5rem;background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px dashed rgba(255,255,255,.1);margin-bottom:1rem}.combat-tracker-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.combatant-row{background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);transition:border-color .2s ease,box-shadow .2s ease}.combatant-row--active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.combatant-row-inner{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.65rem}.combatant-row-top{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.combatant-row-bottom{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0}.combatant-row-hp-bar-wrap{flex:0 1 60%;min-width:0}.combatant-row-hp-bar-wrap .hp-bar-track{width:100%;flex:none}.combatant-row-hp-actions{flex:0 1 40%;min-width:0;display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.combatant-row-initiative{flex-shrink:0;width:3rem}.combatant-input{font-family:var(--font-body);font-size:.9rem;padding:.35rem .5rem;background-color:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);width:100%}.combatant-input:focus{outline:none;border-color:var(--gold)}.combatant-input--init{width:100%;text-align:center;font-family:var(--font-mono)}.combatant-input--name{min-width:100px;max-width:160px}.combatant-row-name-type{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.combatant-type-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .4rem;border-radius:var(--radius-sm)}.combatant-type-badge--player{color:var(--sage-light);background-color:#7a9e8733}.combatant-type-badge--monster{color:var(--fire);background-color:#c4622d33}.combatant-type-badge--npc{color:var(--gold-light);background-color:#b8962e33}.combatant-row-ac{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.combatant-ac-label{font-size:.75rem;color:var(--text-muted)}.combatant-input--ac{width:2.5rem;text-align:center;font-family:var(--font-mono)}.combatant-hp-text{font-size:.85rem;font-family:var(--font-mono);color:var(--text-secondary);min-width:3.5rem;flex-shrink:0}.hp-bar-track{flex:1;min-width:60px;height:6px;background-color:var(--bg-card);border-radius:var(--radius-sm);overflow:hidden}.hp-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .2s ease,background-color .2s ease}.combatant-hp-quick{display:flex;align-items:center;gap:.2rem}.combatant-hp-btn{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.combatant-hp-btn:hover{border-color:var(--sage);color:var(--sage-light)}.combatant-hp-delta-form{display:inline-block}.combatant-input--hp-delta{width:2.5rem;text-align:center;padding:.25rem}.combatant-row-effects{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;flex-shrink:0}.combatant-row-remove{margin-left:auto;flex-shrink:0}.combatant-init-readonly,.combatant-name-readonly,.combatant-ac-readonly{font-size:.9rem;color:var(--text-primary)}.combatant-init-readonly,.combatant-ac-readonly{font-family:var(--font-mono)}.combatant-init-readonly{display:inline-block;width:3rem;text-align:center}.combatant-name-readonly{min-width:100px;max-width:160px}.combatant-ac-readonly{min-width:1.5rem;text-align:center}.combat-tracker--player .combat-tracker-header{margin-bottom:1rem}.combatant-remove-btn{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background-color:transparent;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.combatant-remove-btn:hover{border-color:var(--fire);color:var(--fire)}.status-effect-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background-color:#ffffff14;border:1px solid var(--effect-color);color:var(--text-primary)}.status-effect-badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--effect-color);flex-shrink:0}.status-effect-badge-name{white-space:nowrap}.status-effect-manager{position:absolute;top:100%;left:0;z-index:50;margin-top:.35rem;min-width:280px;max-width:320px;padding:1rem;background-color:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px #0006}.status-effect-manager-section{margin-bottom:1rem}.status-effect-manager-section:last-child{margin-bottom:0}.status-effect-manager-section-title{font-family:var(--font-heading);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.5rem}.status-effect-manager-empty{font-size:.85rem;color:var(--text-muted);margin:0}.status-effect-manager-active{display:flex;flex-wrap:wrap;gap:.35rem}.status-effect-manager-active-item{display:inline-flex;align-items:center;gap:.2rem}.status-effect-manager-remove{width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:1rem;line-height:1;border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s}.status-effect-manager-remove:hover{color:var(--fire)}.status-effect-manager-builtin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.status-effect-manager-pill{padding:.35rem .5rem;font-size:.8rem;font-weight:500;text-align:left;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.status-effect-manager-pill:hover{border-color:var(--pill-color);color:var(--text-primary)}.status-effect-manager-pill--active{border-color:var(--pill-color);background-color:#ffffff1f;color:var(--text-primary)}.status-effect-manager-custom{display:flex;flex-direction:column;gap:.5rem}.status-effect-manager-custom-name{min-width:0}.status-effect-manager-swatches{display:flex;flex-wrap:wrap;gap:.35rem}.status-effect-manager-swatch{width:1.5rem;height:1.5rem;padding:0;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .1s}.status-effect-manager-swatch:hover{transform:scale(1.08)}.status-effect-manager-swatch--selected{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary)}.status-effect-manager-add-btn{align-self:flex-start}.combatant-row-effects-cell{position:relative;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.combatant-row-effect-trigger{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background-color:var(--bg-card);color:var(--gold-light);cursor:pointer;transition:border-color .15s,color .15s}.combatant-row-effect-trigger:hover{border-color:var(--gold);color:var(--gold)}.combatant-row-effect-trigger.is-open{border-color:var(--gold);background-color:#b8962e26;color:var(--gold)}.dm-visibility-controls{display:flex;align-items:center;gap:.2rem}.dm-visibility-btn{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background-color:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.dm-visibility-btn:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.dm-visibility-btn.is-on{border-color:var(--sage);color:var(--sage-light)}.add-combatant-form{margin-top:.5rem}.add-combatant-toggle{margin-bottom:.75rem}.add-combatant-fields{padding:1rem;background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06)}.add-combatant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-bottom:.75rem}.add-combatant-label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--text-secondary)}.add-combatant-label .combatant-input{min-width:0}.add-combatant-actions{display:flex;gap:.5rem;justify-content:flex-end}.add-combatant-mode-toggle{display:flex;gap:.5rem;margin-bottom:.75rem}.add-combatant-from-campaign{margin-bottom:0}.add-combatant-character-list{list-style:none;padding:0;margin:0 0 .75rem;display:flex;flex-direction:column;gap:.5rem}.add-combatant-character-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.add-combatant-character-item:last-child{border-bottom:none}.add-combatant-character-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.add-combatant-character-meta{font-size:.8rem;color:var(--text-secondary)}.campaign-roster-player-header{padding:.25rem 0;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.campaign-roster-player-name{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:100}.modal-card{width:100%;max-width:420px;background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 56px #00000080;padding:2rem}.modal-actions{flex-direction:row;justify-content:flex-end;gap:.5rem}.sheet-renderer{display:flex;flex-direction:column;gap:1.5rem}.sheet-edit-bar{position:sticky;top:0;z-index:10;display:flex;justify-content:flex-end;padding:.5rem 0;margin-bottom:.5rem;background:linear-gradient(to bottom,var(--bg-base) 60%,transparent)}.sheet-edit-btn{padding:.4rem .9rem;font-size:.9rem;color:var(--gold-light);background:transparent;border:1px solid rgba(212,174,74,.5);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body)}.sheet-edit-btn:hover{background-color:#b8962e1f;border-color:var(--gold)}.sheet-done-btn{padding:.4rem .9rem;font-size:.9rem;color:var(--bg-base);background-color:var(--gold);border:1px solid var(--gold);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body)}.sheet-done-btn:hover{background-color:var(--gold-light);border-color:var(--gold-light)}.sheet-section{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);padding:1.25rem}.sheet-section-title{font-family:var(--font-heading);font-size:1rem;letter-spacing:.04em;color:var(--gold-light);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.sheet-section-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem 1.25rem}.sheet-section-currency .sheet-section-fields{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-width:540px}.sheet-field{display:flex;flex-direction:column;gap:.35rem}.sheet-field-label{color:var(--text-secondary);font-size:.85rem}.sheet-field-id-hint{display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:.15rem;margin-bottom:.25rem}.sheet-field-input{min-width:0}.sheet-field-textarea{grid-column:1 / -1;min-height:4rem;resize:vertical}.sheet-field-derived{background-color:var(--bg-base);color:var(--text-muted);cursor:default}.sheet-field-view{font-size:inherit;line-height:1.5;color:var(--text-primary);min-height:1.5em}.sheet-field-view--empty{color:var(--text-muted)}.sheet-field-view-textarea{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.sheet-field-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary)}.sheet-field-checkbox input{width:1rem;height:1rem;accent-color:var(--gold)}.sheet-field-checkbox-label{flex:1}.sheet-field-list{grid-column:1 / -1}.sheet-list-wrapper{display:flex;flex-direction:column;gap:.75rem}.sheet-list-wrapper--view .sheet-list-row{cursor:default}.sheet-list-wrapper--view .sheet-list-row:hover{background-color:transparent}.sheet-list-table{table-layout:fixed;width:100%;border-collapse:collapse;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);overflow:hidden}.sheet-list-header{background-color:var(--bg-elevated)}.sheet-list-header .sheet-list-cell{color:var(--gold-light);font-family:var(--font-heading);font-size:.8rem;letter-spacing:.03em;text-align:left;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-list-row{border-bottom:1px solid rgba(255,255,255,.05)}.sheet-list-row:last-child{border-bottom:none}.sheet-list-cell{padding:.35rem .75rem;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.sheet-list-cell-input{width:100%;min-width:0}.sheet-list-cell input[type=number]{min-width:70px}.sheet-list-cell-text-trigger{cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-list-cell-overlay{position:fixed;z-index:100;width:320px;padding:.5rem;min-height:152px;background-color:var(--bg-elevated);border:1px solid rgba(212,174,74,.4);border-radius:var(--radius-md);box-shadow:0 4px 20px #0006}.sheet-list-cell-overlay-textarea{width:100%;min-height:140px;box-sizing:border-box;padding:.5rem .75rem;margin:0;border:none;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font:inherit;resize:vertical}.sheet-list-cell-overlay-textarea:focus{outline:none}.sheet-list-cell-small{width:80px}.sheet-list-cell-medium{width:120px}.sheet-list-cell-large{max-width:200px;min-width:0;width:auto}.sheet-list-cell-actions{width:36px;text-align:right;white-space:nowrap}.sheet-list-cell select{width:100%;min-width:0;box-sizing:border-box}.sheet-list-delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem;border-radius:var(--radius-sm)}.sheet-list-delete-btn:hover{color:var(--text-primary);background-color:#ffffff0f}.sheet-list-add-btn{align-self:flex-start;padding:.4rem .75rem;font-size:.85rem;color:var(--gold-light);background-color:var(--bg-elevated);border:1px solid rgba(212,174,74,.3);border-radius:var(--radius-sm);cursor:pointer}.sheet-list-add-btn:hover{background-color:#b8962e26;border-color:var(--gold)}.sheet-list-cell-checkbox{margin:0}.sheet-list-cell-checkbox input{width:1rem;height:1rem;accent-color:var(--gold)}.sheet-list-compact-row{vertical-align:middle}.sheet-list-edit-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:.25rem;border-radius:var(--radius-sm)}.sheet-list-edit-btn:hover{color:var(--gold-light);background-color:#d4ae4a26}.sheet-list-view-details-btn{color:var(--text-muted);font-size:1.1rem;letter-spacing:.05em}.sheet-list-view-details-btn:hover{color:var(--text-secondary);background-color:#ffffff0f}.sheet-list-modal-overlay{position:fixed;inset:0;z-index:200;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.sheet-list-modal{max-width:560px;width:100%;background-color:var(--bg-elevated);border:1px solid rgba(212,174,74,.4);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;padding:1.5rem}.sheet-list-modal-title{font-family:var(--font-heading);font-size:1.25rem;color:var(--gold-light);margin:0 0 1.25rem}.sheet-list-modal-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.sheet-list-modal-field{display:flex;flex-direction:column;gap:.35rem}.sheet-list-modal-field .sheet-field-textarea{min-height:4rem;resize:vertical}.sheet-list-modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.sheet-list-modal-delete-btn{margin-left:auto;padding:.4rem .75rem;font-size:.85rem;color:var(--text-muted);background:none;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);cursor:pointer}.sheet-list-modal-delete-btn:hover{color:var(--text-primary);border-color:#ffffff40}.system-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:.5rem}.system-select-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:1.25rem;background-color:var(--bg-surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.system-select-card:hover{background-color:var(--bg-elevated);border-color:#d4ae4a59;box-shadow:0 0 0 1px #d4ae4a33}.system-select-card-tag{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background-color:var(--slate);color:var(--text-primary);margin-bottom:.75rem}.system-select-card-title{font-family:var(--font-heading);font-size:1.1rem;color:var(--text-primary);margin:0 0 .35rem}.system-select-card-desc{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.character-builder-name-row{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem;max-width:320px}.character-builder-card{max-width:720px}.character-builder-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.template-builder-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-base)}.template-builder-tabs--mobile,.template-builder-mobile-only{display:none}.template-builder-layout{display:grid;grid-template-columns:45fr 55fr;min-height:100vh;flex:1}.template-builder-panel{background-color:var(--bg-surface);border-radius:0;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;padding:1.25rem 1.5rem;min-height:100%}.template-builder-preview-panel{background-color:var(--bg-base);overflow-y:auto;padding:1.25rem 1.5rem;min-height:100%}.template-builder-preview-panel .sheet-edit-bar{display:none}.template-builder-preview-inner{max-width:720px;margin:0 auto}.template-builder-header{margin-bottom:1.5rem}.template-builder-header-row{margin-bottom:.75rem}.template-builder-back{color:var(--text-secondary);font-size:.9rem}.template-builder-back:hover{color:var(--gold-light)}.template-builder-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin:0 0 1rem}.template-builder-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.template-builder-input{background-color:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);padding:.5rem .75rem;font-size:.9rem;font-family:inherit}.template-builder-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #b8962e33}.template-builder-input--name{flex:1;min-width:180px}.template-builder-input--version{width:100px}.template-builder-input--description{flex:1;min-width:200px}.template-builder-select{background-color:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);padding:.5rem .75rem;font-size:.9rem;font-family:inherit;min-width:140px}.template-builder-select--type{min-width:110px}.template-builder-select--small{min-width:80px;padding:.35rem .5rem;font-size:.8rem}.template-builder-validation{color:var(--fire);font-size:.85rem;margin:.5rem 0 0;padding-left:1.25rem}.template-builder-error{color:var(--fire);font-size:.9rem;margin:.5rem 0 0}.template-builder-actions{margin-top:1rem}.template-builder-sections-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.template-builder-section-heading{font-family:var(--font-heading);font-size:1.1rem;color:var(--text-secondary);margin:0}.template-builder-section-block{background-color:var(--bg-elevated);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);margin-bottom:.75rem;overflow:hidden}.template-builder-section-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem}.template-builder-section-drag{display:flex;gap:.25rem}.template-builder-section-header .template-builder-input--section-label{flex:1;min-width:120px}.template-builder-id-display{display:inline-block;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);padding:.35rem .5rem;min-width:100px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-builder-section-header .template-builder-id-display{width:120px}.template-builder-icon-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1.1rem;line-height:1}.template-builder-icon-btn:hover:not(:disabled){background-color:#ffffff14;color:var(--text-primary)}.template-builder-icon-btn:disabled{opacity:.4;cursor:not-allowed}.template-builder-icon-btn--danger:hover:not(:disabled){color:var(--fire);background-color:#c4622d26}.template-builder-section-fields{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.template-builder-field-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;background-color:var(--bg-card);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.04)}.template-builder-field-drag{display:flex;gap:.15rem}.template-builder-field-row .template-builder-input--field-label{min-width:100px;flex:1}.template-builder-field-row .template-builder-id-display{width:100px;max-width:100px}.template-builder-checkbox-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.template-builder-field-extra{width:100%;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.35rem}.template-builder-field-extra label{font-size:.8rem;color:var(--text-muted)}.template-builder-input--small{max-width:120px}.template-builder-input--formula{font-family:var(--font-mono);font-size:.85rem}.template-builder-options-editor textarea,.template-builder-textarea{width:100%;min-height:80px;padding:.5rem .75rem;font-size:.85rem;font-family:inherit;background-color:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical}.template-builder-list-columns{gap:.5rem}.template-builder-list-column-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.btn-sm{padding:.35rem .75rem;font-size:.85rem}@media(max-width:768px){.template-builder-layout{display:none}.template-builder-tabs--mobile{display:flex;gap:.25rem;padding:.75rem 1rem;background-color:var(--bg-surface);border-bottom:1px solid rgba(255,255,255,.06)}.template-builder-tab{flex:1;padding:.6rem 1rem;font-size:.9rem;font-weight:500;background-color:var(--bg-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.template-builder-tab--active{background-color:var(--gold);color:var(--text-dark);border-color:var(--gold)}.template-builder-mobile-only{display:block;flex:1;overflow:auto}.template-builder-mobile-build .template-builder-panel,.template-builder-mobile-preview .template-builder-preview-panel{min-height:auto}}