[data-theme=dark]{--pico-primary: #ff6b35;--pico-primary-hover: #ff8c42;--pico-primary-focus: rgba(255, 107, 53, .4);--pico-secondary: #3a546e;--pico-secondary-hover: #4a6583;--pico-secondary-focus: rgba(58, 84, 110, .4);--pico-secondary-background: #3a546e;--pico-secondary-hover-background: #4a6583;--pico-background-color: #1a1c22;--pico-card-background-color: #272a33;--pico-color: #e6dcc6;--pico-h1-color: #f0e6d2;--pico-muted-color: #bdb6a1;--pico-muted-border-color: #3a3e4a;--pico-ins-color: #a4bd4f;--pico-del-color: #d9534f;--pico-form-element-background-color: #2a2e38;--pico-form-element-border-color: #3a3e4a;--pico-form-element-color: #e6dcc6}[data-theme=light]{--pico-primary: #d4570a;--pico-primary-hover: #e66a1a;--pico-primary-focus: rgba(212, 87, 10, .4);--pico-secondary: #4e3a22;--pico-secondary-hover: #6b5c45;--pico-secondary-focus: rgba(78, 58, 34, .4);--pico-secondary-background: #4e3a22;--pico-secondary-hover-background: #6b5c45;--pico-background-color: #f5f0e1;--pico-card-background-color: #eee5d3;--pico-color: #2a2114;--pico-h1-color: #1e1810;--pico-muted-color: #5a4a34;--pico-muted-border-color: #c4b696;--pico-ins-color: #4a5f29;--pico-del-color: #7c0000;--pico-form-element-background-color: #f8f4e9;--pico-form-element-border-color: #c4b696;--pico-form-element-color: #2a2114}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-xxs: .5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-family-heading: "Cinzel", serif;--font-family-body: "Alegreya", serif;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--transition-fast: .2s;--transition-normal: .3s;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .1);--shadow-glow: 0 0 8px rgba(255, 223, 0, .3);--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--border-ornate: 2px solid var(--pico-muted-border-color);--border-scroll: 8px solid transparent;--border-image-scroll: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="75" height="75" viewBox="0 0 75 75"><path fill="%23d3c6a6" d="M0 0v75h75V0H0zm1 1h73v73H1V1z"/></svg>') 8 8 8 8 repeat}:root{--color-very-negative: #d9534f;--color-negative: #f0ad4e;--color-neutral: var(--pico-muted-color);--color-positive: #5cb85c;--color-very-positive: #5bc0de;--color-gold: #ffd700;--color-silver: #c0c0c0;--color-bronze: #cd7f32;--color-parchment: #f5f0e1;--color-leather: #8b4513;--color-wood: #966F33;--color-focus-ring: var(--pico-primary-focus);--color-disabled: rgba(0, 0, 0, .2)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:600;text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent;cursor:pointer;line-height:1.5;font-size:var(--font-size-sm);box-sizing:border-box;min-width:90px;min-height:40px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.button:disabled,.button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.button-primary{background-color:var(--pico-primary);color:#fff;font-weight:600}.button-primary:hover{background-color:var(--pico-primary-hover);box-shadow:var(--shadow-md),0 0 12px #ff6b3566;transform:translateY(-1px)}.button-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button-secondary{background-color:var(--pico-secondary);color:#fff}.button-secondary:hover{background-color:var(--pico-secondary-hover);box-shadow:var(--shadow-md),0 0 12px #3a546e66;transform:translateY(-1px)}.button-secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button-danger{background-color:var(--color-very-negative);color:#fff}.button-danger:hover{box-shadow:var(--shadow-md),0 0 12px #d9534f66;transform:translateY(-1px)}.button-danger:active{transform:translateY(0);box-shadow:var(--shadow-sm)}form.button_to{margin:0}.card{background-color:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-md);transition:transform var(--transition-fast);overflow:hidden;padding:var(--spacing-sm)}.card:hover{transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.card-content{padding:var(--spacing-lg)}.back-link{display:inline-flex;margin-bottom:var(--spacing-md);text-decoration:none;color:var(--pico-muted-color);transition:color var(--transition-fast)}.back-link:hover{color:var(--pico-primary)}fieldset{border:var(--border-ornate);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}legend{font-family:var(--font-family-heading);font-weight:600;padding:0 var(--spacing-sm);color:var(--pico-primary)}.field{margin-bottom:var(--spacing-md)}.field-error{color:var(--pico-del-color);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.modifier-very-negative{color:var(--color-very-negative);font-weight:700}.modifier-negative{color:var(--color-negative)}.modifier-neutral{color:var(--color-neutral)}.modifier-positive{color:var(--color-positive)}.modifier-very-positive{color:var(--color-very-positive);font-weight:700}.u-hover-raise{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.u-hover-raise:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.u-top-accent{position:relative}.u-top-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--pico-primary),transparent);opacity:.7}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.grid-col-span-full{grid-column:1 / -1}.alert-error{color:var(--pico-del-color)}.alert-success{color:var(--pico-ins-color)}.alert-info{color:var(--pico-primary)}.form-label{display:block;margin-bottom:var(--spacing-xs)}.divider-margin{margin:var(--spacing-sm) 0}.hello-message{margin:var(--spacing-md) 0;font-style:italic;color:var(--pico-muted-color)}.toc-section{margin-bottom:var(--spacing-lg)}.toc-nav ul{list-style:none;padding:0;display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.toc-nav a{color:var(--pico-primary);text-decoration:none;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.toc-nav a:hover{background-color:var(--pico-primary);color:#fff}.table-container{overflow-x:auto;margin:var(--spacing-md) 0}.srd-table{width:100%;border-collapse:collapse;background-color:var(--pico-card-background-color);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 2px 4px #0000001a}.srd-table th{background-color:var(--pico-primary);color:#fff;padding:var(--spacing-md);text-align:left;font-weight:600;font-family:var(--font-family-heading)}.srd-table td{padding:var(--spacing-md);border-bottom:1px solid var(--pico-muted-border-color);vertical-align:top}.srd-table tbody tr:hover{background-color:var(--pico-muted-background-color)}@media (max-width: var(--breakpoint-md)){.toc-nav ul{flex-direction:column;gap:var(--spacing-sm)}.srd-table th,.srd-table td{padding:var(--spacing-sm);font-size:var(--font-size-sm)}}header{background-color:var(--pico-background-color);width:100%}main.container{padding-top:var(--spacing-sm)}.header-with-actions{display:flex;justify-content:space-between;align-items:flex-start}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.grid-container{display:grid;gap:var(--spacing-lg)}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.grid-3-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-lg)}.grid-6-col{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md)}.grid-3-col-md{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md)}.grid-2-col-md{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.grid-2-col,.grid-3-col,.grid-2-col-md,.grid-3-col-md,.grid-6-col{grid-template-columns:1fr}}.debug-info{color:var(--color-very-negative);font-size:var(--font-size-sm)}html,body{margin:0;padding:0}body{font-family:var(--font-family-body);background-color:var(--pico-background-color);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%231a1c22" opacity="0.03"/><path d="M0 0L50 50L100 0M0 100L50 50L100 100" stroke="%23d3c6a6" stroke-width="0.5" fill="none" opacity="0.05"/></svg>');background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);letter-spacing:.05em;font-weight:600}h1{font-size:var(--font-size-3xl);margin-top:0;margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-sm)}h1:after{content:"";position:absolute;bottom:0;left:0;width:100px;height:3px;background:linear-gradient(90deg,var(--pico-primary),transparent)}h2{font-size:var(--font-size-2xl);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--pico-primary)}.button{font-family:var(--font-family-heading);letter-spacing:.05em;text-transform:uppercase}input,select,textarea{font-family:var(--font-family-body);border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color);background-color:var(--pico-form-element-background-color);color:var(--pico-form-element-color);box-shadow:var(--shadow-inner);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}input:hover,select:hover,textarea:hover{border-color:var(--pico-primary-hover)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pico-primary);box-shadow:0 0 0 3px var(--pico-primary-focus)}input:disabled,select:disabled,textarea:disabled,input[aria-disabled=true],select[aria-disabled=true],textarea[aria-disabled=true]{opacity:.6;cursor:not-allowed;background-color:var(--pico-muted-border-color)}label{font-family:var(--font-family-heading);font-weight:600;margin-bottom:var(--spacing-xs);display:block;color:var(--pico-h1-color);letter-spacing:.05em}table{border-collapse:separate;border-spacing:0;width:100%;border:var(--border-ornate);border-radius:var(--border-radius-md);overflow:hidden}thead{background-color:var(--pico-card-background-color);border-bottom:2px solid var(--pico-muted-border-color)}th{font-family:var(--font-family-heading);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg)}td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--pico-muted-border-color)}tr:last-child td{border-bottom:none}.ability-score-box{border:var(--border-ornate);padding:var(--spacing-md);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.ability-score-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--pico-primary),transparent);opacity:.7}.ability-name{font-family:var(--font-family-heading);letter-spacing:.05em}.ability-value{font-size:var(--font-size-xl);font-weight:700}.character-details dl{margin-bottom:var(--spacing-lg)}.character-details dt{font-family:var(--font-family-heading);color:var(--pico-primary);letter-spacing:.05em}.character-details dd{font-family:var(--font-family-body)}.character-feature h3{font-family:var(--font-family-heading);letter-spacing:.05em}.character-feature p{border:var(--border-ornate);font-style:italic;position:relative;box-shadow:var(--shadow-inner)}nav{border-bottom:var(--border-ornate);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);background-color:var(--pico-background-color);max-width:1400px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}nav a{font-family:var(--font-family-heading);letter-spacing:.05em;text-transform:uppercase;font-size:var(--font-size-sm);font-weight:600}.flash-alert,.flash-notice{border:var(--border-ornate);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.fantasy-divider{height:20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="20" viewBox="0 0 100 20"><path d="M0 10 L40 10 L50 0 L60 10 L100 10" stroke="%23d3c6a6" stroke-width="1" fill="none"/></svg>');background-repeat:repeat-x;margin:var(--spacing-sm) 0 var(--spacing-md) 0;opacity:.5}[data-theme=light] .parchment-container{background-color:var(--color-parchment);border:var(--border-ornate);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);position:relative}.scroll-container{border:var(--border-scroll);border-image:var(--border-image-scroll);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--pico-card-background-color);box-shadow:var(--shadow-md);position:relative;margin-bottom:var(--spacing-lg)}.fantasy-icon{color:var(--pico-primary);margin-right:var(--spacing-xs)}.campaign-name a{font-family:var(--font-family-heading);letter-spacing:.05em;font-weight:600;color:var(--pico-primary);text-decoration:none;transition:color var(--transition-fast)}.campaign-name a:hover{color:var(--pico-primary-hover);text-decoration:none}.character-snippet{font-size:var(--font-size-sm);color:var(--pico-muted-color);margin:var(--spacing-md) 0;font-style:italic;line-height:1.4;position:relative;padding-left:var(--spacing-md)}.character-snippet:before{content:'"';position:absolute;left:0;top:-5px;font-size:var(--font-size-xl);color:var(--pico-primary);opacity:.5}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:0;background-color:var(--pico-background-color);min-width:180px;box-shadow:var(--pico-box-shadow);z-index:1;border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-md);margin-top:var(--spacing-sm);white-space:nowrap}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{display:block}.dropdown-content li{display:block;padding:var(--spacing-md) var(--spacing-md);margin:0;border-bottom:1px solid var(--pico-muted-border-color)}.dropdown-content li:last-child{border-bottom:none}.dropdown-content li:hover{background-color:var(--pico-muted-border-color)}.dropdown-content a{color:var(--pico-primary);text-decoration:none;display:block;width:100%;font-size:var(--font-size-sm);font-family:var(--font-family-heading);font-weight:600;text-transform:uppercase}.dropdown-content a:hover{color:var(--pico-primary)}.theme-toggle{background-color:#80808033;border:1px solid var(--pico-muted-border-color);color:var(--pico-color);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-sm);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-sm)}.theme-toggle:hover{background-color:var(--pico-muted-border-color);color:var(--pico-primary)}.theme-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}[data-theme=dark] .theme-toggle{background-color:#fff3;border-color:#ffffff4d}[data-theme=light] .theme-toggle{background-color:#0003;border-color:#0006;color:var(--pico-secondary)}[data-theme=light] .theme-toggle i{color:var(--pico-primary)}.theme-toggle-menu{background:none;border:none;color:var(--pico-primary);cursor:pointer;display:flex;align-items:center;width:100%;text-align:left;padding:0;font-size:var(--font-size-sm);font-family:var(--font-family-heading);font-weight:600;text-transform:uppercase}.theme-toggle-menu:hover{color:var(--pico-primary)}.theme-toggle-menu i{margin-right:var(--spacing-sm);color:var(--pico-primary)}.flash-alert,.flash-notice{position:relative;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:space-between;transition:opacity var(--transition-normal) ease;box-shadow:var(--shadow-md);border:var(--border-ornate)}.flash-alert{background-color:var(--pico-del-color);color:#fff}.flash-notice{background-color:var(--pico-ins-color);color:#fff}.flash-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;margin-right:var(--spacing-md)}.flash-content i{font-size:var(--font-size-lg);margin-right:var(--spacing-sm)}.flash-close{background:none;border:none;color:inherit;padding:var(--spacing-sm);cursor:pointer;opacity:.7;transition:all var(--transition-fast) ease;border-radius:var(--border-radius-sm)}.flash-close:hover,.flash-close:focus{opacity:1;background-color:#ffffff1a}.flash-alert[data-dismiss-target=hidden],.flash-notice[data-dismiss-target=hidden]{opacity:0;pointer-events:none}.campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.search-message{font-size:var(--font-size-sm);margin:0}.grid-auto-fill .card .card-content{display:flex;flex-direction:column;min-height:100%}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.campaign-name{margin:0;flex:1}.campaign-name a{color:var(--pico-color);text-decoration:none;font-size:var(--font-size-2xl);font-weight:600}.campaign-name a:hover{color:var(--pico-primary);text-decoration:underline}.campaign-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--font-size-sm);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);border:1px solid;transition:all var(--transition-fast);flex-shrink:0}.campaign-badge-public{background-color:#22c55e1a;color:#16a34a;border-color:#22c55e4d}.campaign-badge-public:hover{background-color:#22c55e33;border-color:#22c55e80}.campaign-badge-private{background-color:#6b72801a;color:#6b7280;border-color:#6b72804d}.campaign-badge-private:hover{background-color:#6b728033;border-color:#6b728080}.campaign-badge i{font-size:var(--font-size-sm)}.campaign-edit-button{margin-top:auto;align-self:flex-start}.campaign-edit-button.button{height:32px!important;padding:0 var(--spacing-sm)!important;font-size:var(--font-size-xs);box-sizing:border-box}.invites-section{margin-bottom:var(--spacing-xl)}.invites-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.invites-section h2{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-xl);color:var(--pico-primary);letter-spacing:.05em;display:flex;align-items:center}.invites-section h2 .fantasy-icon{margin-right:var(--spacing-sm)}.invites-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.invite-item{background-color:var(--pico-card-background-color);border:var(--border-ornate);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);position:relative;transition:all var(--transition-fast)}.invite-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--pico-primary),transparent);opacity:.7}.invite-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.invite-link{margin-bottom:var(--spacing-md)}.invite-url-input{width:100%;font-family:Courier New,monospace;font-size:var(--font-size-sm);background-color:var(--pico-form-element-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--pico-form-element-color);box-shadow:var(--shadow-inner);transition:all var(--transition-fast)}.invite-url-input:hover{border-color:var(--pico-primary-hover)}.invite-url-input:focus{outline:none;border-color:var(--pico-primary);box-shadow:0 0 0 3px var(--pico-primary-focus)}.invite-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.invite-actions .button{min-width:auto;padding:var(--spacing-sm) var(--spacing-md)}.invites-section p{text-align:center;color:var(--pico-muted-color);font-style:italic;margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background-color:var(--pico-card-background-color);border:var(--border-ornate);border-radius:var(--border-radius-md);border-style:dashed}.join-campaign-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:var(--spacing-xl) var(--spacing-md)}.join-container{text-align:center;max-width:520px;width:100%}.join-container h1{margin-bottom:var(--spacing-sm)}.join-container h2{color:var(--pico-muted-color);margin-bottom:var(--spacing-md)}.join-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}@media (max-width: var(--breakpoint-sm)){.join-actions{flex-direction:column}}.character-sheet{max-width:100%;margin:0;padding:var(--spacing-sm)}.guidance-panel{display:block;padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-left:4px solid var(--pico-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.guidance-panel p{margin:0;font-size:var(--font-size-sm);color:var(--pico-muted-color)}.guidance-panel dl{margin:0}.guidance-panel dt{font-weight:600;font-size:var(--font-size-sm);color:var(--pico-color);margin-top:var(--spacing-sm)}.guidance-panel dt:first-of-type{margin-top:0}.guidance-panel dd{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--pico-muted-color)}.guidance-panel dd+dt{margin-top:var(--spacing-sm)}.guidance-panel ul{margin:0;padding-left:1.25rem;font-size:var(--font-size-sm);color:var(--pico-muted-color)}.guidance-panel ul li+li{margin-top:var(--spacing-xs)}.guidance-panel strong{color:var(--pico-color)}.guidance-panel summary{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-md);font-family:var(--font-family-heading);color:var(--pico-color);list-style:none}.guidance-panel summary::-webkit-details-marker{display:none}.guidance-panel summary:before{content:">";display:inline-block;font-size:.85em;transition:transform var(--transition-fast);color:var(--pico-muted-color)}.guidance-panel[open] summary:before{transform:rotate(90deg)}.guidance-panel summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--border-radius-sm)}.guidance-panel summary:after{display:none}.guidance-panel-body{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.character-header{text-align:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--pico-muted-border-color)}.header-main-row{display:flex;justify-content:center;align-items:center;position:relative}.character-title-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.header-actions{position:absolute;right:0;display:flex;gap:var(--spacing-sm);align-items:center}.character-header h1{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--pico-h1-color);font-family:var(--font-family-heading);position:relative;padding-bottom:var(--spacing-sm)}.character-header h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,var(--pico-primary),transparent)}.edit-link{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);vertical-align:middle;text-decoration:none;color:var(--pico-primary);border:1px solid var(--pico-primary);border-radius:var(--border-radius-sm);background:transparent;font-weight:600;transition:var(--transition-fast);white-space:nowrap}.edit-link:hover{background:var(--pico-primary);color:var(--pico-primary-inverse)}.character-info{display:flex;justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--pico-muted-color);font-weight:500}.character-info span{padding:var(--spacing-xs);background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color)}.navigation-tabs{display:flex;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--pico-muted-border-color)}.navigation-tabs .tab{font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);text-decoration:none;color:var(--pico-muted-color);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);transition:var(--transition-fast)}.navigation-tabs .tab:hover{color:var(--pico-color);background:var(--pico-card-background-color);border-color:var(--pico-primary)}.navigation-tabs .tab-active{color:var(--pico-primary-inverse);background:var(--pico-primary);border-color:var(--pico-primary)}.navigation-tabs .tab-disabled{opacity:.5;cursor:not-allowed;background:var(--pico-muted-background-color);color:var(--pico-muted-color);border-color:var(--pico-muted-border-color)}.character-sheet-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm)}.left-column,.middle-column,.right-column{display:flex;flex-direction:column;gap:var(--spacing-sm)}.card-center{text-align:center}.card-flex{display:flex;justify-content:space-between;align-items:center}.label{font-size:var(--font-size-xs);font-weight:700;color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);display:block}.label-large{font-size:var(--font-size-sm)}.value{font-size:var(--font-size-lg);font-weight:800;color:var(--pico-primary)}.value-large{font-size:var(--font-size-xl)}.value-medium{font-size:var(--font-size-md)}.text{font-size:var(--font-size-sm);line-height:1.4;color:var(--pico-color);margin-bottom:var(--spacing-xs)}.title{font-size:var(--font-size-md);font-weight:700;color:var(--pico-h1-color);text-align:center;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--pico-muted-border-color)}.subtitle{font-size:var(--font-size-sm);font-weight:700;color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.05em;margin:var(--spacing-sm) 0 var(--spacing-xs) 0;padding-left:var(--spacing-xs);border-left:2px solid var(--pico-primary)}.subtitle:first-child{margin-top:0}.ability-score{margin-bottom:var(--spacing-sm)}.ability-name{font-size:var(--font-size-sm);font-weight:700;text-align:center;margin-bottom:var(--spacing-sm);color:var(--pico-h1-color);text-transform:uppercase;letter-spacing:.05em}.ability-name .ability-modifier{font-size:var(--font-size-md);font-weight:800}.saving-throw{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-xs)}.skill{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:var(--transition-fast)}.skill:hover{background:var(--pico-card-background-color)}.saving-throw-indicator{font-size:var(--font-size-xxs);color:var(--pico-primary-color);font-weight:600;margin-left:var(--spacing-xs)}.ability-score-label.has-saving-throw{position:relative}.combat-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xs)}.hit-points{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.hp-display-inline{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);font-weight:800;color:var(--pico-primary)}.hp-input{font-size:var(--font-size-lg);font-weight:800;color:hsl(calc(var(--health-percentage, 1) * 120),70%,50%);background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);padding:var(--spacing-xs);text-align:center;width:50px;transition:border-color .2s ease,color .3s ease;margin-bottom:0!important}.temp-hp-input{font-size:var(--font-size-lg);font-weight:800;color:#4a90e2;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);padding:var(--spacing-xs);text-align:center;width:40px;transition:border-color .2s ease;margin-bottom:0!important}.hp-label,.temp-hp-label{font-size:var(--font-size-sm);font-weight:600;color:var(--pico-muted-color)}.hp-temp-separator{margin:0 var(--spacing-xs);font-weight:600;color:var(--pico-muted-color)}.hp-input:focus,.temp-hp-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-background)}.hp-input:hover,.temp-hp-input:hover{border-color:var(--color-border)}.hp-separator{margin:0 var(--spacing-xs);font-weight:600}.max-hp{font-weight:600;color:#fff}input[type=checkbox][data-combat-stats-target=deathSaveCheckbox]{cursor:pointer;width:16px;height:16px;border-radius:50%;border:2px solid var(--pico-muted-border-color);background:var(--pico-form-element-background-color);transition:all .2s ease}input[type=checkbox][data-combat-stats-target=deathSaveCheckbox]:hover{transform:scale(1.1);transition:transform .1s ease}input[type=checkbox][data-death-save-type=successes]{accent-color:var(--pico-ins-color);border-color:var(--pico-ins-color)}input[type=checkbox][data-death-save-type=successes]:checked{background:var(--pico-ins-color);border-color:var(--pico-ins-color)}input[type=checkbox][data-death-save-type=successes]:hover{border-color:var(--pico-ins-color);box-shadow:0 0 0 2px #a4bd4f4d}input[type=checkbox][data-death-save-type=failures]{accent-color:var(--pico-del-color);border-color:var(--pico-del-color)}input[type=checkbox][data-death-save-type=failures]:checked{background:var(--pico-del-color);border-color:var(--pico-del-color)}input[type=checkbox][data-death-save-type=failures]:hover{border-color:var(--pico-del-color);box-shadow:0 0 0 2px #d9534f4d}.skills,.attack-table{display:flex;flex-direction:column;gap:var(--spacing-xs)}.attack-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:700;color:var(--pico-muted-color);text-align:center;text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-xs);background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color)}.attack-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xs)}.death-save-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs);background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color)}.death-save-row:last-child{margin-bottom:0}.checkboxes{display:flex;gap:var(--spacing-sm)}.death-saves-hidden{display:none}.conditions-card{margin-top:var(--spacing-sm)}.conditions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);min-height:1.5em}.condition-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--pico-muted-border-color);border:1px solid var(--pico-muted-border-color);border-radius:12px;font-size:11px;font-weight:400;color:#fff;transition:var(--transition-fast)}.condition-badge:hover{opacity:.8;transform:translateY(-1px)}.condition-badge i{font-size:10px;opacity:.9}.condition-name{color:inherit;font-weight:inherit}.condition-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:10px;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast);opacity:.6;line-height:1;margin:0}.condition-remove:hover{background:#fff3;opacity:1}.condition-select{width:100%;padding:var(--spacing-xs);font-size:var(--font-size-sm);border:1px solid var(--pico-form-element-border-color);border-radius:var(--border-radius-sm);background:var(--pico-form-element-background-color);color:var(--pico-form-element-color)}.text-muted{color:var(--pico-muted-color);font-style:italic;font-size:var(--font-size-sm)}.attack-row input{padding:var(--spacing-xs);font-size:var(--font-size-sm);border:1px solid var(--pico-form-element-border-color);border-radius:var(--border-radius-sm);background:var(--pico-form-element-background-color);color:var(--pico-form-element-color);transition:var(--transition-fast)}.attack-row input:focus{outline:none;border-color:var(--pico-primary);box-shadow:0 0 0 2px var(--pico-primary-focus)}input[type=checkbox]{width:12px;height:12px;accent-color:var(--pico-primary)}.saving-throw input[type=checkbox]{transform:rotate(45deg)}.skill input[type=checkbox]{width:10px;height:10px}.bonus-very-negative{color:var(--color-very-negative)}.bonus-negative{color:var(--color-negative)}.bonus-neutral{color:var(--color-neutral)}.bonus-positive{color:var(--color-positive)}.bonus-very-positive{color:var(--color-very-positive)}.skill-bonus{font-size:var(--font-size-xs);font-weight:700;margin-left:auto;padding:2px 6px;background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color);min-width:32px;text-align:center}.level-up-container{max-width:100%;margin:0 auto;padding:var(--spacing-md)}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--pico-muted-border-color)}.header-section h1{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--pico-h1-color);font-family:var(--font-family-heading)}.back-button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--pico-muted-color);color:var(--pico-primary-inverse);border-radius:var(--border-radius-sm);text-decoration:none;font-weight:600;transition:var(--transition-fast)}.back-button:hover{background:var(--pico-secondary-hover);color:var(--pico-primary-inverse)}.character-info-card h3,.progression-table-card h3{font-size:var(--font-size-lg);font-weight:700;color:var(--pico-h1-color);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--pico-muted-border-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.info-grid>div{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color)}.table-container{overflow-x:auto;margin-top:var(--spacing-sm)}.progression-table{width:100%;border-collapse:collapse;background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);overflow:hidden;font-size:var(--font-size-sm)}.progression-table th{background:var(--pico-muted-background-color);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:700;font-size:var(--font-size-xs);color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--pico-muted-border-color)}.progression-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--pico-muted-border-color);color:var(--pico-color)}.progression-table .current-level-row{background:var(--pico-primary-background-color, var(--pico-primary-focus));font-weight:600;color:var(--pico-primary)}.progression-table tbody tr.higher-level{opacity:.6;transition:opacity var(--transition-fast)}.progression-table tbody tr.higher-level:hover{opacity:1}.progression-table tbody tr:hover{background:var(--pico-card-background-color)}.no-data{text-align:center;padding:var(--spacing-xl);color:var(--pico-muted-color);font-style:italic}@media (max-width: 768px){.character-sheet{padding:var(--spacing-xs)}.header-main-row{flex-direction:column;gap:var(--spacing-sm)}.header-actions{position:static;order:-1;width:100%;justify-content:space-between}.character-title-row{flex-direction:column;gap:var(--spacing-xs)}.character-sheet-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.character-header h1{font-size:var(--font-size-lg)}.character-info{justify-content:center}.navigation-tabs{flex-wrap:wrap;justify-content:center}.navigation-tabs .tab{flex:1;min-width:120px;text-align:center}.combat-stats,.attack-header,.attack-row{grid-template-columns:1fr}.attack-row input{margin-bottom:var(--spacing-xs)}.level-up-container{padding:var(--spacing-sm)}.header-section{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.header-section h1{font-size:var(--font-size-xl)}.info-grid{grid-template-columns:1fr}.progression-table{font-size:var(--font-size-xs)}.progression-table th,.progression-table td{padding:var(--spacing-xs) var(--spacing-sm)}}.floating-modifiers .modifier-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.floating-modifiers .field{margin-bottom:0}.ability-scores .field-help,.floating-modifiers .field-help{color:var(--pico-muted-color);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.skill-selection .skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.skill-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);background:var(--pico-form-element-background-color);transition:var(--transition-fast);cursor:pointer;min-height:36px;justify-content:space-between}.skill-checkbox:hover{border-color:var(--pico-primary);background:var(--pico-card-background-color)}.skill-checkbox.skill-selected{border-color:var(--pico-primary);background:var(--pico-primary-background-color, var(--pico-primary-focus))}.skill-checkbox.skill-overlimit{opacity:.5;border-color:var(--color-negative, #dc3545)}.skill-checkbox.skill-unavailable{opacity:.4;cursor:not-allowed;background:var(--pico-muted-background-color)}.skill-checkbox-input{margin:0;accent-color:var(--pico-primary)}.skill-label{font-size:var(--font-size-xxs);font-weight:600;color:var(--pico-color);cursor:pointer;margin:0;line-height:1.2;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-ability{font-size:var(--font-size-xs);font-weight:700;color:var(--pico-muted-color);background:var(--pico-muted-background-color, var(--pico-card-background-color));padding:2px 6px;border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color);min-width:32px;text-align:center;flex-shrink:0}.skill-counter{grid-column:1 / -1;text-align:center;padding:var(--spacing-sm);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm)}.skill-selected{font-size:var(--font-size-sm);color:var(--pico-color)}.skill-selected strong{color:var(--pico-primary);font-size:var(--font-size-md)}.choice-section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color)}.choice-title{font-size:var(--font-size-md);font-weight:700;color:var(--pico-primary);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.05em}.hit-points-display{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding:var(--spacing-sm);background:var(--pico-primary-background-color, var(--pico-primary-focus));border-radius:var(--border-radius-sm);border:1px solid var(--pico-primary)}.hp-label{font-weight:600;color:var(--pico-color)}.hp-value{font-size:var(--font-size-lg);font-weight:800;color:var(--pico-primary)}.hp-calculation{font-size:var(--font-size-sm);color:var(--pico-muted-color);margin-left:auto}.skill-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.skill-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--pico-primary);color:var(--pico-primary-inverse);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600}.proficiency-list,.feature-list{margin-top:var(--spacing-xs);padding-left:var(--spacing-md)}.proficiency-list li{margin-bottom:var(--spacing-xs)}.feature-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color)}.feature-name{font-weight:700;color:var(--pico-primary)}.feature-description{font-size:var(--font-size-sm);color:var(--pico-muted-color)}.feat-item{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color)}.feat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.feat-name{font-weight:700;font-size:var(--font-size-sm);color:var(--pico-primary)}.feat-level{font-size:var(--font-size-xs);color:var(--pico-muted-color);background:var(--pico-muted-background-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-weight:600}.feat-description{font-size:var(--font-size-sm);color:var(--pico-color);line-height:1.4;margin:0 0 var(--spacing-xs) 0}.feat-choices{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--pico-muted-border-color)}.feat-choice{font-size:var(--font-size-xs);color:var(--pico-muted-color);margin-bottom:var(--spacing-xs)}.level-up-section{grid-column:1 / -1}.level-up-content{margin-bottom:var(--spacing-lg)}.level-up-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--pico-muted-border-color);text-align:center}.btn-large{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}.choice-item{margin-bottom:var(--spacing-sm);padding:var(--spacing-md);background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-primary)}.choice-subtitle{font-size:var(--font-size-md);font-weight:700;color:var(--pico-primary);margin:0 0 var(--spacing-xs) 0}.choice-description{font-size:var(--font-size-sm);color:var(--pico-color);margin-bottom:var(--spacing-sm);line-height:1.4}.choice-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.choice-instruction{font-size:var(--font-size-xs);font-weight:600;color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.choice-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast);cursor:pointer}.choice-option:hover{border-color:var(--pico-primary);background:var(--pico-primary-background-color, var(--pico-primary-focus))}.choice-radio{margin:2px 0 0;accent-color:var(--pico-primary)}.choice-label{display:flex;flex-direction:column;gap:var(--spacing-xs);cursor:pointer;flex:1;margin:0}.option-name{font-weight:600;color:var(--pico-color);font-size:var(--font-size-sm)}.option-description{font-size:var(--font-size-xs);color:var(--pico-muted-color);line-height:1.3}.choice-option:has(.choice-radio:checked){border-color:var(--pico-primary);background:var(--pico-primary-background-color, var(--pico-primary-focus))}.choice-option:has(.choice-radio:checked) .option-name{color:var(--pico-primary);font-weight:700}@media (max-width: 480px){.character-sheet{padding:var(--spacing-xs)}.character-header h1{font-size:var(--font-size-md)}.navigation-tabs{flex-direction:column;gap:var(--spacing-xs)}.navigation-tabs .tab{flex:none;min-width:auto}.floating-modifiers .modifier-grid,.skill-selection .skill-grid{grid-template-columns:1fr}}.language-legend{font-size:var(--font-size-md);font-weight:600}.language-help{font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm)}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.language-category{display:flex;flex-direction:column}.language-subtitle{font-size:var(--font-size-xs);font-weight:700;color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-xs) 0;padding-left:var(--spacing-xs);border-left:2px solid var(--pico-primary)}.language-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.language-option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);background:var(--pico-card-background-color);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-xs);width:auto!important}.language-option:hover{background:var(--pico-primary-background);border-color:var(--pico-primary)}.language-option input[type=checkbox]:checked+.language-name{font-weight:600;color:var(--pico-primary)}.language-name{font-weight:500;flex:1}.language-script{font-size:var(--font-size-xxs);color:var(--pico-muted-color);font-style:italic}.extra-language-message{display:none;margin:var(--spacing-sm) 0;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--pico-card-background-color);border:1px solid var(--pico-primary);border-radius:var(--border-radius-sm);color:var(--pico-color);font-size:var(--font-size-sm);font-weight:500}.inventory-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.inventory-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.inventory-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);transition:var(--transition-fast)}.inventory-item:hover{background:var(--pico-card-background-color);border-color:var(--pico-primary)}.item-info{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.item-name{font-size:var(--font-size-sm);font-weight:600;color:var(--pico-color)}.item-quantity{font-size:var(--font-size-xs);color:var(--pico-muted-color);font-weight:500}.item-type-badge{font-size:var(--font-size-xxs);font-weight:400;color:var(--pico-muted-color);background:var(--pico-muted-background-color);padding:1px 4px;border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color);text-transform:uppercase;letter-spacing:.05em}.card-title-centered{display:flex;justify-content:center;align-items:center}.help-icon{background:none;border:none;color:var(--pico-muted-color);cursor:pointer;font-size:14px;padding:var(--spacing-xs);border-radius:50%;transition:color .2s ease,background-color .2s ease;align-items:center;justify-content:center;min-width:32px;min-height:32px;margin-bottom:0!important;display:inline-flex}.help-icon:hover{color:var(--pico-primary);background-color:var(--pico-muted-background-color)}.help-icon:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.breakdown-details{position:absolute;z-index:1000;margin:0;padding:var(--spacing-sm);background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-muted-border-color);box-shadow:0 4px 12px #00000026;min-width:200px;max-width:320px;transition:opacity .2s ease}.breakdown-item{font-size:var(--font-size-sm);color:var(--pico-muted-color);margin-bottom:var(--spacing-xs)}.breakdown-item:last-child{margin-bottom:0}.breakdown-total{font-size:var(--font-size-sm);font-weight:600;color:var(--pico-color);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--pico-muted-border-color)}.equipped-checkbox{width:14px;height:14px;accent-color:var(--pico-primary);cursor:not-allowed}@media (max-width: var(--breakpoint-md)){.inventory-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.item-info{width:100%;justify-content:space-between}.equipped-checkbox{align-self:flex-end}}.resources-section{display:flex;flex-direction:column;gap:.75rem}.resource-tracker{text-align:center}.resource-checkboxes{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.resource-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.resource-checkbox:hover{transform:scale(1.1);transition:transform .15s ease}.stats-inline-display{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.stats-inline-display .label{margin:0;font-size:var(--font-size-xs)}.stats-inline-display .value{font-size:var(--font-size-md);font-weight:700;margin:0 var(--spacing-sm) 0 0}.ability-scores-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);align-items:start}.ability-column{display:flex;flex-direction:column;gap:var(--spacing-xs);height:100%}.ability-score-compact{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);padding:0;margin:0;display:flex;flex-direction:column}.ability-score-compact[open]{height:100%}.ability-summary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;list-style:none;font-weight:700;transition:background-color .2s ease;margin-bottom:0!important}.ability-summary::-webkit-details-marker{display:none}.ability-summary:hover{background:var(--pico-muted-background-color)}.ability-label{font-size:var(--font-size-xs);font-weight:700;color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.05em;min-width:28px}.ability-score-value{font-size:var(--font-size-sm);font-weight:600;color:var(--pico-color)}.ability-modifier{font-size:var(--font-size-md);font-weight:800;min-width:32px;text-align:center}.ability-skills-content{padding:var(--spacing-xs) var(--spacing-sm);background:var(--pico-muted-background-color);border-top:1px solid var(--pico-muted-border-color);display:flex;flex-direction:column}.ability-score-compact[open] .ability-skills-content{flex:1}.ability-divider{height:1px;background:var(--pico-muted-border-color);margin:var(--spacing-xs) 0}.saving-throw-compact{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);margin-bottom:var(--spacing-xs);background:var(--pico-card-background-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.saving-throw-compact label{flex:1;margin:0;font-size:var(--font-size-xs);color:var(--pico-muted-color)}.saving-throw-compact .saving-throw-bonus{font-weight:700;min-width:24px;text-align:right}.skills-compact{display:flex;flex-direction:column;gap:2px}.ability-score-compact[open] .skills-compact{flex:1}.skill-compact{display:flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);transition:background-color .2s ease;cursor:pointer}.skill-compact:hover{background:var(--pico-card-background-color)}.skill-compact label{flex:1;margin:0;font-size:var(--font-size-xs);cursor:pointer}.skill-compact .skill-bonus{font-weight:700;font-size:var(--font-size-xs);min-width:24px;text-align:right;padding:1px 4px;background:transparent;border:none}.collapsible-section{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);padding:0}.section-summary{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;list-style:none;transition:background-color .2s ease;margin-bottom:var(--spacing-xs)!important}.section-summary::-webkit-details-marker{display:none}.section-summary:before{content:"›";display:inline-block;font-size:var(--font-size-lg);font-weight:700;margin-right:var(--spacing-sm);transition:transform .2s ease;color:var(--pico-muted-color)}.collapsible-section[open] .section-summary:before{transform:rotate(90deg)}.section-summary:hover{background:var(--pico-muted-background-color)}.section-summary h3{margin:0;font-size:var(--font-size-md);font-weight:700;color:var(--pico-h1-color);text-transform:uppercase;letter-spacing:.05em}.section-content{padding:var(--spacing-sm);border-top:1px solid var(--pico-muted-border-color)}.combat-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.combat-stats-left,.combat-stats-right{display:flex;flex-direction:column;gap:var(--spacing-sm)}.hit-points-compact{padding:var(--spacing-sm);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm)}.hp-row{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center}.hp-row .label{margin:0;font-size:var(--font-size-xs)}.hp-row .help-icon{margin:0}.death-saves-compact{padding:var(--spacing-sm);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm)}.death-saves-compact .label{display:block;text-align:center;margin-bottom:var(--spacing-xs)}.resources-section-compact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.resource-tracker-compact{padding:var(--spacing-xs) var(--spacing-sm);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);text-align:center}.resource-tracker-compact .label{margin-bottom:var(--spacing-xs)}.conditions-compact{padding:var(--spacing-sm);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm)}.conditions-compact .label{display:block;text-align:center;margin-bottom:var(--spacing-xs)}@media (max-width: 768px){.combat-stats-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.ability-scores-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.ability-scores-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: var(--breakpoint-md)){.ability-scores-grid{grid-template-columns:1fr}.stats-inline-display{flex-direction:column;gap:var(--spacing-xs)}}@media (max-width: var(--breakpoint-sm)){.section-summary h3{font-size:var(--font-size-sm)}.ability-summary{font-size:var(--font-size-xs)}}.condition-tooltip{position:absolute;z-index:1000;pointer-events:none;max-width:300px}.tooltip-content{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);line-height:1.4}.tooltip-content strong{color:var(--pico-color);font-weight:600;display:block;margin-bottom:var(--spacing-xs)}.tooltip-content p{margin:0;color:var(--pico-muted-color)}.qr-code-section{max-width:600px;margin:0 auto;text-align:center}.campaign-info{margin-bottom:var(--spacing-xl)}.campaign-info h2{margin-bottom:var(--spacing-sm)}.qr-code-container{margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:var(--pico-card-background-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:var(--border-ornate)}.qr-code-display{display:inline-block;padding:var(--spacing-md);background:#fff;border-radius:var(--border-radius-lg);border:var(--border-ornate)}.qr-code-display svg{max-width:100%;height:auto}.invite-url-section{margin-top:var(--spacing-xl)}.url-container{display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0;max-width:500px;margin-left:auto;margin-right:auto}.invite-url-input{flex:1;padding:var(--spacing-sm);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-sm);font-family:Courier New,monospace;font-size:var(--font-size-sm);background-color:var(--pico-form-element-background-color);color:var(--pico-form-element-color)}.url-help{color:var(--pico-muted-color);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.stat-card{background-color:var(--pico-card-background-color);border:var(--border-ornate);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--pico-primary);margin:var(--spacing-sm) 0}.stat-label{color:var(--pico-muted-color);font-size:var(--font-size-sm);margin:0}.admin-list-item{color:var(--pico-muted-color);margin-bottom:var(--spacing-xs)}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg);align-items:stretch}.class-card-link{text-decoration:none;color:inherit;display:flex;height:100%}.class-card-link:hover{text-decoration:none;color:inherit}.class-card{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:var(--transition-fast);cursor:pointer;display:flex;flex-direction:column;flex:1}.class-card-link:hover .class-card{border-color:var(--pico-primary);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.class-header h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:700;color:var(--pico-h1-color);font-family:var(--font-family-heading)}.class-details{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.hit-die,.primary-abilities{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--pico-primary-background-color);border-radius:var(--border-radius-sm);border:1px solid var(--pico-primary);color:var(--pico-primary);font-weight:600}.class-description h4{font-size:var(--font-size-sm);font-weight:700;color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-xs) 0}.class-description p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--pico-color)}@media (max-width: var(--breakpoint-md)){.class-grid{grid-template-columns:1fr}}