.scene{--dir:1;--ease:var(--em-ease-out);min-width:0;min-height:0;position:relative}[dir=rtl] .scene{--dir:-1}.scene-stage{min-width:0;min-height:0;animation:scene-enter .64s var(--ease) both;position:relative;container-type:inline-size}.scene[data-variant=panel]{flex-direction:column;flex:1;gap:20px;display:flex}.scene[data-variant=panel] .scene-stage{flex:1}.scene[data-variant=band]{align-items:flex-start;gap:12px;height:100%;display:flex}.scene[data-variant=band] .scene-stage{flex:1;height:100%;overflow:hidden}.scene-footer{align-items:center;gap:16px;display:flex}.scene-legend{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:13px;line-height:18px;list-style:none;display:flex}.scene-legend li{align-items:center;gap:8px;display:inline-flex}.scene-swatch{background:var(--tone-bg);border-radius:4px;flex-shrink:0;width:12px;height:12px}.scene-toggle{border:1px solid color-mix(in srgb, currentColor 45%, transparent);width:44px;height:44px;color:inherit;cursor:pointer;transition:background-color var(--em-motion-fast) var(--ease);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;margin-inline-start:auto;padding:0;display:grid}.scene-toggle:hover{background:color-mix(in srgb, currentColor 14%, transparent)}.scene-toggle:focus-visible{outline-offset:2px;outline:3px solid}@keyframes scene-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes scene-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes scene-slide{0%{opacity:0;transform:translateX(calc(20px * var(--dir)))}to{opacity:1;transform:none}}@keyframes scene-ring{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}45%{transform:rotate(6deg)}70%{transform:rotate(-3deg)}}@keyframes scene-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.scene-service[data-variant=panel] .scene-stage{flex:0 auto;grid-template-columns:minmax(0,1fr) minmax(150px,.62fr);grid-template-areas:"floor slots""spark spark";gap:18px;margin-block:auto;display:grid}.service-floor{grid-area:floor;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.service-table{background:var(--tone-bg);min-width:0;min-height:92px;color:var(--tone-ink);transition:background-color .42s var(--ease), color .42s var(--ease);border-radius:12px;flex-direction:column;justify-content:space-between;gap:6px;padding:10px 12px;display:flex;position:relative}.service-table-label{font-size:15px;font-weight:600;line-height:20px}.service-table-icon{animation:scene-pop .42s var(--ease) both;display:grid;position:absolute;inset-block-start:10px;inset-inline-end:10px}.service-table-state{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:16px;overflow:hidden}@container (width<=500px){.service-table-state{display:none}.service-table{min-height:64px}}.service-slots{flex-direction:column;grid-area:slots;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.service-slot{border:1px dashed color-mix(in srgb, currentColor 45%, transparent);border-radius:10px;align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px 10px;display:flex}.service-slot.is-filled{background:var(--tone-bg);color:var(--tone-ink);animation:scene-slide .52s var(--ease) both;transition:background-color .42s var(--ease), color .42s var(--ease);border-color:#0000}.service-slot-bar{flex:0 1 var(--w);opacity:.32;background:currentColor;border-radius:3px;height:6px}.service-slot.is-filled .service-slot-bar{display:none}.service-slot-state{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;line-height:16px;overflow:hidden}.service-spark{grid-area:spark;height:96px;position:relative;container-type:size}.service-spark svg{width:100%;height:100%;display:block;overflow:visible}.service-spark path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.service-spark-track{stroke:currentColor;stroke-opacity:.2;stroke-width:3px}.service-spark-line{stroke:var(--em-tone-yellow-80);stroke-width:4px;clip-path:inset(-12px calc((1 - var(--p)) * 100%) -12px -12px);transition:clip-path .9s var(--ease)}.service-spark-dot{background:var(--em-tone-yellow-80);width:14px;height:14px;box-shadow:0 0 0 3px var(--scene-bg);transform:translate(calc(var(--x) * 100cqw), calc(var(--y) * 100cqh));transition:transform .9s var(--ease);border-radius:50%;position:absolute;inset-block-start:-7px;inset-inline-start:-7px}.scene-service[data-variant=band] .scene-stage{grid-template-rows:minmax(0,1fr) 24px;gap:8px;display:grid}.scene-service[data-variant=band] .service-floor{grid-area:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.scene-service[data-variant=band] .service-table{border-radius:10px;min-height:0;padding:6px 8px}.scene-service[data-variant=band] .service-table-label{font-size:13px;line-height:18px}.scene-service[data-variant=band] .service-table-icon{inset-block:auto 6px;inset-inline-end:6px}.scene-service[data-variant=band] .service-spark{grid-area:auto;height:24px}.scene-service[data-variant=band] .service-spark-dot{display:none}.scene-kitchen .scene-stage{--gap:8px;--ticket-w:min(108px, calc((100cqi - 3 * var(--gap) - 8px) / 4));min-height:132px}.kitchen-call{background:var(--em-tone-red-40);height:28px;color:var(--em-tone-red-95);transform-origin:50% 0;border-radius:14px;align-items:center;gap:6px;padding-inline:10px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:0}.kitchen-call[data-ringing=true]{animation:scene-ring .64s var(--ease) both}.kitchen-ready-lane{width:calc(var(--ticket-w) + 8px);text-overflow:ellipsis;background:color-mix(in srgb, var(--em-tone-green-90) 72%, transparent);min-width:0;color:var(--em-tone-green-10);white-space:nowrap;border-radius:12px;justify-content:center;gap:4px;padding:6px 4px 0;font-size:12px;font-weight:600;line-height:16px;display:flex;position:absolute;inset-block:0;inset-inline-start:calc(3 * (var(--ticket-w) + var(--gap)) - 4px);overflow:hidden}.kitchen-rail{height:96px;position:absolute;inset-block-end:0;inset-inline:0}.kitchen-rail:before{content:"";opacity:.3;background:currentColor;border-radius:2px;height:3px;position:absolute;inset-block-start:0;inset-inline:0}.kitchen-ticket{width:var(--ticket-w);background:var(--em-tone-neutral-95);height:84px;color:var(--em-tone-neutral-10);transform:translateX(calc(var(--pos) * (var(--ticket-w) + var(--gap)) * var(--dir)));transition:transform .64s var(--ease), opacity .36s var(--ease), background-color .42s var(--ease), color .42s var(--ease);border-radius:10px;flex-direction:column;gap:7px;padding:8px 9px;display:flex;position:absolute;inset-block-start:8px;inset-inline-start:0;box-shadow:0 2px 6px #261a002e}.kitchen-ticket[data-pos="-1"]{opacity:0;transition:none}.kitchen-ticket[data-pos="4"]{opacity:0}.kitchen-ticket[data-state=ready]{background:var(--em-tone-green-90);color:var(--em-tone-green-10)}.kitchen-ticket-head{justify-content:space-between;align-items:center;gap:4px;font-size:13px;font-weight:700;line-height:18px;display:flex}.kitchen-ticket-line{opacity:.28;background:currentColor;border-radius:3px;height:5px;display:block}.kitchen-timer{flex-shrink:0;width:18px;height:18px;transform:rotate(-90deg)}.kitchen-timer circle{fill:none;stroke-width:3px}.kitchen-timer-track{stroke:currentColor;opacity:.15}.kitchen-timer-fill{stroke:var(--em-tone-blue-40);stroke-dasharray:100;stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease), stroke .3s}.kitchen-ticket[data-state=queued] .kitchen-timer-fill{stroke:var(--em-tone-yellow-40)}.kitchen-ticket[data-state=late] .kitchen-timer-fill{stroke:var(--em-tone-red-40)}.scene-network[data-variant=panel] .scene-stage{place-items:center;display:grid}.network-map{width:100%;height:100%;max-height:100%;display:block;overflow:visible}.scene-network[data-variant=panel] .network-map{max-height:420px}.network-link{stroke:currentColor;stroke-opacity:.34;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--ease)}.network-link.is-short{stroke-opacity:.5}[data-shown=true]>.network-link{stroke-dashoffset:0}.network-branch-dot,.network-hub-group>*{transform-box:fill-box;transform-origin:50%}.network-branch-dot{fill:var(--scene-bg);stroke:var(--tone-bright);stroke-width:3px;transition:transform .48s var(--ease) .24s, stroke .42s var(--ease);transform:scale(0)}.network-branch[data-shown=true] .network-branch-dot{transform:scale(1)}.network-hub{fill:var(--tone-bright);transition:transform .52s var(--ease) .2s, fill .42s var(--ease);transform:scale(0)}.network-hub-core{fill:var(--scene-bg);transition:transform .52s var(--ease) .28s;transform:scale(0)}.network-hub-group[data-shown=true] .network-hub,.network-hub-group[data-shown=true] .network-hub-core{transform:scale(1)}.network-pulse{fill:none;stroke:var(--em-tone-green-80);stroke-width:2px;animation:scene-pulse 1.1s var(--ease) both}.network-key{animation:scene-pop .42s var(--ease) both}.network-key>circle:first-child{fill:var(--tone-bright);stroke:var(--scene-bg);stroke-width:3px;transition:fill .42s var(--ease)}.network-key-mark{fill:var(--tone-ink)}.network-core-ring{fill:none;stroke:currentColor;stroke-opacity:.28;stroke-width:1.5px}.team-roster{background:color-mix(in srgb, var(--em-tone-green-10) 30%, transparent);border-radius:16px;flex-direction:column;gap:10px;margin:0;padding:16px;list-style:none;display:flex}.team-member{border:1px dashed color-mix(in srgb, currentColor 40%, transparent);min-width:0;min-height:52px;transition:background-color .42s var(--ease), border-color .42s var(--ease), color .42s var(--ease), box-shadow .3s var(--ease);background:0 0;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.team-member>*{opacity:0;transform:translateX(calc(16px * var(--dir)));transition:opacity .36s var(--ease), transform .52s var(--ease)}.team-member[data-joined=true]{background:var(--em-tone-neutral-95);color:var(--em-tone-neutral-10);border-color:#0000}.team-member[data-joined=true]>*{opacity:1;transform:none}.team-member[data-newest=true]{box-shadow:0 0 0 3px var(--em-tone-yellow-80)}.team-avatar{background:var(--tone-bg);width:36px;height:36px;color:var(--tone-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.team-role{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;line-height:20px;overflow:hidden}.team-name{flex:0 1 var(--w);background:currentColor;border-radius:3px;height:6px;margin-inline-start:auto}.team-member[data-joined=true]>.team-name{opacity:.18}.team-check{color:var(--em-tone-green-40);display:grid}.scene-team[data-variant=panel] .scene-stage{flex:0 auto;margin-block:auto}.scene-team[data-variant=band] .team-roster{background:0 0;flex-flow:wrap;align-content:center;gap:6px;height:100%;padding:0}.scene-team[data-variant=band] .team-member{border-radius:18px;gap:8px;min-width:96px;min-height:36px;padding:4px 12px 4px 4px}.scene-team[data-variant=band] .team-member:nth-child(n+5){display:none}.scene-team[data-variant=band] .team-avatar{width:28px;height:28px}.scene-team[data-variant=band] .team-role{font-size:13px;line-height:18px}