.encounter-app{margin-bottom:var(--space-2xl)}.encounter-form{display:grid;gap:0}.encounter-form .card{container-type:inline-size;background:var(--color-surface);border-radius:12px;padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm)}.encounter-form label{display:grid;z-index:1;padding:var(--space-xs);font-size:14px;color:var(--color-text);gap:4px}.encounter-form input[type=number],.encounter-form input[type=text],.encounter-form select,.encounter-form textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--color-border);font-weight:800;font-size:16px;font-family:var(--font-display);background:var(--color-surface-elev);color:var(--color-text)}.encounter-form textarea{font-family:var(--font-body);font-weight:400}.encounter-form select{cursor:pointer}.encounter-form input.input-tight,.mod-num .input-tight{width:3.75rem;padding:4px 6px;font-size:14px;text-align:center}.picker-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.inline-add{position:relative;flex:1 1 220px;min-width:180px}.inline-add input.typeahead{width:100%;padding-right:56px}.inline-add .typeahead-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:0;border-radius:6px;background:0 0;color:var(--color-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;z-index:2;opacity:.75}.inline-add .typeahead-toggle::before{content:"";width:14px;height:14px;background-color:currentColor;-webkit-mask:url("/assets/icons/ui/chevron-down.svg") center/contain no-repeat;mask:url("/assets/icons/ui/chevron-down.svg") center/contain no-repeat;transition:transform .15s}.inline-add .typeahead-toggle[aria-expanded=true]::before,.inline-add:has(input.typeahead.is-open) .typeahead-toggle::before{transform:rotate(180deg)}.inline-add .typeahead-toggle:hover{opacity:1;background:var(--color-control-hover)}.inline-add .typeahead-clear{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;z-index:2}.inline-add .typeahead-clear:not([hidden]){display:inline-flex}.inline-add .typeahead-clear::before{content:"";width:12px;height:12px;background-color:currentColor;-webkit-mask:url("/assets/icons/ui/close.svg") center/contain no-repeat;mask:url("/assets/icons/ui/close.svg") center/contain no-repeat}.inline-add .typeahead-clear:hover{background:var(--color-accent)}.bp-cost{font-family:var(--font-display);font-weight:700;font-size:13px;white-space:nowrap}.tier-warn{color:var(--color-accent);font-size:12px;margin-left:6px}.setup-card{container-type:inline-size;container-name:setup}.setup-card .ib-setup{display:flex;flex-wrap:wrap;gap:8px;align-items:end;justify-content:flex-start}.ib-metrics{--ib-metrics-gap:8px;display:flex;flex-wrap:wrap;gap:var(--ib-metrics-gap);align-items:end;flex:0 1 auto;width:calc(5.5rem + 4.5rem + 4.5rem + 9rem + 3 * var(--ib-metrics-gap));max-width:100%;min-width:0;box-sizing:border-box}.ib-field{display:grid!important;gap:3px;padding:0!important;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--color-text-light);min-width:0}.ib-field span{line-height:1.2}.ib-field--name{flex:1 1 100%;min-width:8rem}.ib-field--fear{flex:0 0 auto;width:calc(12 * 14px + 11 * 5px + 20px);max-width:100%}.ib-field--bp{flex:0 0 5.5rem;width:5.5rem}.ib-field--xs{flex:0 0 4.5rem;width:4.5rem}.ib-field--tier{flex:0 0 9rem;width:9rem}.setup-card .ib-field input,.setup-card .ib-field select{padding:6px 8px;font-size:14px;border-radius:8px;min-height:34px;box-sizing:border-box}.setup-card .ib-stat{background:var(--color-surface-elev);border:1px solid var(--color-border);display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:100%;border-radius:8px;padding:6px 10px;min-height:34px}.setup-card .ib-field--fear .ib-stat{width:100%;justify-content:flex-start}.setup-card .ib-field--bp .ib-stat{min-width:0;cursor:help}.setup-card .mod-num .input-tight{width:100%;padding:6px 8px;min-height:34px;box-sizing:border-box}@container setup (min-width:28rem){.ib-field--name{flex:0 1 9rem;max-width:14rem}}@container setup (min-width:44rem){.ib-field--name{flex-basis:12rem;max-width:16rem}}.stat-sub{font-size:12px}.stat-value{font-size:14px}.ib-pips .pip-row{display:grid;grid-auto-flow:column;grid-auto-columns:14px;gap:5px;align-items:center;justify-content:start;width:max-content}.pip.fear.filled{background:var(--color-primary);border-color:var(--brand-haiti)}#ib-bp-chip.is-over .stat-value{color:#b42318}.plan-row{display:grid;grid-template-columns:1fr;gap:var(--space-sm);align-items:stretch}.encounter-board{display:grid;gap:var(--space-md);margin-top:var(--space-md);align-items:start}.run-panel{min-width:0;display:grid;gap:var(--space-sm);align-content:start}@media (min-width:900px){.plan-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.setup-card{grid-column:1/-1}}@media (min-width:1200px){.plan-row{grid-template-columns:minmax(16rem,1.2fr) minmax(16rem,1fr) minmax(18rem,0.85fr)}.setup-card{grid-column:auto}}.plan-card{margin:0!important;min-width:0;display:flex;flex-direction:column;height:100%}.plan-card:not([open]){align-self:start;height:auto}.plan-card[open]>.ccard-body{flex:1 1 auto}.plan-card>summary{padding:8px 10px}.plan-card>summary h3{font-size:14px}.plan-card .ccard-body{padding:8px 10px}.plan-card .picker-row{margin-bottom:4px;gap:6px}.plan-card .header-btn{padding:6px 10px;font-size:13px}.summary-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.summary-btn{padding:4px 8px!important;font-size:12px!important;line-height:1.2;font-family:var(--font-body);font-weight:600}.plan-card .chip{padding:2px 8px;font-size:11px}.plan-card .chip-row{margin:2px 0 0;gap:4px}.plan-card .inline-add{flex:1 1 140px;min-width:120px}.plan-card input.typeahead{padding:7px 10px;font-size:14px}.env-content{margin-top:4px;display:grid;gap:6px;font-size:13px}.env-content .adv-card__stats,.env-content .exp-line{margin:0}.env-content .exp-line--potential{line-height:1.7}.env-content .chip--inline{display:inline-flex;align-items:center;vertical-align:baseline;margin:0 1px;padding:0 7px;font-size:11px;line-height:1.55}.env-content details.features{margin-top:2px}.run-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.run-grid>.adv-card,.run-grid>.ccard{margin:0}.adv-card{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);padding:0;display:flex;flex-direction:column;margin:0}.adv-card.is-defeated{opacity:.55}.adv-card>summary{list-style:none;cursor:pointer;padding:12px 14px;color:var(--color-primary);display:flex;align-items:center;gap:8px}.adv-card>summary::-webkit-details-marker{display:none}.adv-card>summary::after{content:"";width:18px;height:18px;flex-shrink:0;opacity:.8;background-color:currentColor;-webkit-mask:url("/assets/icons/ui/chevron-down.svg") center/contain no-repeat;mask:url("/assets/icons/ui/chevron-down.svg") center/contain no-repeat;transition:transform .15s;order:99}.adv-card[open]>summary::after{transform:rotate(180deg)}.adv-card[open]>summary{border-bottom:1px solid var(--color-border)}.adv-card__summary-main{flex:1;min-width:0}.adv-card__name{margin:0;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.2;color:var(--color-primary)}.adv-card__meta{font-size:12px;color:var(--color-text-light);margin-top:2px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.adv-card .ccard-body{padding:var(--space-md);display:flex;flex-direction:column;gap:8px}.adv-card__stats{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13px}.adv-card__stats span strong{font-family:var(--font-display)}.adv-card__attack{font-size:14px;padding:6px 8px;border-radius:8px;background:var(--color-surface-elev);border:1px solid var(--color-border)}.adv-card__attack.is-horde-weak{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface-elev))}.adv-card__attack .atk-note{display:block;margin-top:4px;font-size:12px;color:var(--color-text-light);line-height:1.35}.adv-card__meta .badge--mod{text-transform:none;letter-spacing:0;font-weight:700}.adv-card__token-row{display:flex;flex-wrap:wrap;gap:6px}.token-toggle{border:1px solid var(--color-border);background:var(--color-surface-elev);color:var(--color-text);border-radius:8px;padding:6px 10px;font-size:12px;font-family:var(--font-body);font-weight:600;cursor:pointer}.token-toggle:hover{background:var(--color-control-hover)}.token-toggle.is-on{border-color:var(--color-primary);color:var(--color-primary);font-weight:700}.adv-card__pips{display:grid;gap:6px}.adv-card__pips .pip-label{font-size:11px;font-weight:700;color:var(--color-text-light);display:flex;justify-content:space-between}.adv-card__pips .pip-row{display:flex;flex-wrap:wrap;gap:6px}.count-row{display:flex;align-items:center;gap:8px}.count-row .pip-row{flex:1}.count-btn{width:28px;height:28px;flex-shrink:0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-elev);color:var(--color-primary);font-size:16px;font-weight:700;line-height:1;cursor:pointer;font-family:var(--font-display)}.count-btn:hover:not(:disabled){background:var(--color-control-hover)}.count-btn:disabled{opacity:.4;cursor:default}.count-hint{font-size:11px;color:var(--color-text-light);margin-top:4px;line-height:1.35}details.features{border-top:1px solid var(--color-border);padding-top:6px}details.features>summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--color-primary);list-style:none;display:flex;align-items:center;gap:6px}details.features>summary::-webkit-details-marker{display:none}details.features>summary::before{content:"";width:14px;height:14px;flex-shrink:0;opacity:.8;background-color:currentColor;-webkit-mask:url("/assets/icons/ui/chevron-down.svg") center/contain no-repeat;mask:url("/assets/icons/ui/chevron-down.svg") center/contain no-repeat;transition:transform .15s;transform:rotate(-90deg)}details.features[open]>summary::before{transform:rotate(0)}.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:10001;display:grid;place-items:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:rgba(10,8,24,.55)}.modal-panel{position:relative;width:min(640px,100%);max-height:min(90vh,900px);overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-sm);padding:14px}.modal-panel--wide{width:min(860px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.modal-head h2{margin:0;font-size:20px;font-family:var(--font-display)}.modal-head-actions{display:flex;gap:8px;align-items:center}.customs-toolbar{margin-bottom:10px}.customs-list{display:grid;gap:6px}.customs-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px}.customs-item__actions{display:flex;gap:6px;flex-wrap:wrap}.editor-form{display:grid;gap:var(--space-md)}.editor-section{display:grid;gap:10px;padding:12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-elev)}.editor-section__title{margin:0;font-size:13px;font-family:var(--font-display);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary)}.editor-section__head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.editor-row{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.editor-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.efield{display:grid!important;gap:4px;padding:0!important;margin:0;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--color-text-light);font-family:var(--font-body);min-width:0}.efield>span{line-height:1.2;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.efield--grow{flex:1 1 12rem;min-width:10rem}.efield--tier{flex:0 0 4.5rem;width:4.5rem}.efield--type{flex:0 1 9rem;min-width:7.5rem}.efield--sm{flex:0 1 8rem;min-width:6.5rem}.efield--md{flex:1 1 9rem;min-width:8rem}.editor-form .efield input,.editor-form .efield select,.editor-form .efield textarea,.feat-editor-row input,.feat-editor-row select,.feat-editor-row textarea{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;border:1px solid var(--color-border);font-weight:700;font-size:15px;font-family:var(--font-display);background:var(--color-surface);color:var(--color-text);min-height:36px}.editor-form .efield textarea,.feat-editor-row textarea{font-family:var(--font-body);font-weight:400;min-height:64px;resize:vertical}.editor-form .efield select{cursor:pointer}.editor-stats .efield input{text-align:center;padding-left:6px;padding-right:6px}.editor-features{gap:10px}.potential-editor{gap:8px!important}.potential-editor textarea{min-height:56px;font-weight:400!important;font-family:var(--font-body)!important}.potential-insert{display:flex;gap:8px;align-items:center}.potential-insert .inline-add{flex:1 1 auto;min-width:0}.potential-preview .chip--inline{display:inline-flex;align-items:center;vertical-align:baseline;margin:0 1px;padding:0 7px;font-size:11px;line-height:1.55;pointer-events:none;cursor:default}.feat-editor-row{display:grid;grid-template-columns:1fr 120px auto;gap:8px;margin-bottom:8px;align-items:start;padding:10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.feat-editor-row textarea{grid-column:1/-1;min-height:64px}.icon-action{border:1px solid var(--color-border);background:var(--color-surface-elev);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--color-text);font-family:var(--font-body);font-size:12px}.icon-action:hover{background:var(--color-control-hover)}.help-body h3{margin:1rem 0 .4rem;font-family:var(--font-display);font-size:16px;color:var(--color-primary)}.help-body ul{margin:.4rem 0 .8rem 1.1rem;color:var(--color-text-light)}.help-body p{margin:.4rem 0;color:var(--color-text-light)}@media (max-width:720px){.editor-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.feat-editor-row{grid-template-columns:1fr 1fr}.feat-editor-row .icon-action{grid-column:1/-1;justify-self:start}}@media (max-width:480px){.editor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{#mods-grid,.add-adv-card,.char-header,.modal,.page-intro,.toast,footer,nav{display:none!important}.adv-card>summary::after,.ccard>summary::after{display:none}.adv-card,.ccard{border:none;break-inside:avoid}.adv-card{break-inside:avoid}}