:root{--bg:#10161d;--surface:#1b232c;--surface-2:#26303b;--border:#3a4655;--text:#e6eaee;--text-muted:#8b96a3;--accent:#c53131;--link:#1b9af0;--heal:#22c7a3;--magic-uncommon:#7fcf6e;--magic-rare:#4f9be8;--magic-very-rare:#b56fe0;--advantage:#2fb35a;--warn:#e0a030;--font:Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:20px;--fs-xl:28px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--radius:4px;--radius-pill:999px;--tap:44px;--box:22px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:var(--fs-md)/1.4 var(--font);margin:0}body{overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--link);outline-offset:2px}h1,h2,h3,h4{margin:0;font-weight:600}h1{font-size:var(--fs-lg)}h2{font-size:var(--fs-md)}h3{font-size:var(--fs-md);margin:var(--sp-4) 0 var(--sp-2)}h4{font-size:var(--fs-sm);margin:var(--sp-3) 0 var(--sp-1);text-transform:uppercase;color:var(--text-muted)}p{margin:var(--sp-2) 0}.muted{color:var(--text-muted)}.small{font-size:var(--fs-sm)}.tiny{font-size:var(--fs-xs)}.label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);display:block}.center{text-align:center;padding:var(--sp-4)}.grow{flex:1;min-width:0}.plain{margin:0;padding:0;list-style:none}.danger-text{color:#ff6b6b}.heal-text{color:var(--heal)}.magic-uncommon{color:var(--magic-uncommon);font-style:italic}.btn{min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);font-size:var(--fs-sm);font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{min-width:36px;min-height:36px;padding:0 var(--sp-2)}.btn.primary{background:var(--link);border-color:var(--link);color:#fff}.btn.danger{background:var(--accent);border-color:var(--accent);color:#fff}.btn.heal{background:var(--heal);border-color:var(--heal);color:#04241d}.btn.ghost{background:0 0}.btn.cast{border-color:var(--link);min-height:32px;color:var(--link);text-transform:uppercase;font-size:var(--fs-xs);background:0 0}.btn.wide{width:100%;margin-top:var(--sp-3)}.icon-btn{min-width:var(--tap);min-height:var(--tap);background:0 0;border:0;font-size:24px}.link{color:var(--link);text-align:left;background:0 0;border:0;padding:0}.value-box{min-width:44px;min-height:36px;padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-weight:600}.chip{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--fs-sm);background:var(--surface);display:inline-flex}.chip.conc{border-color:var(--link)}.chip.form{border-color:var(--magic-uncommon)}.chip.cond{border-color:var(--warn)}.link-chip{border-color:var(--link);color:var(--link)}.warn-chip{border-color:var(--warn);color:var(--warn)}.tag{margin-left:var(--sp-2);padding:0 var(--sp-1);border-radius:var(--radius);font-size:var(--fs-xs)}.tag.warn{border:1px solid var(--warn);color:var(--warn)}.adv{background:var(--advantage);color:#fff;text-align:center;border-radius:50%;width:16px;height:16px;font-size:11px;line-height:16px;display:inline-block}.action-row{align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0;flex-wrap:wrap;display:flex}.action-row.tight{margin:0}.segmented{margin:var(--sp-2) 0;flex-wrap:wrap;gap:2px;display:flex}.segmented button{min-height:var(--tap);border:1px solid var(--border);background:var(--surface-2);padding:0 var(--sp-2);flex:1}.segmented.small button{min-height:36px;font-size:var(--fs-sm)}.segmented button.active{background:var(--link);border-color:var(--link);color:#fff}.segmented.wrap button{flex:45%}.num{width:88px;min-height:var(--tap);padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);text-align:center;font-size:var(--fs-lg)}.search{width:100%;min-height:var(--tap);padding:0 var(--sp-3);margin:var(--sp-2) 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}select{min-height:var(--tap);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--sp-2)}.field{justify-content:space-between;align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0;display:flex}.count{text-align:center;min-width:24px;font-weight:600}.boxes{vertical-align:middle;flex-wrap:wrap;gap:6px;display:inline-flex}.box{width:var(--tap);height:var(--tap);background:0 0;border:0;padding:11px;position:relative}.box:after{content:"";border:2px solid var(--border);background:var(--surface-2);border-radius:3px;position:absolute;inset:11px}.box.used:after{background:var(--accent);border-color:var(--accent)}.resource{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.sheet-head{z-index:5;background:var(--bg);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--surface-2);position:sticky;top:0}.title-row{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.stat-row{gap:var(--sp-2);margin-top:var(--sp-2);grid-template-columns:1fr 1fr 1fr 2fr;display:grid}.stat-row.three{grid-template-columns:repeat(3,1fr)}.stat{min-height:64px;padding:var(--sp-1);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.stat strong{font-size:var(--fs-xl);line-height:1.1}.stat strong.on{color:var(--warn)}.stat.hp strong{font-size:var(--fs-lg)}.temp{color:var(--heal);font-size:var(--fs-sm)}.hpbar{background:var(--surface-2);border-radius:2px;width:100%;height:4px;margin-top:4px;display:block;overflow:hidden}.hpbar>span{background:var(--heal);height:100%;display:block}.hpbar>span.low{background:var(--accent)}.banner{justify-content:space-between;align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0;padding:var(--sp-2) var(--sp-3);border:1px solid var(--link);border-radius:var(--radius);background:var(--surface);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.banner.warn{border-color:var(--warn)}.banner.update{border-radius:0;margin:0}.banner-actions{gap:var(--sp-2);display:flex}.layout{padding:0 var(--sp-3) 96px}.col-1,.col-2{display:none}.section-bar{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface);border-radius:var(--radius);justify-content:space-between;align-items:center;display:flex}.menu-btn{min-width:var(--tap);min-height:var(--tap);color:var(--accent);background:0 0;border:0;font-size:22px}.tabs{display:none}.sheet-menu{left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);gap:var(--sp-1);padding:var(--sp-3);background:var(--surface);border-radius:var(--radius);flex-direction:column;display:flex;position:fixed}.sheet-menu button{min-height:var(--tap);text-align:left;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.sheet-menu button.active{border-color:var(--accent)}.group-title{color:var(--link);text-transform:uppercase;font-size:var(--fs-sm);letter-spacing:.04em}.ability-grid{gap:var(--sp-2);margin-top:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.ability-grid.compact{grid-template-columns:repeat(6,1fr)}.ability{padding:var(--sp-2) var(--sp-1);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;display:flex}.ability strong{font-size:var(--fs-xl)}.ability-grid.compact strong{font-size:var(--fs-md)}.ability .score{padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--fs-sm)}.save-grid{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.save{align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);display:flex}.save .label{text-align:left;flex:1}.dot{border:1px dashed var(--text-muted);border-radius:50%;width:12px;height:12px;display:inline-block}.dot.on{background:var(--text);border:1px solid var(--text)}.defs{gap:var(--sp-1) var(--sp-3);margin:var(--sp-2) 0;font-size:var(--fs-sm);grid-template-columns:auto 1fr;display:grid}.defs>div{display:contents}.defs dt{color:var(--text-muted)}.defs dd{margin:0}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;color:var(--text-muted);padding:var(--sp-1);font-weight:600}.table td{padding:var(--sp-1);border-top:1px solid var(--surface-2);vertical-align:middle}.num-col{text-align:right}.spell-level{margin-top:var(--sp-3)}.level-head{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.slots{align-items:center;gap:var(--sp-2);display:inline-flex}.spell-row{align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;border-top:1px solid var(--surface-2);grid-template-columns:1fr auto auto;display:grid}.spell-name,.feature-name{min-height:var(--tap);text-align:left;background:0 0;border:0;padding:0;font-weight:600}.feature{padding:var(--sp-1) 0;border-top:1px solid var(--surface-2)}.cgroup{margin-top:var(--sp-2)}.creature-row{align-items:center;gap:var(--sp-2);width:100%;min-height:var(--tap);padding:var(--sp-1) var(--sp-2);border:1px solid var(--surface-2);border-radius:var(--radius);background:var(--surface);text-align:left;grid-template-columns:auto 1fr auto 96px;margin:2px 0;display:grid}button.creature-row{grid-template-columns:1fr auto 96px}.creature-row input[type=checkbox]{width:24px;height:24px;margin:10px}.creature-row.down{opacity:.6}.cname{min-height:var(--tap);overflow-wrap:anywhere;font-weight:600}.chp{min-height:var(--tap);text-align:right;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:stretch;padding:0;font-weight:600;display:flex}.groupbar{z-index:6;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.groupbar span{flex:1}.group-list li{padding:var(--sp-2) 0;border-top:1px solid var(--surface-2)}.picker li{align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-top:1px solid var(--surface-2);display:flex}.picker li.picked strong{color:var(--link)}.statblock{margin-top:var(--sp-3)}.caction{padding:var(--sp-1) 0;border-top:1px solid var(--surface-2)}.conditions li{border-top:1px solid var(--surface-2);flex-wrap:wrap;align-items:center;display:flex}.conditions label{align-items:center;gap:var(--sp-2);min-height:var(--tap);display:flex}.conditions input{width:20px;height:20px}.conditions .prose{flex-basis:100%}.hp-big{gap:var(--sp-4);flex-wrap:wrap;display:flex}.hp-big strong{font-size:var(--fs-xl)}.hp-controls{align-items:center;gap:var(--sp-2);margin:var(--sp-3) 0;flex-wrap:wrap;display:flex}.hp-controls .btn{flex:1}.panel-backdrop{z-index:10;background:#00000080;position:fixed;inset:0}.panel{background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0}.panel-head{align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-bottom:1px solid var(--surface-2);display:flex}.panel-body{padding:var(--sp-3);flex:1;padding-bottom:96px;overflow-y:auto}.sticky-foot{bottom:calc(-1 * var(--sp-3) - 96px);justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;background:var(--bg);border-top:1px solid var(--border);display:flex;position:sticky}.prose p{white-space:pre-line}.toast{z-index:20;min-width:220px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--link);border-radius:var(--radius);background:var(--surface);font-size:var(--fs-lg);flex-direction:column;align-items:center;display:flex;position:fixed;bottom:72px;left:50%;transform:translate(-50%)}.signin{max-width:420px;padding:var(--sp-4);text-align:center;margin:20vh auto}@media (width>=768px){.layout{gap:var(--sp-4);grid-template-columns:minmax(280px,1fr) 2fr;display:grid}.col-1{grid-row:span 2;display:block}.col-1 .ability-grid{grid-template-columns:repeat(3,1fr)}.tabs{gap:var(--sp-1);margin:var(--sp-2) 0;flex-wrap:wrap;display:flex}.tabs button{min-height:36px;padding:0 var(--sp-3);text-transform:uppercase;font-size:var(--fs-sm);color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;font-weight:600}.tabs button.active{color:var(--text);border-color:var(--accent)}.menu-btn{display:none}.panel{border-left:1px solid var(--border);width:min(520px,100%);left:auto}}@media (width>=1024px){.sheet-head{padding:var(--sp-3) var(--sp-4)}.stat-row{grid-template-columns:repeat(3,120px) 260px}.layout{padding:0 var(--sp-4) 96px;grid-template-columns:300px 320px 1fr}.col-1{grid-row:auto}.col-2{display:block}.tabs .tab-skills{display:none}}