/*
 * Network-session participant transition.
 * Presentation only: the camera, landmark, audio, MIDI, relay and Firebase
 * behavior remains owned by the readable production runtime.
 */
body.network-session-active{
  box-sizing:border-box;width:100%;margin:0;padding:10px 12px 96px;overflow-x:hidden;color:var(--ink);
  background:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px),var(--page);
  background-size:36px 36px;
  font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  transition:background-color .18s ease,color .18s ease
}
body.network-session-active *,body.network-session-active *::before,body.network-session-active *::after{box-sizing:border-box}
body.network-session-active [hidden]{display:none!important}
body.network-session-active button,body.network-session-active select,body.network-session-active input{font:inherit}
body.network-session-active button,body.network-session-active summary{-webkit-tap-highlight-color:transparent}
body.network-session-active button:focus-visible,
body.network-session-active select:focus-visible,
body.network-session-active input:focus-visible,
body.network-session-active summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
body.network-session-active > :not(#header):not(#videoContainer):not(#participantNetworkShell):not(#sessionBeatNumber):not(#homepageAccountDialog):not(#homepagePremiumDialog):not(.cal-overlay):not(#instructionModal):not(#presentationOverlay):not(script){display:none!important}
body.network-session-invite{
  box-sizing:border-box;min-height:100vh;margin:0;padding:10px 12px 80px;overflow-x:hidden;color:var(--ink);
  background:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px),var(--page);
  background-size:36px 36px
}
body.network-session-invite > :not(#header):not(#videoContainer):not(#sessionPanel):not(#participantNetworkShell):not(#sessionBeatNumber):not(#homepageAccountDialog):not(#homepagePremiumDialog):not(#inviteJoinPromptOverlay):not(.cal-overlay):not(#instructionModal):not(script){display:none!important}
body.network-session-invite #header,
body.network-session-invite #videoContainer,
body.network-session-invite #sessionPanel,
body.network-session-invite #participantNetworkShell{width:min(960px,100%);margin-inline:auto}
body.network-session-invite #sessionPanel{
  display:block;margin-top:16px;padding:18px;color:var(--ink);background:var(--surface);
  border:3px solid var(--ink);border-radius:0;box-shadow:7px 7px 0 var(--cyan)
}
body.network-session-invite #sessionPanel #inviteModePanel{display:grid;gap:12px}
body.network-session-invite #sessionPanel .invite-banner{
  padding:11px;color:#0b0b0b;background:var(--lime);border:2px solid #0b0b0b;font-weight:900;text-align:center
}
body.network-session-invite #sessionPanel .row{justify-content:center}
body.network-session-invite #sessionPanel .toggle-button{
  min-height:44px;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);font-weight:900
}

body.network-session-active .toggle-button,
body.network-session-active .participant-action,
body.network-session-active .wizard-btn,
body.network-session-active .cal-close-btn,
body.network-session-active #closeModalButton,
body.network-session-active .homepage-account-action{
  color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:0;
  box-shadow:var(--shadow-sm);cursor:pointer;font-weight:850;
  transition:transform .08s linear,box-shadow .08s linear,background .14s linear,color .14s linear
}
body.network-session-active .toggle-button:hover,
body.network-session-active .participant-action:hover,
body.network-session-active .wizard-btn:hover,
body.network-session-active .cal-close-btn:hover,
body.network-session-active #closeModalButton:hover,
body.network-session-active .homepage-account-action:hover{transform:translate(-1px,-1px)}
body.network-session-active .toggle-button:active,
body.network-session-active .participant-action:active,
body.network-session-active .wizard-btn:active,
body.network-session-active .cal-close-btn:active,
body.network-session-active #closeModalButton:active,
body.network-session-active .homepage-account-action:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
body.network-session-active select,
body.network-session-active input[type="text"],
body.network-session-active input[type="number"],
body.network-session-active input[type="password"]{
  min-height:40px;padding:0 34px 0 9px;color:var(--ink);background-color:var(--surface);
  border:2px solid var(--ink);border-radius:0
}
body.network-session-active select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);
  background-position:calc(100% - 14px) 17px,calc(100% - 9px) 17px;background-repeat:no-repeat;background-size:5px 5px
}
body.network-session-active input[type="range"]{accent-color:var(--purple)}
body.network-session-active input[type="checkbox"]{
  appearance:none;width:21px;height:21px;min-width:21px;min-height:21px;display:inline-grid;place-content:center;
  padding:0;background:var(--surface);border:2px solid var(--ink);border-radius:0;box-shadow:2px 2px 0 var(--ink);cursor:pointer
}
body.network-session-active input[type="checkbox"]::before{
  content:"";width:11px;height:7px;transform:rotate(-45deg) scale(0);transform-origin:center;
  border-left:3px solid #0b0b0b;border-bottom:3px solid #0b0b0b;transition:transform .08s linear
}
body.network-session-active input[type="checkbox"]:checked{background:var(--lime)}
body.network-session-active input[type="checkbox"]:checked::before{transform:rotate(-45deg) scale(1)}

