:root{--observer-ink:#3b3222;--observer-muted:#62553d;--tap:44px;--bar:52px;--pad:18px;--observer-paper:#f7f1dd;--observer-paper-deep:#ece2c6;--observer-line:rgba(75,57,29,0.18);--observer-accent:#5f6f3d;--observer-accent-dark:#46552b;--observer-danger:#9d4038;--observer-radius:10px}@media (pointer:coarse){:root{--tap:48px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){:root{--pad:10px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){:root{--pad:10px}}html[data-app="observer"],html[data-app="observer"] body{width:100%;max-width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body.observerPage{display:block;align-items:initial;justify-content:initial;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.observerPage [hidden]{display:none !important}.observerApp{position:relative;z-index:1;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:100%;height:100dvh;min-height:0;margin:0 auto;padding:max(var(--pad),env(safe-area-inset-top)) max(var(--pad),env(safe-area-inset-right)) max(var(--pad),env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left))}.observerHeader{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:10px 14px;color:var(--observer-ink);background:linear-gradient(180deg,var(--observer-paper),var(--observer-paper-deep));border:1px solid rgba(75,57,29,0.2);border-radius:var(--observer-radius);box-shadow:0 5px 14px rgba(30,15,5,0.28),inset 0 1px 0 #fffdf4}.observerBrand{display:flex;min-width:0;align-items:baseline;gap:10px;color:inherit;text-decoration:none}.observerBrand strong{font-family:"Segoe Print","Comic Sans MS",cursive;font-size:17px;letter-spacing:0.06em}.observerBrand span{color:var(--observer-muted);font-size:14px}.observerHeaderMeta,.observerSectionHeading,.observerTransportRow,.observerButtonGroup{display:flex;align-items:center}.observerHeaderMeta{min-width:0;flex-shrink:0;gap:14px}.observerTextLink{display:inline-flex;min-height:24px;align-items:center;color:var(--observer-ink);font-size:14px;text-underline-offset:3px}.observerSoundButton{min-height:32px;padding:0 10px;color:var(--observer-ink);background:rgba(255,255,255,0.45);border:1px solid var(--observer-line);border-radius:6px;font:600 13px/1 "Segoe UI",system-ui,sans-serif;cursor:pointer}.observerSoundButton:focus-visible{outline:2px solid var(--observer-accent);outline-offset:2px}.observerBadge{max-width:250px;overflow:hidden;padding:4px 8px;color:var(--observer-muted);background:rgba(255,255,255,0.45);border:1px solid var(--observer-line);border-radius:999px;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.observerBadge.is-valid{color:#34451f;background:rgba(113,139,69,0.13);border-color:rgba(70,85,43,0.28)}.observerBadge.is-invalid{color:#752d28;background:rgba(157,64,56,0.1);border-color:rgba(157,64,56,0.28)}.observerMain{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:minmax(0,1fr);gap:16px;padding-top:16px}.observerWorkspace,.observerSidebar{min-width:0}.observerDropPanel{position:relative;display:grid;min-height:min(620px,calc(100dvh - 110px));place-content:center;justify-items:start;gap:18px;padding:clamp(28px,7vw,92px);background:repeating-linear-gradient(0deg,rgba(110,150,200,0.09) 0,rgba(110,150,200,0.09) 1px,transparent 1px,transparent 26px),repeating-linear-gradient(90deg,rgba(110,150,200,0.09) 0,rgba(110,150,200,0.09) 1px,transparent 1px,transparent 26px),linear-gradient(145deg,rgba(248,244,230,0.99),rgba(236,226,198,0.97));border:1px solid rgba(75,57,29,0.28);border-radius:4px;box-shadow:0 8px 22px rgba(30,15,5,0.35)}.observerDropPanel.is-dragging{outline:3px dashed rgba(95,111,61,0.6);outline-offset:-12px}.observerTape{position:absolute;z-index:1;width:92px;height:26px;background:rgba(233,222,190,0.85);border:1px solid rgba(160,140,95,0.4);box-shadow:0 1px 3px rgba(54,31,13,0.18)}.observerTapeTL{top:-9px;left:26px;transform:rotate(-38deg)}.observerTapeTR{top:-9px;right:26px;transform:rotate(38deg)}.observerTapeBL{bottom:-9px;left:26px;transform:rotate(38deg)}.observerTapeBR{bottom:-9px;right:26px;transform:rotate(-38deg)}.observerDropRow{display:flex;width:100%;min-width:0;flex-wrap:wrap;align-items:center;gap:14px}.observerDropSlot{display:inline-flex;min-width:0;max-width:100%;align-items:center;gap:9px;padding:8px 14px;color:var(--observer-muted);border:2px dashed rgba(75,57,29,0.35);border-radius:8px;font-size:14px}.observerDropSlot>span:last-child{min-width:0;overflow-wrap:anywhere}.observerDropGlyph{color:var(--observer-accent-dark);font-size:19px;line-height:1}.observerDragOverlay{position:fixed;z-index:40;inset:0;display:grid;place-items:center;background:rgba(59,50,34,0.32);border:4px dashed rgba(247,241,221,0.85);border-radius:6px;pointer-events:none}.observerDragOverlay[hidden]{display:none}.observerDragChip{display:flex;min-width:0;max-width:calc(100% - 20px);align-items:center;gap:12px;padding:16px 26px;color:var(--observer-ink);background:linear-gradient(180deg,var(--observer-paper),var(--observer-paper-deep));border:1px solid rgba(75,57,29,0.35);border-radius:10px;box-shadow:0 10px 26px rgba(30,15,5,0.4);font-size:18px}.observerDragChip .observerDropGlyph{font-size:26px}.observerDeco{position:fixed;z-index:0;pointer-events:none;display:none}@media (min-width:1200px){.observerDeco{display:block}}.observerDropPanel h1{max-width:18ch;color:var(--observer-ink);font-size:clamp(30px,4vw,52px);font-weight:600;letter-spacing:-0.035em}.observerDropPanel p{max-width:58ch;margin-top:10px;color:var(--observer-muted);font-size:16px;line-height:1.55}.observerEyebrow{margin:0 !important;color:var(--observer-muted);font-family:ui-monospace,"Cascadia Mono",monospace;font-size:12px !important;letter-spacing:0.12em;text-transform:uppercase}#reportFile{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.observerPrimaryButton,.observerSecondaryButton,.observerTransport button,.observerSpeed select,.observerField select{min-height:34px;border-radius:6px;font:600 14px/1 "Segoe UI",system-ui,sans-serif}.observerPrimaryButton,.observerSecondaryButton{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.observerPrimaryButton{min-height:38px;padding:0 14px;color:#fffdf4;background:var(--observer-accent-dark);outline-color:var(--observer-accent)}.observerSecondaryButton{min-height:30px;padding:0 9px;color:var(--observer-ink);background:rgba(255,255,255,0.45);border:1px solid var(--observer-line)}.observerPrimaryButton:focus-visible,.observerSecondaryButton:focus-visible,.observerTransport button:focus-visible{outline:2px solid var(--observer-accent);outline-offset:2px}.observerHint{font-size:14px !important}.observerHint code{color:var(--observer-ink);font-family:ui-monospace,"Cascadia Mono",monospace}.observerBoardPanel{container-type:inline-size;overflow:hidden;background:var(--observer-paper);border:1px solid rgba(75,57,29,0.2);border-radius:var(--observer-radius)}.observerMetrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:7px 14px;border-bottom:1px solid var(--observer-line)}.observerMetrics div{min-width:0;padding:0 12px;border-left:1px solid var(--observer-line)}.observerMetrics div:first-child{padding-left:0;border-left:0}.observerMetrics div:last-child{padding-right:0}.observerMetrics span,.observerMetrics strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.observerMetrics span{color:var(--observer-muted);font-size:12px}.observerMetrics strong{padding-top:3px;color:var(--observer-ink);font-size:19px;font-variant-numeric:tabular-nums;font-weight:600}@container (max-width:620px){.observerMetrics{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.observerMetrics div:nth-child(4){padding-left:0;border-left:0}}.observerCanvasWrap{position:relative;overflow:hidden;background:#8a5c33}#observerBoard{display:block;width:100% !important;height:auto !important;aspect-ratio:4 / 3}.observerMain{min-height:0}.observerWorkspace{display:grid;min-height:0;grid-template-rows:minmax(0,1fr)}.observerDropPanel{min-height:0;overflow:auto}.observerBoardPanel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0}.observerMetrics{grid-row:1}.observerReplayNotice{grid-row:2}.observerCanvasWrap{grid-row:3}.observerBoardPanel .observerTransport{grid-row:4}.observerBoardPanel .observerReplayNotice{min-height:33px}.observerBoardPanel .observerReplayNotice:empty{display:block;visibility:hidden}.observerCanvasWrap{container-type:size;display:grid;place-items:center;min-height:0}#observerBoard{width:min(100%,calc(100cqh * 4 / 3)) !important;height:auto !important}@media (min-width:980px) and (min-height:620px){.observerSidebar{min-height:0;overflow:hidden auto;padding-right:2px}}.observerReplayNotice{margin:0 auto 8px;max-width:calc(100% - 24px);width:fit-content;padding:6px 10px;color:var(--observer-ink);background:rgba(247,241,221,0.92);border:1px solid rgba(75,57,29,0.18);border-radius:6px;font-size:13px;text-align:center}.observerReplayNotice:empty{display:none}.observerReplayNotice.is-error{color:#752d28;border-color:rgba(157,64,56,0.35)}.observerTransport{display:grid;gap:10px;padding:13px 14px 14px;border-top:1px solid var(--observer-line)}.observerTransport>label,.observerField>span,.observerSpeed>span{color:var(--observer-muted);font-size:13px}.observerTransport input[type="range"]{width:100%;height:var(--tap);margin:0;padding:0;background:transparent;border:0;appearance:none;-webkit-appearance:none;touch-action:none;cursor:pointer}.observerTransport input[type="range"]::-webkit-slider-runnable-track{height:8px;background:rgba(75,57,29,0.22);border:1px solid var(--observer-line);border-radius:999px}.observerTransport input[type="range"]::-moz-range-track{height:8px;background:rgba(75,57,29,0.22);border:1px solid var(--observer-line);border-radius:999px}.observerTransport input[type="range"]::-webkit-slider-thumb{width:26px;height:26px;margin-top:-10px;background:var(--observer-accent-dark);border:2px solid #fffdf4;border-radius:50%;box-shadow:0 2px 5px rgba(30,15,5,0.4);appearance:none;-webkit-appearance:none}.observerTransport input[type="range"]::-moz-range-thumb{width:26px;height:26px;background:var(--observer-accent-dark);border:2px solid #fffdf4;border-radius:50%;box-shadow:0 2px 5px rgba(30,15,5,0.4)}.observerTransport input[type="range"]:focus-visible{outline:2px solid var(--observer-accent-dark);outline-offset:2px}.observerScrubRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}#timelineReadout{color:var(--observer-muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.observerTransportRow{justify-content:space-between;gap:16px}.observerButtonGroup{min-width:0;flex-wrap:wrap;gap:7px}.observerTransport button{padding:0 10px;color:var(--observer-ink);background:rgba(255,255,255,0.48);border:1px solid var(--observer-line);cursor:pointer}.observerTransport button.is-primary{min-width:72px;color:#fffdf4;background:var(--observer-accent-dark);border-color:var(--observer-accent-dark)}.observerTransport button.observerActionStep{color:#315d56;background:rgba(69,148,137,0.1);border-color:rgba(49,93,86,0.38)}#findStrategyButton{color:#fffdf4;background:#6b623e;border-color:#5a5234}.observerTransport button:disabled{cursor:default;opacity:0.45}.observerSpeed{display:flex;flex-shrink:0;align-items:center;gap:8px}.observerSpeed select,.observerField select{padding:0 28px 0 9px;color:var(--observer-ink);background:rgba(255,255,255,0.7);border:1px solid var(--observer-line)}.observerSidebar{display:grid;align-content:start;gap:12px}.observerSection{padding:15px;color:var(--observer-ink);background:linear-gradient(180deg,var(--observer-paper),var(--observer-paper-deep));border:1px solid rgba(75,57,29,0.2);border-radius:var(--observer-radius)}.observerSectionHeading{justify-content:space-between;gap:12px}.observerSectionHeading>.observerSecondaryButton{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal}.observerSection h2{padding-top:2px;font-size:18px;font-weight:600}.observerField{display:grid;gap:6px;padding-top:14px}.observerField select{width:100%;min-width:0}.observerDefinitionList{display:grid;gap:8px;padding-top:14px}.observerDefinitionList div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;padding-top:8px;border-top:1px solid var(--observer-line)}.observerDefinitionList dt{color:var(--observer-muted);font-size:13px}.observerDefinitionList dd{min-width:0;overflow:hidden;font-size:13px;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap}.observerRunbookButton{width:100%;min-height:38px;margin-top:14px}.observerRunbookButton:disabled{cursor:default;opacity:0.45}.observerCheckList,.observerActionList{display:grid;padding-top:10px;list-style:none}.observerCheckList li,.observerActionList li{border-top:1px solid var(--observer-line)}.observerCheckList li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;padding:9px 0}.observerCheckState{min-width:34px;color:var(--observer-accent-dark);font-family:ui-monospace,"Cascadia Mono",monospace;font-size:11px}.observerCheckState.is-fail{color:var(--observer-danger)}.observerCheckCopy{min-width:0}.observerCheckCopy strong,.observerCheckCopy span{display:block}.observerCheckCopy strong{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.observerCheckCopy span{padding-top:3px;color:var(--observer-muted);font-size:12px;line-height:1.35}.observerActionSection{min-height:260px}.observerActionList li{display:grid;grid-template-columns:50px minmax(0,1fr);gap:9px;padding:8px 0;color:var(--observer-muted);font-size:12px}.observerActionList li.is-current{color:var(--observer-ink)}.observerActionList li.is-past{opacity:0.8}.observerActionTime{font-family:ui-monospace,"Cascadia Mono",monospace;font-variant-numeric:tabular-nums}.observerActionCopy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (pointer:coarse){.observerTransport button,.observerSpeed select,.observerField select,.observerPrimaryButton,.observerSecondaryButton,.observerSoundButton,.observerTextLink,.observerIconButton{min-height:var(--tap);font-size:16px}}@media (pointer:coarse){.observerButtonGroup{gap:12px}}@media (pointer:coarse){.observerBrand{display:grid;align-content:center;min-height:var(--tap)}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerMain{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:10px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMain{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:10px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerHeader{align-items:center;gap:10px;min-height:var(--bar);height:var(--bar);padding:4px 8px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerHeader{align-items:center;gap:10px;min-height:var(--bar);height:var(--bar);padding:4px 8px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerBrand{display:grid;align-content:center;gap:0;min-width:0;min-height:var(--tap);overflow:hidden;white-space:nowrap}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerBrand{display:grid;align-content:center;gap:0;min-width:0;min-height:var(--tap);overflow:hidden;white-space:nowrap}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerBrand strong{font-size:13px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerBrand strong{font-size:13px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerBrand span{font-size:11px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerBrand span{font-size:11px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerHeader{min-height:44px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerDropPanel{padding:22px 18px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerDropPanel{padding:22px 18px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerDropPanel h1{font-size:30px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerDropPanel h1{font-size:24px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerDropRow{display:grid}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerDropRow{display:grid}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerPrimaryButton{width:100%}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerPrimaryButton{width:100%}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerBoardPanel{grid-template-rows:auto auto auto auto;align-content:center;margin:0 calc(var(--pad) * -1);border-left:0;border-right:0;border-radius:0}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerWorkspace{align-content:center}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerCanvasWrap{container-type:normal}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){#observerBoard{width:100% !important}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerButtonGroup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr) auto;align-items:stretch;gap:8px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerButtonGroup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr) auto;align-items:stretch;gap:8px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerTransportRow{display:block}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerTransportRow{display:block}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerSidebar{position:fixed;z-index:41;right:0;bottom:0;left:0;display:none;grid-template-columns:minmax(0,1fr);max-height:72dvh;overflow:auto;padding:12px 12px max(12px,env(safe-area-inset-bottom));background:rgba(41,25,12,0.96);border-top:1px solid rgba(255,240,210,0.22);box-shadow:0 -14px 34px rgba(20,10,3,0.5)}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerSidebar.is-open{display:grid}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerSidebar{grid-template-columns:minmax(0,1fr)}}@media (min-width:980px) and (min-height:620px){#detailsButton{display:none}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){#detailsButton{display:none}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerActionSection{grid-column:auto}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerActionSection{grid-column:auto}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMain{grid-template-columns:minmax(0,1fr) minmax(210px,260px);gap:10px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerSidebar{min-height:0;overflow:hidden auto}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerSection{padding:10px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMain:has(#boardPanel[hidden]){grid-template-columns:minmax(0,1fr)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerBoardPanel{position:relative;grid-template-rows:minmax(0,1fr)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerCanvasWrap{grid-row:1}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMetrics,.observerTransport,.observerBoardPanel .observerReplayNotice{position:absolute;z-index:2;right:0;left:0;border:0}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMetrics{top:0;padding:3px 10px;background:rgba(28,16,6,0.82)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMetrics span{color:rgba(255,244,222,0.72)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMetrics strong{color:#fff7e6}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMetrics div{border-left-color:rgba(255,244,222,0.24)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerTransport{bottom:0;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:4px 10px 6px;background:rgba(28,16,6,0.82)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerTransport button{background:rgba(247,241,221,0.94);border-color:rgba(75,57,29,0.4)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerTransport button.is-primary{background:var(--observer-accent-dark);border-color:#35411f}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerTransport button.observerActionStep{background:rgba(226,240,237,0.94)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerBoardPanel .observerReplayNotice{grid-row:1;top:34px;min-height:0;margin:0 auto}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerBoardPanel .observerReplayNotice:empty{display:none}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){#timelineReadout{color:rgba(255,244,222,0.86)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerTransport input[type="range"]::-webkit-slider-runnable-track{background:rgba(255,244,222,0.34);border-color:rgba(255,244,222,0.3)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerTransport input[type="range"]::-moz-range-track{background:rgba(255,244,222,0.34);border-color:rgba(255,244,222,0.3)}}.observerMoreButton{display:none;flex:0 0 auto;min-width:var(--tap);padding:0 10px;color:var(--observer-ink);background:rgba(255,255,255,0.48);border:1px solid var(--observer-line);border-radius:var(--observer-radius);font-size:20px;line-height:1;cursor:pointer}.observerTransportExtra{display:flex;flex-wrap:wrap;align-items:center;gap:7px}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerMoreButton{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMoreButton{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap)}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerHeaderMeta,.observerTransportExtra{position:fixed;z-index:40;display:none;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px;background:linear-gradient(180deg,var(--observer-paper),var(--observer-paper-deep));border:1px solid rgba(75,57,29,0.28);border-radius:var(--observer-radius);box-shadow:0 14px 34px rgba(30,15,5,0.42)}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerHeaderMeta,.observerTransportExtra{position:fixed;z-index:40;display:none;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px;background:linear-gradient(180deg,var(--observer-paper),var(--observer-paper-deep));border:1px solid rgba(75,57,29,0.28);border-radius:var(--observer-radius);box-shadow:0 14px 34px rgba(30,15,5,0.42)}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerHeaderMeta.is-open,.observerTransportExtra.is-open{display:grid}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerHeaderMeta.is-open,.observerTransportExtra.is-open{display:grid}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerHeaderMeta{top:calc(max(var(--pad),env(safe-area-inset-top)) + var(--bar) + 6px);right:max(var(--pad),env(safe-area-inset-right));width:min(300px,calc(100vw - var(--pad) * 2))}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerHeaderMeta{top:calc(max(var(--pad),env(safe-area-inset-top)) + var(--bar) + 6px);right:max(var(--pad),env(safe-area-inset-right));width:min(300px,calc(100vw - var(--pad) * 2))}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerTransportExtra{right:max(var(--pad),env(safe-area-inset-right));bottom:calc(max(var(--pad),env(safe-area-inset-bottom)) + var(--tap) + 18px);width:min(300px,calc(100vw - var(--pad) * 2))}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerTransportExtra{right:max(var(--pad),env(safe-area-inset-right));bottom:calc(max(var(--pad),env(safe-area-inset-bottom)) + var(--tap) + 18px);width:min(300px,calc(100vw - var(--pad) * 2))}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerSpeed{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerSpeed{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerMetrics{padding:6px 10px;row-gap:4px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMetrics{padding:6px 10px;row-gap:4px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerMetrics div{padding:0 8px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMetrics div{padding:0 8px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerMetrics span{font-size:10px;letter-spacing:0.02em}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMetrics span{font-size:10px;letter-spacing:0.02em}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerMetrics strong{padding-top:0;font-size:15px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMetrics strong{padding-top:0;font-size:15px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerMetrics{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:0}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerTransport{gap:8px;padding:8px 10px 10px}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerTransport{gap:8px;padding:8px 10px 10px}}@media (max-width:979px) and (max-aspect-ratio:1000/920),(max-height:619px) and (max-aspect-ratio:1000/920){.observerTransport>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (max-width:979px) and (min-aspect-ratio:1000/920),(max-height:619px) and (min-aspect-ratio:1000/920){.observerTransport>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (pointer:coarse) and (min-width:980px) and (min-height:620px) and (max-width:1365px){.observerMoreButton{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap)}.observerTransportExtra{position:fixed;z-index:40;right:max(var(--pad),env(safe-area-inset-right));bottom:calc(max(var(--pad),env(safe-area-inset-bottom)) + var(--tap) + 18px);display:none;grid-template-columns:minmax(0,1fr);gap:8px;width:min(320px,calc(100vw - var(--pad) * 2));padding:12px;background:linear-gradient(180deg,var(--observer-paper),var(--observer-paper-deep));border:1px solid rgba(75,57,29,0.28);border-radius:var(--observer-radius);box-shadow:0 14px 34px rgba(30,15,5,0.42)}.observerTransportExtra.is-open{display:grid}.observerButtonGroup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px}}