.encounter{display:flow-root}.encounter h2{font-size:var(--size-card-title)}.encounter .btn{gap:8px}.encounter .head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.encounter .empty{color:var(--muted);font-style:italic}.encounter .add-item{flex-direction:column;align-items:flex-start;gap:2px}.encounter .add-item .add-desc{font-size:var(--size-footnote);opacity:var(--op-secondary)}.encounter .row-remove{--_size:28px;width:var(--_size);height:var(--_size);color:var(--text-body);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.encounter .row-remove:before{content:"";position:absolute;inset:-8px}@media (hover:hover){.encounter .row-remove:hover{color:var(--sienna)}}.encounter .enc-list{--_gap:16px;gap:12px;display:grid}.encounter .enc-list .card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.encounter .enc-list .save-status{margin-right:auto}.encounter .enc-list .enc-grid{gap:var(--_gap);grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));padding:0;list-style:none;display:grid}.encounter .enc-list .enc-card{flex-direction:column;padding:16px 18px 12px;display:flex}.encounter .enc-list .open{gap:4px;text-decoration:none;display:grid}.encounter .enc-list .name{font-family:var(--font-display);font-weight:600;font-size:var(--size-card-title);letter-spacing:var(--tracking-display);color:var(--heading)}.encounter .enc-list .summary{font-size:var(--size-desc);color:var(--muted)}.encounter .enc-list .enc-card-foot{border-top:1px solid var(--rule-inset);justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;padding-top:8px;display:flex}.encounter .enc-list .storage-note{font-size:var(--size-body);background-color:var(--note-fill);border-color:var(--note-edge);padding:10px 14px}.encounter .enc-list .import-error{font-size:var(--size-body);background-color:var(--alert-fill);border-color:var(--alert-edge);padding:10px 14px}@media (hover:hover){.encounter .enc-list .enc-card:hover{border-color:var(--sienna)}}.encounter .enc-dialog{--_viewport-gap:40px;width:min(440px, calc(100% - var(--_viewport-gap)));background-color:var(--parchment-deep);color:var(--text-body);border:var(--border-w) solid var(--divider);border-radius:var(--radius-card);box-shadow:inset 0 0 0 3.5px var(--parchment-deep), inset 0 0 0 4.5px var(--rule-inset), var(--shadow-drop-heavy);margin:auto;padding:0;overflow:auto}.encounter .enc-dialog::backdrop{background:var(--backdrop)}.encounter .enc-dialog.structure-dialog{width:min(560px, calc(100% - var(--_viewport-gap)))}.encounter .enc-dialog .dialog-panel{padding:20px 22px 22px}.encounter .enc-dialog .dialog-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.encounter .enc-dialog label{font-size:var(--size-desc);margin-bottom:4px;display:block}.encounter .enc-dialog .new-name{width:100%;font-size:var(--size-body);color:var(--heading);background:var(--card-fill);border:0;border-bottom:var(--border-w) solid var(--field-border);border-radius:0;padding:10px 8px}.encounter .enc-dialog .new-name::placeholder{color:var(--muted);opacity:1}.encounter .enc-dialog .new-name:focus{border-bottom-color:var(--sienna);outline:none}.encounter .enc-dialog .structure-intro{font-size:var(--size-desc);margin:0 0 10px}.encounter .enc-dialog .structure-intro code{font-family:var(--font-mono);color:var(--sienna-text)}.encounter .enc-dialog .structure-json{max-height:min(48vh,420px);font-family:var(--font-mono);font-size:var(--size-footnote);background:var(--card-fill);border:var(--border-w) solid var(--field-border);border-radius:var(--radius-button);margin:0;padding:12px 14px;line-height:1.5;overflow:auto}.encounter .enc-dialog .structure-syntax{margin-top:14px}.encounter .enc-dialog .dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.encounter .enc-bar{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.encounter .enc-bar .enc-title{--_size-title:1.375rem;font-family:var(--font-display);font-weight:600;font-size:var(--_size-title);letter-spacing:var(--tracking-display);color:var(--heading);flex:220px}@keyframes enc-preview-in{0%{opacity:0;scale:.85}}.encounter .creature-list{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.encounter .creature-list .creature-card.is-lifted{z-index:1;box-shadow:var(--shadow-drop-heavy);position:relative}@media (min-width:1024px){.encounter .creature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.encounter .block-grip{min-width:var(--tap-target);min-height:var(--tap-target);color:var(--divider);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-self:center;place-items:center;padding:0;display:grid}.encounter .block-grip:active{cursor:grabbing}@media (hover:hover){.encounter .block-grip:hover{color:var(--sienna)}}.encounter .creature-card .creature-head{border-bottom:1px solid var(--rule-inset);align-items:center;gap:6px;padding:4px 12px 4px 4px;display:flex}.encounter .creature-card .ordinal{min-width:22px;font-family:var(--font-display);font-size:var(--size-footnote);letter-spacing:.06em;text-align:center;color:var(--divider)}.encounter .creature-card .creature-name{min-width:80px;font-family:var(--font-display);font-weight:600;font-size:var(--size-card-title);letter-spacing:var(--tracking-display);color:var(--heading);border-bottom-color:#0000;flex:100px}.encounter .creature-card .creature-name:focus{border-bottom-color:var(--sienna)}.encounter .creature-card .hp-strip{border-bottom:1px solid var(--rule-inset);padding:8px 16px 10px}.encounter .creature-card .hp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.encounter .creature-card .hp-row .smallcaps{font-size:var(--size-footnote)}.encounter .creature-card .hp-current{font-variant-numeric:tabular-nums;text-align:center;width:3.2em;color:var(--heading);font-weight:600}.encounter .creature-card .hp-current:focus{width:5.6em}.encounter .creature-card .hp-preview{font-size:var(--size-desc);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--heading);background:var(--card-fill);border:var(--border-w) solid var(--field-border);border-radius:var(--radius-button);padding:2px 8px;animation:.15s ease-out enc-preview-in}.encounter .creature-card .hp-max{font-variant-numeric:tabular-nums;color:var(--text-body);font-weight:600}.encounter .creature-card .slash{color:var(--muted)}.encounter .creature-card .hint{display:none}.encounter .creature-card .creature-body{padding:10px 16px 14px}.encounter .creature-card .creature-body.is-editing{padding:10px 14px 14px}@media (hover:hover){.encounter .creature-card .creature-name:hover:not(:focus){border-bottom-color:var(--field-border)}.encounter .creature-card .creature-body:has(.md-body:hover){background:var(--card-fill)}}@media (hover:hover) and (pointer:fine){.encounter .creature-card .hint{font-size:var(--size-footnote);color:var(--muted);margin-left:auto;font-style:italic;display:inline}}.encounter .hp-bar-wrap{margin-top:6px;position:relative}.encounter .hp-bar{--_h:20px;--_ok:#5d7a3c;height:var(--_h);background:var(--card-fill);border:var(--border-w) solid var(--border-card);border-radius:var(--radius-button);cursor:crosshair;position:relative;overflow:hidden}.encounter .hp-bar>div{position:absolute;top:0;bottom:0;left:0}.encounter .hp-bar .fill-current{background:var(--_ok)}.encounter .hp-bar .hp-hover-line{width:var(--border-w);background:var(--heading);opacity:.5;pointer-events:none}.encounter .hp-hover-label{z-index:5;font-size:var(--size-desc);white-space:nowrap;pointer-events:none;color:var(--parchment-light);background:var(--leather-raised);border:var(--border-w) solid var(--ink-outer);border-radius:var(--radius-button);box-shadow:var(--shadow-drop);padding:2px 8px;position:absolute;bottom:26px;translate:-50%}.encounter .md-view{--_size-md:.9375rem;--_size-h1:1.125rem;--_size-h3:.84375rem;--_size-label:.8125rem;--_radius-code:3px 2px 3px 2px;font-size:var(--_size-md);line-height:1.55}.encounter .md-view p{margin:6px 0}.encounter .md-view .md-h1,.encounter .md-view .md-h2{font-family:var(--font-display);font-weight:700;font-size:var(--_size-h1);letter-spacing:var(--tracking-display);color:var(--heading);margin:12px 0 4px}.encounter .md-view .md-h2{font-size:var(--size-body)}.encounter .md-view .md-h3{font-family:var(--font-display);font-weight:600;font-size:var(--_size-h3);letter-spacing:.06em;color:var(--divider);margin:12px 0 2px}.encounter .md-view>:first-child{margin-top:0}.encounter .md-view>:last-child{margin-bottom:0}.encounter .md-view ul{margin:6px 0;padding-left:20px}.encounter .md-view li{margin:3px 0}.encounter .md-view .md-stats{border-top:1px solid var(--rule-inset);border-bottom:1px solid var(--rule-inset);flex-wrap:wrap;gap:4px 22px;margin:8px 0;padding:7px 2px;display:flex}.encounter .md-view .md-stat{font-size:var(--size-desc)}.encounter .md-view .md-stat-label{font-family:var(--font-display);font-size:var(--_size-label);letter-spacing:.06em;color:var(--divider)}.encounter .md-view table{border-collapse:collapse;margin:8px 0}.encounter .md-view th,.encounter .md-view td{font-size:var(--size-desc);border:1px solid var(--border-card);padding:4px 12px}.encounter .md-view th{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-align:left;color:var(--heading);font-weight:600}.encounter .md-view code{font-family:var(--font-mono);font-size:var(--_size-label);background:var(--card-fill);border:1px solid var(--field-border);border-radius:var(--_radius-code);padding:0 4px}.encounter .md-view strong{color:var(--heading);font-weight:600}.encounter .md-view a{color:var(--sienna-text)}.encounter .md-view .dice{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--sienna-text);font-weight:600}