/* Invite entry is intentionally lightweight: identity first, host-managed controls later. */
.invite-join-prompt{
  position:fixed;inset:0;z-index:22000;display:grid;place-items:center;padding:14px;
  color:var(--ink);background:rgba(3,4,6,.8);backdrop-filter:blur(5px)
}
.invite-join-prompt-card{
  position:relative;width:min(460px,100%);padding:25px 20px 20px;color:var(--ink);background:var(--surface);
  border:3px solid var(--ink);box-shadow:9px 9px 0 var(--purple)
}
.invite-join-prompt-card::before{
  content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:10px;background:var(--cyan);border-bottom:3px solid var(--ink)
}
.invite-join-prompt-eyebrow{
  display:block;margin:2px 0 8px;color:#5740c7;
  font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase
}
html[data-theme="dark"] .invite-join-prompt-eyebrow{color:#a99cff}
.invite-join-prompt-title{margin:0;color:var(--ink);font-size:clamp(24px,7vw,34px);line-height:1;letter-spacing:-.035em}
.invite-join-prompt-instruction{margin:11px 0 16px;color:var(--ink);font-size:14px}
.invite-join-prompt-field{display:grid;gap:7px;color:var(--ink);font-weight:850}
.invite-join-prompt-field>span{
  color:var(--muted);font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase
}
.invite-join-prompt .invite-join-prompt-input{
  width:100%!important;min-height:46px!important;margin:0!important;padding:0 11px!important;color:var(--ink)!important;
  background:var(--surface-2)!important;border:2px solid var(--ink)!important;border-radius:0!important;font-size:16px
}
.invite-join-prompt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.invite-join-prompt .toggle-button{
  min-height:46px;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:0;
  box-shadow:4px 4px 0 var(--ink);font-weight:900
}
.invite-join-prompt .toggle-button.primary{color:#0b0b0b;background:var(--lime)}
.invite-join-prompt .toggle-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.invite-join-prompt-input[aria-invalid="true"]{outline:3px solid var(--red)!important;outline-offset:2px}

/* Preserve the newer main-page language, theme and account header. */
body.network-session-active #header{position:relative;z-index:80;width:min(1160px,100%);margin:0 auto 10px}
body.network-session-active #homepageAccountControl{z-index:90!important}
body.network-session-active #homepageAccountMenu{
  top:52px;right:0;width:270px;padding:10px;color:var(--ink);background:var(--surface);
  border:2px solid var(--ink);border-radius:0;box-shadow:var(--shadow-lg)
}
body.network-session-active #homepageAccountMenu .homepage-account-action{width:100%;min-height:42px;margin-top:7px}
body.network-session-active #languageSwitcher.language-switcher-source{
  position:absolute!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;
  padding:0!important;border:0!important;overflow:hidden!important;opacity:0;pointer-events:none
}

