: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{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow-x:hidden}input,textarea,select,.prose,.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}[hidden]{display:none!important}textarea{width:100%;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}input:not([type]),input[type=text],input[type=search]{min-height:var(--tap);padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}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:calc(var(--sp-2) + env(safe-area-inset-top)) var(--sp-3) var(--sp-2);border-bottom:1px solid var(--surface-2);position:sticky;top:0}.title-row{align-items:center;gap:var(--sp-2);display:flex}.stat-row{gap:var(--sp-1);margin-top:var(--sp-2);grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.6fr);display:grid}.stat-row .label{letter-spacing:.02em;font-size:9px}.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-lg);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) calc(140px + env(safe-area-inset-bottom));touch-action:pan-y pinch-zoom;min-height:60vh}.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{left:0;right:0;bottom:calc(57px + env(safe-area-inset-bottom));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}.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);padding-top:env(safe-area-inset-top);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{overscroll-behavior:contain;padding:var(--sp-3);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.prose p{white-space:pre-line}.signin{max-width:420px;padding:var(--sp-4);text-align:center;margin:15vh auto}.signin-logo{border-radius:20px}.logo{border-radius:6px;flex:none}.block{display:block}.field.column{flex-direction:column;align-items:stretch}.check-row{align-items:center;gap:var(--sp-2);min-height:var(--tap);display:flex}.check-row input{width:20px;height:20px}.dis{background:var(--accent);color:#fff;text-align:center;border-radius:50%;width:16px;height:16px;margin-left:4px;font-size:11px;line-height:16px;display:inline-block}.adv{margin-left:4px}.adv-text{color:var(--advantage)}.dis-text{color:#ff6b6b}.chips{gap:var(--sp-1);margin:var(--sp-2) 0;scrollbar-width:none;display:flex;overflow-x:auto}.chips button{min-height:36px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--fs-sm);flex:none}.chips button.active{background:var(--link);border-color:var(--link);color:#fff}.section-title{margin:var(--sp-3) 0 0;font-size:var(--fs-lg)}.indicators{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.indicator{min-height:36px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:var(--fs-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.indicator.form{border-color:var(--magic-uncommon);color:var(--magic-uncommon)}.indicator.conc{border-color:var(--link);color:var(--link)}.indicator.cond{border-color:var(--warn);color:var(--warn)}button.banner{text-align:left;justify-content:flex-start;width:100%}.roll-formula{align-items:center;gap:var(--sp-1);padding:var(--sp-3);margin:var(--sp-2) 0;border:1px solid var(--link);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex}.roll-formula strong{font-size:var(--fs-xl)}.outcomes{gap:var(--sp-2);margin:var(--sp-3) 0;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.sources li{padding:2px 0}.confirm{margin-top:var(--sp-3);padding:var(--sp-3);border:1px solid var(--warn);border-radius:var(--radius);background:var(--surface)}.panel-foot{padding:var(--sp-2) var(--sp-3) calc(var(--sp-2) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg)}.timeline li button{text-align:left;width:100%;padding:var(--sp-2) 0;background:0 0;border:0;flex-direction:column;gap:2px;display:flex}.timeline li.entry{border-bottom:1px solid var(--surface-2)}.timeline li.undone .entry-label{color:var(--text-muted);text-decoration:line-through}.timeline li.locked .entry-label{color:var(--text-muted)}.divider button{align-items:center}.divider-text{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--text-muted)}.divider-combat-start .divider-text,.divider-combat-end .divider-text{color:var(--accent);font-size:var(--fs-sm);border-top:2px solid var(--accent);text-align:center;width:100%;padding-top:var(--sp-1);font-weight:700}.divider-long-rest .divider-text,.divider-short-rest .divider-text{color:var(--link);font-weight:700}.fab{right:var(--sp-3);bottom:calc(64px + var(--sp-3) + env(safe-area-inset-bottom));z-index:7;min-height:52px;padding:0 var(--sp-4);border-radius:var(--radius);background:var(--accent);color:#fff;border:0;font-weight:700;position:fixed;box-shadow:0 4px 12px #00000080}.item-row{align-items:center;gap:var(--sp-2);min-height:var(--tap);border-top:1px solid var(--surface-2);display:flex}.item-name{padding:var(--sp-1) 0;text-align:left;background:0 0;border:0}.item-name .magic{font-style:italic}.equip{width:var(--tap);height:var(--tap);background:0 0;border:0;flex:none;position:relative}.equip:after{content:"";border:2px solid var(--border);border-radius:3px;position:absolute;inset:12px}.equip.on:after{background:var(--accent);border-color:var(--accent)}.rarity-uncommon{color:var(--magic-uncommon)}.rarity-rare{color:var(--magic-rare)}.rarity-very-rare,.rarity-legendary,.rarity-artifact{color:var(--magic-very-rare)}.effect-row{width:100%;padding:var(--sp-2);border:1px solid var(--surface-2);border-radius:var(--radius);background:var(--surface);text-align:left;flex-direction:column;margin:2px 0;display:flex}.skills-list li{align-items:center;gap:var(--sp-2);min-height:var(--tap);border-top:1px solid var(--surface-2);display:flex}.bottom-nav{z-index:8;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-scroll{scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.bottom-nav button{min-height:56px;padding:0 var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;background:0 0;border:0;border-top:3px solid #0000;flex:none;font-weight:600}.bottom-nav button.active{color:var(--text);border-top-color:var(--accent)}.bottom-nav .settings{border-left:1px solid var(--border);min-width:56px;font-size:20px}.install{left:var(--sp-2);right:var(--sp-2);bottom:calc(64px + env(safe-area-inset-bottom));z-index:9;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--link);border-radius:var(--radius);background:var(--surface);display:flex;position:fixed}@media (width>=768px){.panel{border-left:1px solid var(--border);width:min(560px,100%);left:auto}}@media (width>=1024px){.sheet-head{padding:var(--sp-3) var(--sp-4)}.stat-row{grid-template-columns:repeat(4,120px) 240px}.stat-row .label{font-size:var(--fs-xs)}.layout{gap:var(--sp-4);padding:0 var(--sp-4) 96px;grid-template-columns:300px 320px 1fr;display:grid}.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)}.tabs .settings-tab{border-left:1px solid var(--border);margin-left:auto}.fab,.groupbar,.install{bottom:var(--sp-3)}.groupbar{width:480px;left:auto}}