.frictions-player{--fp-bg:#fff;--fp-ink:#19263c;--fp-muted:#52637a;--fp-line:#dce3eb;--fp-soft:#f4f7fa;--fp-accent:#4338ca;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--fp-ink);background:var(--fp-bg);border:1px solid var(--fp-line);border-radius:14px;overflow:hidden;max-width:100%;box-sizing:border-box}.frictions-player *{box-sizing:border-box}.frictions-player button,.frictions-player select{font:inherit;color:var(--fp-ink);background:var(--fp-bg);border:1px solid var(--fp-line);border-radius:7px;min-height:40px;padding:7px 12px;cursor:pointer;white-space:normal}.frictions-player button:hover{background:var(--fp-soft)}.frictions-player button:disabled{opacity:.55;cursor:default}.frictions-player :focus-visible{outline:3px solid var(--fp-accent);outline-offset:3px}.frictions-player [hidden]{display:none!important}.fp-header{padding:16px 20px;border-bottom:1px solid var(--fp-line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fp-header strong{font-size:16px}.fp-muted{color:var(--fp-muted);font-size:13px}.fp-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px}.fp-layout.fp-no-events{grid-template-columns:minmax(0,1fr)}.fp-scene{padding:12px;min-width:0;min-height:270px;overflow:auto;background:repeating-conic-gradient(#edf1f5 0 25%,#e7ecf2 0 50%) 0/20px 20px;display:flex;justify-content:center;align-items:flex-start}.fp-viewport{position:relative;flex:none}.fp-frame{display:block;border:0;transform-origin:top left;pointer-events:none;position:absolute;left:0;top:0;background:#fff}.fp-events{padding:16px;border-left:1px solid var(--fp-line);max-height:680px;overflow:auto}.fp-events h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.fp-events .fp-event{display:flex;align-items:flex-start;gap:10px;text-align:left;border:0;border-radius:8px;width:100%;margin-bottom:6px;padding:9px 6px;line-height:1.4}.fp-event time{font-size:12px;color:var(--fp-muted);white-space:nowrap}.fp-event.fp-issue{background:#fff3e8;color:#7b3412}.fp-status{color:var(--fp-muted);font-size:12px;margin:0;padding:9px 18px;border-top:1px solid var(--fp-line);min-height:36px}.fp-controls{padding:12px 18px 18px;border-top:1px solid var(--fp-line)}.fp-timeline{display:block;width:100%;margin:4px 0;height:24px;accent-color:var(--fp-accent)}.fp-markers{height:17px;position:relative;margin:0 12px 8px}.fp-markers .fp-marker{position:absolute;transform:translateX(-50%);top:0;width:12px;min-height:12px;height:12px;padding:0;border:2px solid var(--fp-bg);border-radius:50%;background:#7f8aa0}.fp-markers .fp-marker.fp-issue{background:#c2410c}.fp-control-row,.fp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.fp-actions{margin-top:10px;padding-top:10px;border-top:1px solid var(--fp-line)}.fp-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 6px;font-size:13px}.fp-check{display:flex;align-items:center;gap:7px;font-size:13px;min-height:40px;cursor:pointer}.fp-check input{width:16px;height:16px;accent-color:var(--fp-accent)}.fp-shortcuts{margin-top:12px;color:var(--fp-muted);font-size:12px}.fp-shortcuts summary{cursor:pointer}.fp-shortcuts p{margin:8px 0 0}.frictions-player:fullscreen{border-radius:0;width:100vw;height:100vh;overflow:auto}.frictions-player:fullscreen .fp-scene{min-height:55vh}@media(max-width:760px){.fp-layout{grid-template-columns:minmax(0,1fr)}.fp-events{max-height:230px;border-left:0;border-top:1px solid var(--fp-line)}.fp-header{padding:14px}.fp-controls{padding:10px 12px 14px}.fp-control-row{gap:6px}.frictions-player button,.frictions-player select{padding:7px 10px}.fp-status{padding:9px 12px}}@media(prefers-color-scheme:dark){.frictions-player{--fp-bg:#152033;--fp-ink:#ecf1f8;--fp-muted:#b2bfd2;--fp-line:#34445e;--fp-soft:#21314b;--fp-accent:#a5b4fc}.fp-scene{background:#0b1423}.fp-event.fp-issue{background:#4b2d1f;color:#ffdbb9}}@media(prefers-reduced-motion:reduce){.frictions-player *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Consistent player chrome across the website, plugin and shared clips. */
.frictions-player{--fp-bg:#18251d;--fp-ink:#edf5e4;--fp-muted:#b0c0a5;--fp-line:#3b4c32;--fp-soft:#2a3c23;--fp-accent:#d3ff70;font-family:Inter,"Segoe UI",sans-serif;border-color:#3b4c32;border-radius:16px;color-scheme:dark;background:var(--fp-bg)}
.frictions-player .fp-header{background:#1c2c20;padding:16px 20px;border-color:#3b4c32}.frictions-player .fp-header strong{font-size:13px;font-weight:550}.frictions-player .fp-muted{font-size:11px}.frictions-player .fp-scene{background:radial-gradient(#657a4e30 .8px,transparent .8px) 0 0/13px 13px,#101b14;padding:23px}.frictions-player .fp-events{background:#1a281e;padding:19px}.frictions-player .fp-events h2{font-size:10px;letter-spacing:.13em;color:#c2d4b0}.frictions-player .fp-event{font-size:11px;padding:12px 8px;border-radius:8px}.frictions-player .fp-event time{font:10px ui-monospace,monospace;color:#a9bd98}.frictions-player .fp-event.fp-issue{background:#413b24;color:#ffe2a1}.frictions-player .fp-event.fp-issue time{color:#e0c892}.frictions-player .fp-controls{background:#1b2a1f;padding:14px 18px 19px}.frictions-player .fp-status{background:#152219;color:#adbf9e;font-size:10px}.frictions-player button,.frictions-player select{border-radius:30px;font-size:11px;min-height:42px;background:#263921;border-color:#4a5e3b;color:#edf5e4;padding:8px 14px}.frictions-player button:hover{background:#3b542d}.frictions-player button[data-fp-action=play]{background:#d3ff70;color:#1c2b16;border-color:#d3ff70}.frictions-player .fp-time,.frictions-player .fp-check{font-size:11px}.frictions-player .fp-shortcuts{font-size:10px}.frictions-player .fp-shortcuts p{color:#b0c0a5}.frictions-player .fp-timeline{accent-color:#d3ff70}.frictions-player .fp-marker{background:#819668;border-color:#18251d}.frictions-player .fp-marker.fp-issue{background:#ebbd75}.frictions-player .fp-actions{border-color:#3b4c32}.frictions-player input[type=checkbox]{accent-color:#d3ff70}.frictions-player :focus-visible{outline:3px solid #d3ff70;outline-offset:3px}
@media(max-width:760px){.frictions-player .fp-scene{padding:14px}.frictions-player .fp-events{padding:15px}.frictions-player .fp-controls{padding:12px}.frictions-player button,.frictions-player select{min-height:44px;padding:8px 12px}.frictions-player .fp-check{min-height:44px}}

/* Keep host form rules from stretching replay controls or making the left edge unreachable. */
.frictions-player button,.frictions-player select{width:auto;max-width:100%;margin:0;display:inline-flex;align-items:center;justify-content:center}
.frictions-player .fp-control-row,.frictions-player .fp-actions{min-width:0}
.frictions-player .fp-check input{display:inline-block;width:16px;height:16px;margin:0;flex:none}
.frictions-player .fp-time{width:auto;max-width:100%}

/* Host admin form colours must not override controls on the dark player. */
.frictions-player label.fp-check{color:var(--fp-ink)}
.frictions-player .fp-shortcuts summary{color:var(--fp-muted)}


/* The transport precedes the canvas so short and narrow screens keep playback reachable. */
.frictions-player .fp-header{padding:10px 14px;gap:10px}
.frictions-player .fp-heading{display:flex;flex-direction:column;gap:2px;min-width:0}
.frictions-player .fp-view-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.frictions-player .fp-view-tools :is(button,select){min-height:36px;padding:6px 11px}
.frictions-player .fp-controls{padding:8px 14px 2px;border-top:0;border-bottom:1px solid var(--fp-line)}
.frictions-player .fp-control-row{gap:8px}
.frictions-player .fp-timeline{margin:5px 0 0}
.frictions-player .fp-markers{height:16px;margin:0 12px 2px}
.frictions-player .fp-scene{height:var(--fp-scene-height,360px);min-height:0;padding:14px;overscroll-behavior:contain}
.frictions-player .fp-events{height:var(--fp-scene-height,360px);max-height:none;min-height:0;padding:14px}
.frictions-player .fp-layout{min-height:0;grid-template-columns:minmax(0,1fr) 224px}
.frictions-player .fp-layout.fp-no-events{grid-template-columns:minmax(0,1fr)}
.frictions-player .fp-status{padding:6px 14px;min-height:28px;margin:0}
.frictions-player .fp-footer{padding:8px 14px 10px;background:#1b2a1f}
.frictions-player .fp-actions{margin:0;padding:0;border:0;gap:6px}
.frictions-player .fp-shortcuts{margin-top:7px}
.frictions-player.fp-narrow .fp-layout{grid-template-columns:minmax(0,1fr)}
.frictions-player.fp-narrow .fp-events{height:auto;max-height:160px;border-left:0;border-top:1px solid var(--fp-line)}
.frictions-player.fp-narrow .fp-header{align-items:flex-start}
.frictions-player.fp-narrow .fp-control-row{gap:6px}
.frictions-player.fp-narrow .fp-control-row .fp-check{flex-basis:100%;min-height:30px}
.frictions-player:fullscreen{height:100dvh}
.frictions-player:fullscreen .fp-scene{min-height:0}
@media(max-width:760px){.frictions-player .fp-view-tools :is(button,select){min-height:44px}.frictions-player .fp-controls,.frictions-player .fp-footer{padding-inline:10px}.frictions-player .fp-header{padding:10px}.frictions-player .fp-scene{padding:10px}}