/* The production camera and landmark canvas remain the only stage renderer. */
body.network-session-active #videoContainer{
  position:relative;width:min(1160px,100%);height:auto;aspect-ratio:16/9;margin:0 auto 18px;
  isolation:isolate;overflow:hidden;color:#fffdf7;
  background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),radial-gradient(circle at 50% 48%,#222832,#080a0d 68%);
  background-size:48px 48px,48px 48px,auto;border:3px solid var(--ink);box-shadow:var(--shadow-lg)
}
body.network-session-active #videoContainer>video,
body.network-session-active #videoContainer>canvas,
body.network-session-active #videoContainer>canvas.mmf-landmark-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.network-session-active #videoContainer>video{z-index:1}
body.network-session-active #videoContainer>canvas,
body.network-session-active #videoContainer>canvas.mmf-landmark-canvas{z-index:3;pointer-events:none}
body.network-session-active #videoContainer::before{
  content:none;display:none
}
body.network-session-active #videoContainer::after{
  content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.1;
  background:radial-gradient(circle at 19px 25px,var(--lime) 0 4px,transparent 4.5px),repeating-linear-gradient(to bottom,rgba(255,255,255,.16) 0 1px,transparent 1px 5px);
  animation:mmfParticipantCameraScan 9s linear infinite
}
body.network-session-active #videoContainer[data-camera-state="loading"]::after{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.16) 0 1px,transparent 1px 5px)}
body.network-session-active #videoContainer[data-camera-state="error"]::after{background:radial-gradient(circle at 19px 25px,var(--red) 0 4px,transparent 4.5px),repeating-linear-gradient(to bottom,rgba(255,255,255,.16) 0 1px,transparent 1px 5px)}
@keyframes mmfParticipantCameraScan{50%{opacity:.055}}
body.network-session-active .face-loading-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:rgba(7,9,12,.84);backdrop-filter:blur(3px)}
body.network-session-active .face-loading-overlay:not(.visible){display:none}
body.network-session-active .face-loading-card{width:min(86%,420px);padding:22px;text-align:center;color:#fffdf7;background:#11151b;border:2px solid #fffdf7;border-radius:0;box-shadow:7px 7px 0 var(--cyan)}
body.network-session-active .face-loading-spinner{width:42px;height:42px;margin:0 auto 13px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--cyan);border-radius:50%;animation:mmfParticipantSpin .9s linear infinite}
body.network-session-active .face-loading-title{color:#fffdf7;font-size:18px;font-weight:900}
body.network-session-active .face-loading-subtitle{margin-top:7px;color:#b9b8b2;font-size:12px}
body.network-session-active .face-loading-dots{margin-top:8px;color:#858b94;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
body.network-session-active .camera-retry-button{min-height:42px;margin-top:14px;padding:0 13px;color:#0b0b0b;background:var(--lime);border-color:#fffdf7}
@keyframes mmfParticipantSpin{to{transform:rotate(360deg)}}

/* Network session identity and connection state. */
body.network-session-active #participantNetworkShell{width:min(1160px,100%);margin:0 auto;padding:0;color:var(--ink);background:transparent;border:0}
body.network-session-active .participant-network-header{
  position:relative;min-height:100px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:16px;padding:20px 18px 15px;overflow:hidden;background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-lg)
}
body.network-session-active .participant-network-header::before{content:"";position:absolute;inset:0 0 auto;height:9px;background:var(--blue);border-bottom:3px solid var(--ink)}
body.network-session-active .participant-network-header::after{content:"";position:absolute;top:2px;left:-13%;width:13%;height:4px;background:var(--lime);animation:mmfParticipantSessionSignal 5.2s ease-in-out infinite}
@keyframes mmfParticipantSessionSignal{0%,100%{left:-13%}50%{left:100%}}
body.network-session-active .participant-network-header .participant-network-eyebrow{display:block;margin-top:4px;color:var(--purple);font:900 0/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}
body.network-session-active .participant-network-header .participant-network-eyebrow::before{content:"Network session";font-size:10px}
body.network-session-active .participant-network-header h2{margin:7px 0 9px;color:var(--ink);font-size:clamp(21px,4vw,32px);line-height:1;letter-spacing:-.035em}
body.network-session-active .participant-session-meta{display:flex;flex-wrap:wrap;gap:6px}
body.network-session-active .participant-session-meta span{padding:5px 7px;color:var(--ink);background:var(--surface-2);border:1.5px solid var(--ink);font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
body.network-session-active .participant-session-meta b{font-weight:900}
body.network-session-active .participant-network-connection{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;color:#0b0b0b;background:var(--lime);border:2px solid #0b0b0b;box-shadow:4px 4px 0 #0b0b0b;font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
body.network-session-active .participant-status-light{width:10px;height:10px;border:2px solid #0b0b0b;border-radius:50%;background:var(--yellow)}
body.network-session-active .participant-status-light[data-state="connected"]{background:var(--lime);animation:mmfParticipantConnected 2.8s ease-in-out infinite}
body.network-session-active .participant-status-light[data-state="off"]{background:var(--yellow);animation:none}
body.network-session-active .participant-status-light[data-state="reconnecting"]{background:var(--orange);animation:mmfParticipantReconnect 1.1s steps(2,end) infinite}
body.network-session-active .participant-status-light[data-state="ended"]{background:var(--red);animation:none}
@keyframes mmfParticipantConnected{50%{box-shadow:0 0 0 6px rgba(185,255,69,.22)}}@keyframes mmfParticipantReconnect{50%{opacity:.25}}

/* Real-time output HUD. */
body.network-session-active .participant-network-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-top:18px;padding:14px;background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-lg)}
body.network-session-active .participant-applied-notice{position:absolute;z-index:20;top:10px;right:10px;max-width:min(360px,calc(100% - 20px));padding:10px 14px;color:#fffdf7;background:var(--ink);border:2px solid var(--cyan);box-shadow:5px 5px 0 var(--purple);font:800 12px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;transform:translateX(0);opacity:1;transition:opacity .2s ease,transform .2s ease}
body.network-session-active .participant-applied-notice[hidden]{display:block;opacity:0;pointer-events:none;transform:translateX(18px)}
.participant-session-code{display:block;margin-top:2px;color:var(--muted);font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
body.network-session-active .participant-blocking-issue{grid-column:1/-1;min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 13px;color:#0b0b0b;background:var(--yellow);border:2px solid #0b0b0b}
body.network-session-active .participant-blocking-issue strong{display:block;color:#0b0b0b;font-size:15px}
body.network-session-active .participant-blocking-issue p{margin:3px 0 0;color:#0b0b0b;font-size:12px}
body.network-session-active .participant-blocking-issue .toggle-button{min-height:40px;padding:0 11px;color:#0b0b0b;background:#fffdf7;border-color:#0b0b0b;box-shadow:3px 3px 0 #0b0b0b}
body.network-session-active .participant-lifecycle-warning,
body.network-session-active .participant-audio-notice{grid-column:1/-1;margin:0;padding:9px 10px;color:var(--ink);background:var(--surface-2);border:1.5px solid var(--ink);font-size:11px}
body.network-session-active .participant-live-hud{position:relative;min-height:92px;display:grid;align-content:center;gap:11px;padding:19px 112px 15px 16px;overflow:hidden;color:#fffdf7;background:#0b0b0b;border:2px solid #0b0b0b}
body.network-session-active .participant-live-hud::before{content:"LIVE OUTPUT";position:absolute;top:9px;right:10px;color:var(--cyan);font:850 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
body.network-session-active .participant-live-hud::after{
  content:"";position:absolute;right:13px;bottom:15px;width:78px;height:34px;opacity:.9;transform-origin:bottom;
  background:linear-gradient(to top,var(--purple) 0 68%,transparent 68%) 0 100%/8px 100% no-repeat,linear-gradient(to top,var(--cyan) 0 92%,transparent 92%) 17px 100%/8px 100% no-repeat,linear-gradient(to top,var(--lime) 0 48%,transparent 48%) 34px 100%/8px 100% no-repeat,linear-gradient(to top,var(--orange) 0 78%,transparent 78%) 51px 100%/8px 100% no-repeat,linear-gradient(to top,var(--blue) 0 58%,transparent 58%) 68px 100%/8px 100% no-repeat;
  animation:mmfParticipantMeter 1.35s steps(3,end) infinite
}
@keyframes mmfParticipantMeter{50%{transform:scaleY(.54);opacity:.7}}
body.network-session-active .participant-live-hud strong{color:#fffdf7;font-size:clamp(19px,4vw,29px);line-height:1;letter-spacing:-.02em}
.participant-grid-trigger-controls[hidden]{display:none!important}
body.network-session-active .participant-grid-trigger-controls{grid-column:1/-1;justify-self:center;width:min(100%,780px);box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0;padding:9px 10px;background:var(--surface-2);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
body.network-session-active .participant-grid-trigger-controls label{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;color:var(--ink);font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
body.network-session-active .participant-grid-trigger-controls #participantGridSensitivity,
body.network-session-active .participant-grid-trigger-controls #participantGridRepeatDelay{appearance:none;grid-column:1/-1;width:100%;height:40px;min-height:40px;padding:16px 0;border:0;background:transparent;cursor:pointer}
body.network-session-active .participant-grid-trigger-controls #participantGridSensitivity::-webkit-slider-runnable-track,
body.network-session-active .participant-grid-trigger-controls #participantGridRepeatDelay::-webkit-slider-runnable-track{height:7px;background:linear-gradient(90deg,var(--cyan) 0 var(--range-progress,0%),var(--surface-3) var(--range-progress,0%) 100%);border:1.5px solid var(--ink);border-radius:8px}
body.network-session-active .participant-grid-trigger-controls #participantGridSensitivity::-webkit-slider-thumb,
body.network-session-active .participant-grid-trigger-controls #participantGridRepeatDelay::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;background:var(--purple);border:2px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink)}
body.network-session-active .participant-grid-trigger-controls #participantGridSensitivity::-moz-range-track,
body.network-session-active .participant-grid-trigger-controls #participantGridRepeatDelay::-moz-range-track{height:6px;background:linear-gradient(90deg,var(--cyan) 0 var(--range-progress,0%),var(--surface-3) var(--range-progress,0%) 100%);border:1.5px solid var(--ink);border-radius:8px}
body.network-session-active .participant-grid-trigger-controls #participantGridSensitivity::-moz-range-thumb,
body.network-session-active .participant-grid-trigger-controls #participantGridRepeatDelay::-moz-range-thumb{width:16px;height:16px;background:var(--purple);border:2px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink)}
body.network-session-active .participant-grid-trigger-controls output{min-width:5ch;display:block;padding:0;color:var(--ink);background:transparent;border:0;font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
body.network-session-active .participant-monitor-controls{grid-column:1/-1;justify-self:center;width:min(100%,780px);box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;padding:9px 10px;background:var(--surface-2);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
body.network-session-active .participant-monitor-controls>strong{font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
body.network-session-active .participant-monitor-controls label{min-width:0;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:7px;align-items:center;font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
body.network-session-active .participant-monitor-controls input[type="range"]{appearance:none;width:100%;height:44px;padding:18px 0;border:0;background:transparent;cursor:pointer}
body.network-session-active .participant-monitor-controls input[type="range"]::-webkit-slider-runnable-track{height:7px;background:linear-gradient(90deg,var(--cyan) 0 var(--range-progress,0%),var(--surface-3) var(--range-progress,0%) 100%);border:1.5px solid var(--ink);border-radius:8px}
body.network-session-active .participant-monitor-controls input[type="range"]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;background:var(--purple);border:2px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink)}
body.network-session-active .participant-monitor-controls input[type="range"]::-moz-range-track{height:6px;background:var(--surface-3);border:1.5px solid var(--ink);border-radius:8px}
body.network-session-active .participant-monitor-controls input[type="range"]::-moz-range-progress{height:6px;background:var(--cyan);border-radius:8px}
body.network-session-active .participant-monitor-controls input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:var(--purple);border:2px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink)}
body.network-session-active .participant-monitor-controls output{min-width:5.5ch;min-height:24px;display:inline-grid;place-items:center;padding:0 6px;color:var(--ink);background:var(--surface);border:1.5px solid var(--ink);font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
body.network-session-active .participant-monitor-controls small{grid-column:3;justify-self:end;padding:4px 6px;color:var(--muted);background:var(--surface);border:1.5px solid var(--ink);font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;white-space:nowrap}
body.network-session-active .participant-monitor-controls input:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45}
body.network-session-active .participant-grid-delay-value{min-width:82px;min-height:34px;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:0 8px;color:var(--ink);background:var(--surface);border:1.5px solid var(--ink);font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;text-transform:none}
body.network-session-active .participant-grid-delay-value input[type="number"]{appearance:textfield;width:4ch;min-height:30px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:right}
body.network-session-active .participant-grid-delay-value input::-webkit-inner-spin-button,
body.network-session-active .participant-grid-delay-value input::-webkit-outer-spin-button{appearance:none;margin:0}
body.network-session-active .participant-grid-delay-value b{font:inherit;color:var(--muted);text-transform:none}
body.network-session-active .participant-synth-readout,body.network-session-active .participant-quick-voice,body.network-session-active .participant-onscreen-input{display:flex;align-items:center;gap:10px;padding:11px 13px;border:2px solid #0b0b0b;background:var(--paper);box-shadow:4px 4px 0 #0b0b0b}body.network-session-active .participant-synth-readout[hidden],body.network-session-active .participant-quick-voice[hidden],body.network-session-active .participant-onscreen-input[hidden]{display:none}body.network-session-active .participant-synth-readout strong{font:900 clamp(21px,5vw,34px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan)}body.network-session-active .participant-synth-readout small{margin-left:auto;text-transform:uppercase}body.network-session-active .participant-quick-voice{justify-content:space-between}body.network-session-active .participant-quick-voice select{min-width:min(260px,50vw)}body.network-session-active .participant-onscreen-input{display:grid}body.network-session-active .participant-onscreen-input header{display:flex;justify-content:space-between;gap:10px}body.network-session-active #participantOnscreenInputKeys{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:7px}.participant-grid-key{min-height:48px}
body.network-session-active .participant-activity-meter{width:100%;height:18px;border:2px solid #fffdf7;border-radius:0;background:#222;accent-color:var(--cyan)}
body.network-session-active .participant-activity-meter::-webkit-progress-bar{background:#222}
body.network-session-active .participant-activity-meter::-webkit-progress-value{background:linear-gradient(90deg,var(--cyan),var(--lime))}
body.network-session-active .participant-calibration-recommendation{align-self:start;justify-self:end;min-height:36px;max-width:280px;display:inline-flex;align-items:center;gap:10px;padding:6px 9px;color:var(--ink);background:var(--surface-2);border:1.5px solid var(--ink);border-radius:999px;box-shadow:none;font:800 11px/1.15 Arial,sans-serif;text-align:left;white-space:nowrap;cursor:pointer}
body.network-session-active .participant-calibration-recommendation strong{color:var(--purple);font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
body.network-session-active .participant-calibration-recommendation:hover{color:#0b0b0b;background:var(--cyan)}

/* Device actions remain in document flow below the stage so they never
   intercept its landmark, Grid, slot-label, or live-output controls. */
body.network-session-active .participant-action-bar{position:relative;bottom:auto;z-index:40;display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:9px;margin:18px 0 0;padding:11px max(11px,env(safe-area-inset-right)) max(11px,env(safe-area-inset-bottom)) max(11px,env(safe-area-inset-left));background:var(--purple);border:3px solid #0b0b0b;box-shadow:7px 7px 0 #0b0b0b}
body.network-session-active .participant-action[data-recommended="true"]{background:var(--lime);box-shadow:inset 0 0 0 2px #0b0b0b,4px 4px 0 #0b0b0b}
body.network-session-active .participant-action{min-height:60px;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:7px 5px;color:#0b0b0b;background:#fffdf7;border-color:#0b0b0b;box-shadow:4px 4px 0 #0b0b0b;font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
body.network-session-active .participant-grid-editor{margin-top:14px;border:2px solid var(--ink);background:var(--surface-2)}
body.network-session-active .participant-grid-editor>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:9px 12px;cursor:pointer;font-weight:900}
body.network-session-active .participant-grid-editor-body{display:grid;gap:12px;padding:12px;border-top:2px solid var(--ink);background:var(--surface)}
body.network-session-active .participant-grid-method{display:grid;gap:6px;font-weight:850}
body.network-session-active .participant-grid-status{margin:0;padding:8px 10px;background:var(--surface-2);border-left:4px solid var(--purple);font-size:11px}
body.network-session-active .participant-grid-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:6px}
body.network-session-active .participant-grid-slot{min-height:48px;padding:5px;background:var(--surface);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font:850 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}
body.network-session-active .participant-grid-slot[data-slot-state="editing"]{background:var(--cyan);outline:3px solid var(--purple);outline-offset:1px}
body.network-session-active .participant-grid-note-list{display:flex;flex-wrap:wrap;gap:6px;min-height:32px}
body.network-session-active .participant-grid-note-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;background:var(--lime);border:1.5px solid var(--ink);font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
body.network-session-active .participant-grid-actions{display:flex;flex-wrap:wrap;gap:7px}
body.network-session-active .participant-grid-actions .toggle-button{min-height:40px;padding:5px 9px}
body.network-session-active .participant-grid-piano{position:relative;height:116px;display:grid;grid-template-columns:repeat(8,minmax(34px,1fr));gap:1px;overflow-x:auto;background:#0b0b0b;border:2px solid #0b0b0b}
body.network-session-active .participant-piano-key{min-width:0;margin:0;border:0;border-radius:0;box-shadow:none;font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
body.network-session-active .participant-piano-key.piano-white{z-index:1;grid-row:1;display:flex;align-items:flex-end;justify-content:center;padding:0 1px 8px;color:#0b0b0b;background:#fffdf7}
body.network-session-active .participant-piano-key.piano-black{position:absolute;z-index:2;top:0;width:8.5%;height:64%;display:flex;align-items:flex-end;justify-content:center;padding:0 1px 7px;color:#fffdf7;background:#0b0b0b;border:1px solid #fffdf7}
body.network-session-active .participant-piano-key.selected{color:#0b0b0b;background:var(--lime);box-shadow:inset 0 -5px 0 var(--purple)}
body.network-session-active .participant-piano-key:active,body.network-session-active .participant-piano-key.sounding{background:var(--cyan)}
body.network-session-active .participant-grid-help{margin:0;color:var(--muted);font-size:11px}
body.network-session-active .participant-permission-action{width:100%!important;height:auto!important}
body.network-session-active .participant-action svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.network-session-active .participant-action[aria-pressed="true"]{background:var(--lime)}
body.network-session-active .participant-exit{color:#fffdf7;background:var(--red)}
body.network-session-active #participantStartCalibration,
body.network-session-active #participantOpenChat{display:none!important}

/* Camera/settings side drawer. */
body.network-session-active .participant-settings-drawer{position:fixed;inset:0;z-index:20000;display:flex;justify-content:flex-end;padding:0;background:rgba(3,4,6,.76);backdrop-filter:blur(5px);animation:mmfParticipantOverlayIn .16s ease-out}
body.network-session-active .participant-settings-panel{width:min(520px,100%);height:100%;max-height:none;overflow:auto;padding:16px;color:var(--ink);background:var(--surface);border:0;border-left:3px solid var(--ink);box-shadow:-8px 0 0 var(--purple);animation:mmfParticipantDrawerIn .2s ease-out}
@keyframes mmfParticipantOverlayIn{from{opacity:0}to{opacity:1}}@keyframes mmfParticipantDrawerIn{from{transform:translateX(30px)}to{transform:translateX(0)}}
body.network-session-active .participant-settings-panel>header{position:sticky;top:-16px;z-index:3;min-height:58px;display:flex;align-items:center;gap:10px;margin:-16px -16px 15px;padding:0 14px;background:var(--surface-2);border-bottom:3px solid var(--ink)}
body.network-session-active .participant-settings-panel>header h3{margin:0;color:var(--ink);font-size:18px}
body.network-session-active #participantCloseSettings{margin-left:auto;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}
body.network-session-active .participant-quick-grid{display:grid;grid-template-columns:1fr;gap:9px}
body.network-session-active .participant-quick-grid>label,
body.network-session-active .participant-quick-grid>.participant-setting-row,
body.network-session-active .participant-session-options,
body.network-session-active .participant-privacy,
body.network-session-active .participant-session-diagnostics{padding:11px;color:var(--ink);background:var(--surface-2);border:2px solid var(--ink)}
body.network-session-active .participant-setting-row,
body.network-session-active .participant-quick-grid>label{display:grid;grid-template-columns:minmax(116px,.7fr) minmax(0,1fr);gap:10px;align-items:center}
body.network-session-active .participant-setting-row>span,
body.network-session-active .participant-quick-grid>label>span,
body.network-session-active .participant-session-options label span,
body.network-session-active .participant-settings-panel .haptic-preference span{color:var(--ink)!important}
body.network-session-active .participant-quick-grid button,
body.network-session-active .participant-quick-grid select,
body.network-session-active .participant-session-options button{min-height:42px;padding:0 11px}
body.network-session-active .participant-session-options{margin-top:12px}
body.network-session-active .participant-session-options legend{padding:0 7px;font-weight:900}
body.network-session-active .participant-brand-toggle{min-height:40px;display:flex;align-items:center;gap:8px;margin:7px 0 0;padding:7px 9px;background:var(--surface);border:1.5px solid var(--ink)}
body.network-session-active .participant-brand-toggle input{accent-color:var(--lime)}
body.network-session-active .participant-brand-toggle:has(input:checked){color:#0b0b0b;background:var(--lime)}
body.network-session-active .participant-privacy,
body.network-session-active .participant-session-diagnostics{margin-top:12px}
body.network-session-active .participant-privacy summary,
body.network-session-active .participant-session-diagnostics summary{color:var(--ink)!important;cursor:pointer;font-weight:900}
body.network-session-active .participant-privacy p{margin-bottom:0;color:var(--muted);font-size:12px}
body.network-session-active .participant-session-diagnostics dl{display:grid;gap:6px;margin-bottom:0}
body.network-session-active .participant-session-diagnostics dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;padding-top:6px;border-top:1px solid var(--hair)}
body.network-session-active .participant-session-diagnostics dt{color:var(--muted);font-size:11px}
body.network-session-active .participant-session-diagnostics dd{margin:0;font:750 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}

/* Host calibration request. */
body.network-session-active .participant-calibration-request{position:fixed;inset:0;z-index:20050;display:grid;place-items:start center;padding:74px 14px 14px;background:rgba(3,4,6,.66);backdrop-filter:blur(4px);animation:mmfParticipantOverlayIn .16s ease-out}
body.network-session-active .participant-calibration-request-card{width:min(430px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:13px;color:var(--ink);background:var(--surface);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--orange);text-align:left}
body.network-session-active .participant-calibration-request-card .participant-network-eyebrow{grid-column:1;color:var(--orange);font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
body.network-session-active .participant-calibration-request-card h3{grid-column:1;margin:2px 0;color:var(--ink);font-size:17px}
body.network-session-active .participant-calibration-request-card p{grid-column:1;margin:0;color:var(--muted);font-size:11px}
body.network-session-active .participant-calibration-countdown{grid-column:2;grid-row:1/4;min-width:58px;min-height:58px;display:grid;place-items:center;color:#0b0b0b;background:var(--lime);border:2px solid #0b0b0b;font-size:27px}
body.network-session-active .participant-calibration-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:5px}
body.network-session-active .participant-calibration-actions .toggle-button{min-height:38px;padding:0 10px}
body.network-session-active .participant-host-presence{position:fixed;inset:0;z-index:20055;display:grid;place-items:start center;padding:74px 14px 14px;background:rgba(3,4,6,.66);backdrop-filter:blur(4px);animation:mmfParticipantOverlayIn .16s ease-out}
body.network-session-active .participant-host-presence-card{width:min(430px,100%);display:grid;gap:7px;padding:15px;color:var(--ink);background:var(--surface);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--orange);text-align:left}
body.network-session-active .participant-host-presence-card .participant-network-eyebrow{color:var(--orange);font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
body.network-session-active .participant-host-presence-card h3{margin:0;color:var(--ink);font-size:17px}
body.network-session-active .participant-host-presence-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}

/* Persistent chat surface and unread state. */
body.network-session-active #participantSessionChat{position:fixed;z-index:900;right:14px;bottom:100px;width:min(390px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 28px));margin:0;overflow:auto;color:var(--ink);background:var(--surface);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--purple)}
body.network-session-active #participantSessionChat:not([open]){width:auto;max-height:58px;overflow:visible}
body.network-session-active #participantSessionChat>summary{position:relative;min-height:52px;display:flex;align-items:center;gap:8px;padding:0 14px;color:#fffdf7;background:var(--purple);border-bottom:0;font-weight:900;list-style:none;cursor:pointer}
body.network-session-active #participantSessionChat>summary::before{content:"";width:20px;height:20px;display:block;flex:0 0 20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fffdf7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E") center/contain no-repeat}
body.network-session-active #participantSessionChat .participant-unread{position:static;min-width:26px;display:grid;place-items:center;padding:3px 5px;color:#fffdf7;background:var(--red);border:1.5px solid #0b0b0b;border-radius:999px;font:900 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
body.network-session-active #participantSessionChat[open]>summary{border-bottom:3px solid var(--ink)}
body.network-session-active #participantSessionChat>summary::-webkit-details-marker{display:none}
body.network-session-active #participantSessionChat .row{padding:10px 12px 0}
body.network-session-active #participantChatMessages{max-height:300px;margin:8px 12px;padding:0;overflow:auto;list-style:none}
body.network-session-active #participantChatMessages li{margin:0 0 8px;padding:8px;background:var(--surface-2);border:1.5px solid var(--ink);font-size:12px}
body.network-session-active #participantChatReplyControls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 12px 12px}
body.network-session-active #participantChatText{min-height:42px;padding:0 9px;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:0}
body.network-session-active #participantChatSend{min-height:42px;padding:0 12px;color:#0b0b0b;background:var(--lime);border-color:#0b0b0b;box-shadow:3px 3px 0 #0b0b0b}
@keyframes mmfParticipantUnread{50%{transform:scale(1.2)}}

/* Existing calibration and instruction DOM is restyled, never replaced. */
body.mmf-main-page.network-session-active .cal-overlay,
body.network-session-active #instructionModal{position:fixed;inset:0;z-index:21000;display:grid;place-items:center;padding:14px;background:rgba(3,4,6,.78);backdrop-filter:blur(5px)}
body.network-session-active .cal-modal-box,
body.network-session-active #instructionModalContent{width:min(940px,100%);max-height:calc(100vh - 28px);overflow:auto;padding:15px;color:var(--ink);background:var(--surface);border:3px solid var(--ink);border-radius:0;box-shadow:10px 10px 0 var(--purple)}
body.network-session-active .cal-modal-title{margin:0 52px 14px 0;color:var(--ink);font-size:20px}
body.network-session-active .cal-close-btn,
body.network-session-active #closeModalButton{position:sticky;z-index:5;top:0;float:right;width:42px;height:42px;padding:0;font-size:22px}
body.network-session-active .wizard-step{color:var(--ink)}
body.network-session-active .wizard-demo-wrap{background:#0b0b0b;border:2px solid var(--ink)}
body.network-session-active .wizard-demo{display:block;max-width:100%;margin:auto}
body.network-session-active .wizard-progress{color:var(--purple);font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
body.network-session-active .wizard-instruction{color:var(--ink);font-size:17px;font-weight:900}
body.network-session-active .wizard-status{color:var(--muted)}
body.network-session-active .wizard-bar-wrap,
body.network-session-active .wizard-timeout-wrap{border:2px solid var(--ink);background:var(--surface-3)}
body.network-session-active .wizard-bar{background:var(--lime)}
body.network-session-active .wizard-timeout-bar{background:var(--cyan)}
body.network-session-active .wizard-btn{min-height:42px;padding:0 13px}
body.network-session-active .wizard-btn.primary{color:#0b0b0b;background:var(--lime)}
body.network-session-active .wizard-btn.danger{color:#fffdf7;background:var(--red)}
body.network-session-active #homepageAccountDialog,
body.network-session-active #homepagePremiumDialog{position:fixed;inset:0;z-index:22000;display:grid;place-items:center;padding:14px;background:var(--page)}
body.network-session-active .homepage-auth-card{width:min(480px,100%);padding:18px;color:var(--ink);background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-lg)}

@media(max-width:700px){
  body.network-session-active{padding:5px 6px 96px}
  body.network-session-active #header{height:52px;min-height:52px;max-height:52px;grid-template-columns:46px minmax(0,1fr) 46px;grid-template-areas:"menu brand action";gap:5px;margin-bottom:10px;padding:0;overflow:hidden}
  body.network-session-active #header>.header-side:first-child{grid-area:menu;display:flex;justify-content:flex-start}
  body.network-session-active #header>.header-side.end{grid-area:action;display:flex;justify-content:flex-end}
  body.network-session-active #mobileMenuToggle{display:grid!important}
  body.network-session-active #title.brand-logo-title{grid-area:brand;width:min(84px,100%);height:40px;max-height:40px;min-height:0;justify-self:center;padding:0;margin:0;transform:none;overflow:hidden}
  body.network-session-active #title .brand-logo-img{width:100%;height:100%;object-fit:contain;transform:none;filter:drop-shadow(2px 2px 0 rgba(11,11,11,.8))}
  body.network-session-active #homepageAccountControl,
  body.network-session-active #themeToggle{display:none!important}
  body.network-session-active #participantHeaderLeave{display:grid;width:46px;height:46px;min-width:46px;min-height:46px;padding:0;place-items:center;color:#fffdf7;background:var(--red)}
  body.network-session-active #participantHeaderLeave svg{width:21px;height:21px}
  body.network-session-active #videoContainer{margin-bottom:12px}
  body.network-session-active .participant-network-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:0;padding:17px 10px 10px}
  body.network-session-active .participant-network-header h2{margin:5px 0 7px;font-size:19px}
  body.network-session-active .participant-network-connection{min-height:30px;justify-self:end;padding:0 8px;box-shadow:none;font-size:8px}
  body.network-session-active .participant-status-light{width:8px;height:8px}
  body.network-session-active .participant-session-details{display:none}
  body.network-session-active .participant-network-stage{grid-template-columns:1fr;margin-top:12px;padding:9px}
  body.network-session-active .participant-blocking-issue{grid-template-columns:1fr}
  body.network-session-active .participant-blocking-issue .toggle-button{justify-self:start}
  body.network-session-active .participant-live-hud{min-height:86px;padding:18px 92px 13px 12px}
  body.network-session-active .participant-live-hud::after{right:9px;width:68px;transform:scale(.88);transform-origin:right bottom}
  body.network-session-active .participant-calibration-recommendation{justify-self:start;max-width:100%;min-height:34px}
  body.network-session-active .participant-action-bar{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:5px;bottom:auto;padding:7px max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}
  body.network-session-active .participant-action{min-height:48px;padding-inline:2px;font-size:8px;box-shadow:2px 2px 0 #0b0b0b}
  body.network-session-active .participant-action svg{width:21px;height:21px}
  body.network-session-active .participant-setting-row,
  body.network-session-active .participant-quick-grid>label{grid-template-columns:minmax(105px,.7fr) minmax(0,1fr)}
  body.network-session-active .participant-settings-panel{width:100%;border-left:0;box-shadow:none}
  body.network-session-active .participant-calibration-request{padding-top:18px}
  body.network-session-active .participant-host-presence{padding-top:18px}
  body.network-session-active .participant-calibration-request-card{grid-template-columns:minmax(0,1fr) 54px;padding:11px}
  body.network-session-active #participantSessionChat{right:6px;bottom:82px;width:calc(100vw - 12px)}
  body.network-session-active #participantSessionChat:not([open]){bottom:max(8px,env(safe-area-inset-bottom));width:46px;max-height:46px;border-width:2px;box-shadow:3px 3px 0 var(--purple)}
  body.network-session-active #participantSessionChat:not([open])>summary{width:44px;min-width:44px;height:44px;min-height:44px;justify-content:center;padding:0;overflow:visible}
  body.network-session-active #participantSessionChat:not([open])>summary .participant-chat-label{display:none}
  body.network-session-active #participantSessionChat:not([open])>summary::before{width:22px;height:22px;flex-basis:22px}
  body.network-session-active #participantSessionChat:not([open]) .participant-unread{position:absolute;top:-4px;right:-4px;width:9px;min-width:9px;height:9px;min-height:9px;padding:0;border:1.5px solid #0b0b0b;font-size:0;animation:mmfParticipantUnread 1.4s ease-in-out infinite}
  body.network-session-active .participant-session-diagnostics dl>div{grid-template-columns:95px minmax(0,1fr)}
}
@media(max-width:470px){
  body.network-session-active .participant-grid-trigger-controls{justify-self:stretch;width:100%;grid-template-columns:1fr;gap:6px;padding:8px}
  body.network-session-active .participant-grid-trigger-controls label{gap:4px 10px;padding:0 2px}
  body.network-session-active .participant-grid-trigger-controls label+label{padding-top:6px;border-top:1.5px solid var(--hair)}
  body.network-session-active .participant-grid-trigger-controls #participantGridSensitivity,
  body.network-session-active .participant-grid-trigger-controls #participantGridRepeatDelay{height:40px;min-height:40px;padding:16px 0}
  body.network-session-active .participant-monitor-controls{justify-self:stretch;width:100%;grid-template-columns:1fr;gap:2px;padding:8px}
  body.network-session-active .participant-monitor-controls label{grid-template-columns:5.5em minmax(0,1fr) 5.5ch}
  body.network-session-active .participant-monitor-controls small{grid-column:1/-1;justify-self:end;margin-top:3px}
  body.network-session-active .participant-grid-delay-value{min-width:76px;min-height:40px;padding-inline:7px}
  body.mmf-main-page.network-session-active .participant-grid-delay-value input[type="number"]{width:4ch!important;min-width:0!important;min-height:36px!important;height:36px!important;padding:0!important;border:0!important;background:transparent!important;font-size:11px!important}
  body.network-session-active .participant-setting-row,
  body.network-session-active .participant-quick-grid>label{grid-template-columns:1fr;gap:6px}
  body.network-session-active .participant-session-meta span{font-size:8px}
  body.network-session-active .participant-live-hud strong{font-size:18px}
  body.network-session-active .participant-action span{font-size:7.5px}
  body.network-session-active #homepageAccountMenu{right:-4px;width:min(270px,calc(100vw - 16px))}
}
@media(prefers-reduced-motion:reduce){
  body.network-session-active *,body.network-session-active *::before,body.network-session-active *::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important
  }
}