.demo-match-hero{padding-bottom:1.5rem}.demo-match-hero__body{justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1rem;display:flex}.demo-match-hero__identity{gap:1rem;min-width:0;display:grid}.demo-match-hero__title{letter-spacing:-.045em;overflow-wrap:anywhere;margin:.4rem 0 0;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.05}.demo-match-hero__score{font-variant-numeric:tabular-nums;background:#0811218c;border:1px solid #ffffff1f;border-radius:1.25rem;flex-shrink:0;align-items:baseline;gap:1rem;padding:1rem 1.5rem;font-size:2.8rem;font-weight:800;display:flex}.demo-match-hero__score>div{text-align:center;display:grid}.demo-match-hero__score small{color:#ffffffa6;font-size:.65rem;font-weight:600}.demo-match-hero__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.demo-match-hero__footer>.min-w-0{flex-basis:20rem}.demo-match-hero--compact .demo-match-hero__title{font-size:clamp(1.6rem,3vw,2.5rem)}.demo-match-hero--compact .demo-match-hero__identity{gap:.6rem}.demo-match-hero--compact .demo-match-hero__score{padding:.6rem 1.1rem;font-size:2rem}.demo-library-row:has([aria-expanded=true]){z-index:30}.demo-library-row:focus-within{border-color:var(--color-brand)}.demo-library-row>a:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:1rem}.demo-section-nav{background:#ffffff06;border:1px solid #ffffff1a;border-radius:1rem;gap:.25rem;padding:.3rem;display:flex}.demo-section-nav button{min-height:2.5rem;color:var(--color-ink-muted);border-radius:.7rem;flex:1;padding:.5rem .75rem;font-size:.8rem;font-weight:700;transition:background .15s,color .15s}.demo-section-nav button[aria-pressed=true]{color:var(--color-ink);box-shadow:inset 0 -2px var(--color-brand);background:#ffffff1a}.demo-section-nav button:hover{background:#ffffff12}.demo-section-nav button:focus-visible,.demo-viewer button:focus-visible,.demo-viewer select:focus-visible,.demo-viewer input:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.demo-disclosure{background:#ffffff06;border:1px solid #ffffff1a;border-radius:1rem}.demo-disclosure>summary{cursor:pointer;color:var(--color-ink-muted);padding:.9rem 1rem;font-size:.8rem;font-weight:700}.demo-disclosure[open]>summary{border-bottom:1px solid #ffffff14;margin-bottom:.5rem}.demo-disclosure>section,.demo-disclosure>.demo-viewer-panel{box-shadow:none;background:0 0;border:0}.demo-viewer{align-items:start;gap:1rem;display:grid}.demo-viewer__main{gap:1rem;min-width:0;display:grid}.demo-viewer__stage{background:var(--color-sand);border:1px solid #ffffff1f;border-radius:1.25rem;overflow:hidden;box-shadow:0 20px 50px #03081440}.demo-viewer__map{background:#080f1b;position:relative}.demo-viewer__canvas{cursor:grab;touch-action:none;width:100%;height:clamp(340px,65vh,760px);display:block}.demo-viewer__canvas:active{cursor:grabbing}.demo-viewer__camera{background:#0e1b2ff2;border:1px solid #ffffff1f;border-radius:2rem;align-items:center;gap:.15rem;padding:.25rem;display:flex;position:absolute;bottom:.75rem;right:.75rem}.demo-viewer__camera button{min-width:2rem;min-height:2rem}.demo-viewer__transport{border-top:1px solid #ffffff1a;grid-template-columns:10rem minmax(0,1fr);align-items:start;gap:.5rem 1rem;padding:.75rem;display:grid}.demo-viewer__playback-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding-top:1.4rem;display:grid}.demo-viewer__playback-controls button{border-radius:.5rem;min-width:0;min-height:2rem;padding:.3rem;font-size:.7rem}.demo-viewer__playback-controls label{grid-column:span 2}.demo-viewer__transport-footer{color:var(--color-ink-muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:.25rem 1rem;font-size:.65rem;display:flex}.demo-viewer__timer{pointer-events:none;background:#080f1be6;border:1px solid #ffffff1f;border-radius:.7rem;align-items:center;gap:.6rem;padding:.3rem .65rem;display:flex;position:absolute;top:.75rem;left:.75rem}.demo-viewer__round-timeline{gap:.4rem;min-width:0;display:grid}.demo-viewer__scrubber{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#ffffff0d calc(10% - 1px) 10%),#0003;border:1px solid #ffffff29;border-radius:.4rem;height:3.25rem;position:relative}.demo-viewer__scrubber:focus-within{outline:2px solid var(--color-brand);outline-offset:2px}.demo-viewer__scrubber-progress{border-radius:inherit;pointer-events:none;background:#ff8f2b26;position:absolute;inset:0 auto 0 0}.demo-viewer__scrubber input[type=range]{appearance:none;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.demo-viewer__scrubber input::-webkit-slider-thumb{appearance:none;width:1px;height:3.25rem}.demo-viewer__scrubber input::-moz-range-thumb{border:0;width:1px;height:3.25rem}.demo-viewer__scrubber-needle{background:var(--color-brand);pointer-events:none;border-radius:2px;width:3px;position:absolute;top:-3px;bottom:-3px;transform:translate(-50%);box-shadow:0 0 0 1px #00000059}.demo-viewer__event-marker{cursor:pointer;justify-content:center;align-items:center;width:12px;padding:0;display:flex;position:absolute;transform:translate(-50%)}.demo-viewer__event-marker--kill{top:5px;bottom:5px}.demo-viewer__event-marker--kill span{background:currentColor;width:2px;height:100%}.demo-viewer__event-marker--objective{text-shadow:0 1px 3px #000;height:20px;font-size:.8rem;bottom:0}.demo-viewer__event-marker:hover,.demo-viewer__event-marker:focus-visible{background:#ffffff26;outline:1px solid}.demo-viewer__round-picker button{border-radius:.35rem;min-width:1.9rem;height:1.9rem;padding-inline:.3rem}.demo-viewer__timeline-meta{color:var(--color-ink-muted);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;font-size:.6rem;display:flex}@media (width<=600px){.demo-viewer__transport{grid-template-columns:minmax(0,1fr)}.demo-viewer__playback-controls{flex-wrap:wrap;padding-top:0;display:flex}.demo-viewer__playback-controls button{min-width:2.5rem}.demo-viewer__timer{flex-direction:column;align-items:flex-start;gap:0}}.demo-viewer__sidebar,.demo-viewer__sidebar-content{gap:.75rem;min-width:0;display:grid}.demo-viewer__sidebar .demo-section-nav button{min-width:0;padding-inline:.4rem;font-size:.75rem}.demo-edit-form fieldset:disabled input,.demo-edit-form fieldset:disabled select{opacity:.6}.demo-viewer-panel{background:var(--color-sand-soft);border:1px solid #ffffff1a;border-radius:1rem;min-width:0;padding:1rem}.demo-viewer-panel dd{overflow-wrap:anywhere;min-width:0}.demo-viewer-panel li{min-width:0}.demo-viewer-panel button{min-height:2rem}.demo-viewer__warning{border-left:2px solid var(--color-brand);color:var(--color-ink-muted);padding:.5rem .75rem;font-size:.75rem}@media (width>=1280px){.demo-viewer{grid-template-columns:minmax(0,1fr) 21rem}}@media (width<=640px){.demo-match-hero__body{flex-direction:column;align-items:flex-start;gap:1rem}.demo-match-hero__score{padding:.5rem 1rem;font-size:2rem}.demo-library-row{gap:.65rem}.demo-library-row__art{width:3rem;height:3rem}.demo-library-row__facts{display:none}.demo-viewer__transport{padding:.75rem}.demo-viewer__canvas{height:min(105vw,65vh);min-height:320px}}