:root{--color-void:oklch(9% .02 275);--color-surface:oklch(15% .026 275);--color-surface-2:oklch(19% .03 275);--color-surface-3:oklch(24% .032 278);--color-rule:oklch(34% .03 275);--color-ink:oklch(95% .01 280);--color-ink-2:oklch(80% .014 280);--color-muted:oklch(63% .018 278);--color-accent:oklch(72% .15 300);--color-accent-dim:oklch(48% .11 300);--color-accent-ink:oklch(13% .04 300);--color-accent-hi:oklch(78% .15 300);--color-accent-wash:oklch(72% .15 300/.16);--color-gold:oklch(80% .11 90);--color-ok:var(--color-gold);--color-danger:oklch(64% .17 25);--color-focus:oklch(82% .13 300);--color-scrim:oklch(9% .02 275/.92);--stage-veil:#0000008c;--stage-veil-soft:#00000073;--color-stage-void:oklch(0% 0 0);--font-display:"Sentient", "Iowan Old Style", Palatino, Georgia, serif;--font-body:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--weight-body:350;--weight-medium:500;--weight-strong:600;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1.0625rem;--text-lg:1.3281rem;--text-xl:1.6602rem;--text-2xl:2.0752rem;--text-3xl:2.594rem;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--dur-blackout:.7s;--dur-scene:1.2s;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--touch-min:88px;--touch-comfy:56px;--z-bg:0;--z-base:1;--z-tokens:100;--z-token-selected:250;--z-share:300;--z-initiative:400;--z-title:500;--z-blackout:600;--z-panel:1000;--z-overlay:2000}@font-face{font-family:Sentient;src:url(/fonts/sentient-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-latin-var.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:clip}body{background:var(--color-void);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-medium);letter-spacing:-.01em;margin:0;line-height:1.15}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}input[type=range],output,.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.stage__blackout{transition-duration:var(--dur-blackout)!important}.stage__bg,.stage__bg--out{animation-duration:var(--dur-scene)!important}}.scene-chip{gap:var(--space-sm);width:100%;padding:var(--space-2xs);border-radius:var(--radius-md);text-align:left;background:0 0;border:1px solid #0000;display:flex}.scene-chip--on{border-color:var(--color-accent-dim);background:var(--color-surface-2)}.scene-chip__thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--color-void);flex:0 0 4.5rem;overflow:hidden}.scene-chip__thumb img{object-fit:cover;width:100%;height:100%}.scene-chip__text{flex-direction:column;min-width:0;display:flex}.scene-chip__name{color:var(--color-ink);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene-chip__meta{color:var(--color-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel{gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.panel__title{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.14em;display:flex}.panel__title:before{content:"";border-radius:var(--radius-pill);background:var(--color-accent-dim);width:1.25rem;height:2px}.foldout{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface)}.foldout>.panel{background:0 0;border:none;border-radius:0;padding-top:0}.foldout__summary{align-items:center;gap:var(--space-xs);min-height:2.75rem;padding:0 var(--space-md);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;list-style:none;display:flex}.foldout__summary::-webkit-details-marker{display:none}.foldout__state{color:var(--color-ink-2);font-size:var(--text-xs);font-weight:var(--weight-body);letter-spacing:0;text-transform:none;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.foldout__chevron{border-right:2px solid var(--color-muted);border-bottom:2px solid var(--color-muted);width:.5rem;height:.5rem;transition:transform var(--dur-short) var(--ease-out);flex:none;transform:rotate(45deg)translate(-2px,-2px)}.foldout[open] .foldout__chevron{transform:rotate(225deg)translate(-2px,-2px)}.field{gap:var(--space-2xs);flex-direction:column;display:flex}.field__label{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.field__input{min-height:2.75rem;padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-void);color:var(--color-ink);font-size:var(--text-sm)}.field__input::placeholder{color:var(--color-muted)}.field__range{width:100%;height:2.75rem;accent-color:var(--color-accent)}.row{gap:var(--space-2xs);display:flex}.row>.button{flex:1}.button{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:2.75rem;padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:center;transition:background var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);text-decoration:none;display:inline-flex}.button:hover{border-color:var(--color-accent-dim);background:var(--color-surface-3)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.4;cursor:not-allowed}.button:disabled:hover{border-color:var(--color-rule);background:var(--color-surface-2)}.button--primary{background:var(--color-accent);color:var(--color-accent-ink);font-weight:var(--weight-strong);border-color:#0000}.button--primary:hover{background:var(--color-accent-hi);border-color:#0000}.button--quiet{color:var(--color-muted);background:0 0;border-color:#0000}.button--quiet:hover{border-color:var(--color-rule);color:var(--color-ink-2);background:0 0}.button--danger{color:var(--color-danger);background:0 0;border-color:#0000}.button--danger:hover{border-color:var(--color-danger);background:0 0}.button--big{min-height:var(--touch-comfy);font-size:var(--text-md)}.button--huge{min-height:4.75rem;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:.01em}.button--tight{min-height:2.25rem;padding:0 var(--space-xs);font-size:var(--text-xs);position:relative}.button--tight:before{content:"";position:absolute;inset:-6px -2px}.segmented{gap:var(--space-3xs);padding:var(--space-3xs);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-void);display:flex}.segmented__option{min-height:2.75rem;padding:var(--space-2xs);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-sm);transition:background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);background:0 0;border:none;flex:1}.segmented__option--on{background:var(--color-surface-3);color:var(--color-ink);font-weight:var(--weight-medium);box-shadow:inset 0 0 0 1px var(--color-accent-dim)}.check{align-items:center;gap:var(--space-xs);min-height:2.75rem;color:var(--color-ink-2);font-size:var(--text-sm);display:flex}.check input{width:1.35rem;height:1.35rem;accent-color:var(--color-accent)}.status{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);margin:0;display:flex}.status__dot{background:currentColor;border:2px solid;border-radius:50%;flex:none;width:.6rem;height:.6rem}.status--ok{color:var(--color-ok)}.status--wait{color:var(--color-accent)}.status--off{color:var(--color-muted)}.status--off .status__dot{background:0 0}.cast{gap:var(--space-3xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cast__row{align-items:center;gap:var(--space-xs);width:100%;min-height:2.75rem;padding:var(--space-3xs);border-radius:var(--radius-sm);text-align:left;background:0 0;border:1px solid #0000;display:flex}.cast__row--on{border-color:var(--color-accent-dim);background:var(--color-surface-2)}.cast__thumb{border-radius:var(--radius-sm);background:var(--color-void);object-fit:contain;width:2.25rem;height:2.25rem}.cast__name{color:var(--color-ink);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cast__badge{padding:0 var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-muted);font-size:var(--text-xs)}.pagemenu{display:inline-flex;position:relative}.pagemenu__button{gap:var(--space-xs)}.pagemenu__chevron{border-bottom:2px solid;border-right:2px solid;width:.45rem;height:.45rem;transform:rotate(45deg)translate(-2px,-2px)}.pagemenu__sheet{right:0;bottom:calc(100% + var(--space-2xs));z-index:var(--z-panel);gap:var(--space-3xs);width:max(14rem,100%);padding:var(--space-2xs);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-2);flex-direction:column;display:flex;position:absolute;box-shadow:0 8px 24px oklch(0% 0 0/.5)}.library__bar .pagemenu__sheet,.start .pagemenu__sheet{top:calc(100% + var(--space-2xs));bottom:auto}.pagemenu__item{min-height:var(--touch-comfy);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-ink);flex-direction:column;justify-content:center;gap:1px;text-decoration:none;display:flex}.pagemenu__item:hover{background:var(--color-surface-3)}.pagemenu__item--on{box-shadow:inset 0 0 0 1px var(--color-accent-dim)}.pagemenu__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.pagemenu__hint{color:var(--color-muted);font-size:var(--text-xs)}.pagemenu__leave{min-height:var(--touch-comfy);margin-top:var(--space-3xs);border-top:1px solid var(--color-rule);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--color-danger)}.rail__tags{gap:var(--space-3xs);flex-wrap:wrap;display:flex}.tag{min-height:2.75rem;padding:var(--space-3xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-muted);font-size:var(--text-xs);background:0 0}.tag--on{border-color:var(--color-accent);background:var(--color-surface-2);color:var(--color-accent)}.chip{align-items:center;gap:var(--space-xs);min-height:var(--touch-comfy);padding:var(--space-3xs) var(--space-md) var(--space-3xs) var(--space-3xs);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-surface);opacity:.5;transition:opacity var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);display:flex}.chip--on{border-color:var(--color-accent);background:var(--color-surface-2);opacity:1}.chip__face{background:var(--color-stage-void);object-fit:cover;object-position:top center;border-radius:50%;width:2.5rem;height:2.5rem}.chip__name{color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap}.chip__state{border:2px solid var(--color-muted);border-radius:50%;width:.5rem;height:.5rem}.chip--on .chip__state{border-color:var(--color-accent);background:var(--color-accent)}.drop__zone{width:100%;min-height:7rem;padding:var(--space-md);border:1px dashed var(--color-rule);border-radius:var(--radius-md);background:var(--color-void);color:var(--color-muted);font-size:var(--text-xs);text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.drop__zone--over{border-color:var(--color-accent);color:var(--color-accent)}.drop__preview{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.drop__zone--filled .drop__label{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-scrim);position:relative}.drop__hint,.drop__error{margin:var(--space-2xs) 0 0;font-size:var(--text-xs)}.drop__hint{color:var(--color-muted)}.drop__error{color:var(--color-danger)}.muted{color:var(--color-muted);font-size:var(--text-sm)}.notice{margin:0 0 var(--space-md);padding:var(--space-xs) var(--space-sm);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface);color:var(--color-ink-2);font-size:var(--text-sm)}.field__range--big{height:3.25rem}.preset-row{gap:var(--space-3xs);grid-template-columns:repeat(4,1fr);display:grid}.preset-row .button{min-height:2.75rem;padding:var(--space-2xs) 0;font-size:var(--text-xs)}.rect-pad{gap:var(--space-2xs);flex-direction:column;display:flex}.rect-pad__stage{aspect-ratio:16/9;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-stage-void);touch-action:none;position:relative}.rect-pad__rect{border:2px solid var(--color-accent);background:var(--color-accent-wash);cursor:grab;border-radius:3px;position:absolute}.rect-pad__rect:active{cursor:grabbing}.stage-frame{background:var(--color-stage-void);justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.stage{aspect-ratio:16/9;background:var(--color-stage-void);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:100%;max-height:100%;position:relative;overflow:hidden;container-type:size}.stage--editable{cursor:default}.stage__bg{z-index:var(--z-bg);pointer-events:none;animation:stage-bg-in var(--dur-scene) var(--ease-out);background-position:50%;background-repeat:no-repeat;position:absolute;inset:0}.stage__bg--out{animation:stage-bg-out var(--dur-scene) var(--ease-out) forwards}@keyframes stage-bg-in{0%{opacity:0}to{opacity:1}}@keyframes stage-bg-out{0%{opacity:1}to{opacity:0}}.stage__token{width:max-content;transition:opacity var(--dur-long) var(--ease-out);will-change:opacity;position:absolute;transform:translate(-50%,-100%)}.stage--editable .stage__token{cursor:grab}.stage--editable .stage__token:active{cursor:grabbing}.stage__token-image{filter:drop-shadow(0 1cqh 1.5cqh #0000008c);width:auto;height:100%;display:block}.stage__token--selected .stage__token-image{outline:.3cqh solid var(--color-accent);outline-offset:.3cqh}.stage__token-label{border-radius:var(--radius-pill);background:var(--stage-veil);color:var(--color-ink);font-family:var(--font-display);white-space:nowrap;text-shadow:0 .1cqh .3cqh #000c;margin-top:.6cqh;padding:.3cqh 1cqh;font-size:2.2cqh;line-height:1.2;position:absolute;top:100%;left:50%;transform:translate(-50%)}.stage__handle{z-index:var(--z-tokens);border:2px solid var(--color-accent);background:var(--color-void);cursor:ns-resize;touch-action:none;border-radius:3px;width:18px;height:18px;position:absolute;top:-2px}.stage__handle:before{content:"";position:absolute;inset:-13px}.stage__handle--left{left:-9px}.stage__handle--right{right:-9px}.stage__overlay{position:absolute}.stage__overlay--share{z-index:var(--z-share)}.stage__overlay--initiative{z-index:var(--z-initiative)}.stage__title{z-index:var(--z-title);border-left:.4cqh solid var(--color-gold);background:var(--stage-veil-soft);color:var(--color-ink);font-family:var(--font-display);letter-spacing:0;text-shadow:0 .2cqh .6cqh #000000e6;padding:.8cqh 2cqh;font-size:3.4cqh;font-weight:500;position:absolute;top:3cqh;left:3cqh}.stage__blackout{z-index:var(--z-blackout);background:var(--color-stage-void);pointer-events:none;transition:opacity var(--dur-blackout) var(--ease-in-out);position:absolute;inset:0}.share-frame{border-radius:var(--radius-lg);width:100%;height:100%;transition:opacity var(--dur-long) var(--ease-out);background:0 0;position:relative;overflow:hidden;box-shadow:0 1cqh 4cqh #000000a6,0 0 0 .25cqh #ffffff1f}.share-frame--off{opacity:0;pointer-events:none}.share-frame__video{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.share-frame__prompt{background:var(--color-surface-2);color:var(--color-ink);text-align:center;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1.5cqh;padding:3cqh;display:flex;position:absolute;inset:0}.share-frame__prompt strong{font-family:var(--font-display);color:var(--color-gold);font-size:4cqh}.share-frame__prompt span{max-width:60cqh;color:var(--color-ink-2);font-size:2cqh;line-height:1.5}.share-frame__error{color:var(--color-danger)}.initiative-strip{border-radius:var(--radius-lg);background:var(--stage-veil);width:100%;height:100%;color:var(--color-ink);align-items:center;gap:2cqh;padding:0 2cqh;display:flex;overflow:hidden}.initiative-strip__round{border-right:.3cqh solid var(--color-gold);color:var(--color-gold);font-family:var(--font-display);font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:center;padding-right:2cqh;font-size:4cqh;line-height:1;display:flex}.initiative-strip__round small{color:var(--color-muted);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;font-size:1.6cqh}.initiative-strip__list{flex:1;align-self:stretch;align-items:center;gap:1.5cqh;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.initiative-strip__entry{border-radius:var(--radius-pill);min-width:0;transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);border:.25cqh solid #0000;flex:0 auto;align-items:center;gap:1cqh;padding:.6cqh 1.6cqh;display:flex}.initiative-strip__entry--player .initiative-strip__face{width:5cqh;height:5cqh}.initiative-strip__entry--foe{opacity:.75}.initiative-strip__entry--foe .initiative-strip__face{width:3.6cqh;height:3.6cqh}.initiative-strip__entry--foe .initiative-strip__name{font-family:var(--font-body);color:var(--color-ink-2);font-size:2.1cqh}.initiative-strip__entry--done{opacity:.35}.initiative-strip__entry--on{border-color:var(--color-gold);background:var(--stage-veil-soft);opacity:1;flex:none;transform:translateY(-.9cqh)scale(1.08)}.initiative-strip__face{background:var(--color-surface-2);width:4.4cqh;height:4.4cqh;color:var(--color-ink-2);font-family:var(--font-display);object-fit:cover;object-position:top center;border-radius:50%;flex:none;place-items:center;font-size:2.4cqh;display:grid}.initiative-strip__name{min-width:0;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 .1cqh .3cqh #000000e6;font-size:2.6cqh;overflow:hidden}.control{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-columns:20% minmax(0,1fr) 30%;display:grid;position:relative}.control__veil{z-index:var(--z-overlay);background:var(--color-void);color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-lg);place-items:center;display:grid;position:absolute;inset:0}.rail{gap:var(--space-xs);padding:var(--space-sm);border-right:1px solid var(--color-rule);flex-direction:column;display:flex;overflow-y:auto}.rail__list{gap:var(--space-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rail__scene{gap:var(--space-3xs);width:100%;min-height:var(--touch-min);padding:var(--space-3xs);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;transition:border-color var(--dur-micro) var(--ease-out);flex-direction:column;display:flex;position:relative}.rail__scene:hover:not(:disabled){border-color:var(--color-accent-dim)}.rail__scene:disabled{opacity:.45}.rail__scene--live{border-color:var(--color-accent);background:var(--color-surface-2)}.rail__scene--live:before{content:"";top:var(--space-xs);bottom:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-accent);width:3px;position:absolute;left:-1px}.rail__thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--color-stage-void);display:block;overflow:hidden}.rail__thumb img{object-fit:cover;width:100%;height:100%}.rail__name{padding:0 var(--space-2xs) var(--space-3xs);color:var(--color-ink);font-size:var(--text-sm);line-height:1.2}.rail__back{min-height:var(--touch-comfy);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-top:auto}.rail__back:disabled{opacity:.35}.control__center{gap:var(--space-md);min-width:0;padding:var(--space-sm);flex-direction:column;display:flex}.control__preview-head{align-items:center;gap:var(--space-sm);display:flex}.control__scene-name{min-width:0;color:var(--color-ink-2);font-family:var(--font-display);font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.control__preview-head .button{flex:none}.control__preview{aspect-ratio:16/9;border:1px solid var(--color-rule);border-radius:var(--radius-lg);width:100%;max-height:52%;overflow:hidden}.control__preview .stage{pointer-events:none}.control__preview--editing{border-color:var(--color-accent)}.control__preview--editing .stage{pointer-events:auto}.cast-chips{gap:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex}.cast-chips__row{align-content:flex-start;gap:var(--space-xs);flex-wrap:wrap;flex:1;min-height:0;display:flex;overflow-y:auto}.cast-chips__bulk{gap:var(--space-xs);display:flex}.cast-chips__bulk .button{min-height:var(--touch-comfy);flex:1}.control__side{gap:var(--space-sm);min-height:0;padding:var(--space-sm);border-left:1px solid var(--color-rule);grid-template-rows:auto minmax(24rem,1fr) auto auto;display:grid;overflow-y:auto}.control__drawers{gap:var(--space-2xs);flex-direction:column;display:flex}.control__foot{bottom:calc(var(--space-sm) * -1);z-index:var(--z-base);padding-bottom:var(--space-sm);margin-bottom:calc(var(--space-sm) * -1);background:var(--color-void);position:sticky}.control__link-strip{align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.control__link-strip .status{font-size:var(--text-xs)}.control__link-strip .button{min-height:2.75rem;padding:0 var(--space-sm);font-size:var(--text-xs);margin-left:auto}.control__warning{color:var(--color-muted);font-size:var(--text-xs);margin:0;line-height:1.4}.initiative{min-height:0;overflow-y:auto}.initiative__head{top:calc(var(--space-md) * -1);z-index:var(--z-base);gap:var(--space-sm);margin-top:calc(var(--space-md) * -1);padding-block:var(--space-md) var(--space-2xs);background:var(--color-surface);flex-direction:column;flex:none;display:flex;position:sticky}.initiative__turn{align-items:baseline;gap:var(--space-sm);margin:0;display:flex}.initiative__round{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-gold);font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;flex:none}.initiative__turn strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.initiative__list{gap:var(--space-3xs);flex-direction:column;flex:none;margin:0;padding:0;list-style:none;display:flex}.initiative__controls,.initiative__foot{flex:none}.initiative__foot{gap:var(--space-2xs);flex-direction:column;display:flex}.foldout--inline{border:none;border-top:1px solid var(--color-rule);background:0 0;border-radius:0;flex:none}.foldout--inline .foldout__summary{min-height:2.75rem;padding:0}.initiative__add-body{gap:var(--space-xs);padding-bottom:var(--space-2xs);flex-direction:column;display:flex}.initiative__row{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs);border-radius:var(--radius-sm);border:1px solid #0000;display:flex}.initiative__row--on{border-color:var(--color-accent);background:var(--color-surface-2)}.initiative__pick{align-items:center;gap:var(--space-xs);text-align:left;background:0 0;border:none;flex:1;min-width:0;min-height:2.75rem;padding:0;display:flex}.initiative__roll{width:3.5rem;min-height:2.75rem;padding:var(--space-3xs) var(--space-2xs);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-void);color:var(--color-gold);font-size:var(--text-sm);text-align:center;flex:none}.initiative__roll::-webkit-outer-spin-button{appearance:none;margin:0}.initiative__roll::-webkit-inner-spin-button{appearance:none;margin:0}.initiative__count{flex-direction:column;flex:none;gap:0;width:4rem;display:flex}.initiative__count .field__input{min-height:2.5rem;padding:var(--space-3xs) var(--space-2xs);text-align:center}.initiative__add .field__input{flex:1;min-width:0}.initiative__cast{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.initiative__cast .chip{min-height:2.5rem;padding-right:var(--space-sm);opacity:1}.initiative__cast .chip__face{width:1.75rem;height:1.75rem}.initiative__cast .chip__name{font-size:var(--text-xs)}code{padding:0 var(--space-3xs);border-radius:var(--radius-sm);background:var(--color-surface-3);font-family:var(--font-mono);font-size:.9em}