body.family-stage-open .masthead,body.family-stage-open .tools,body.family-stage-open .era-caption,body.family-stage-open .board-labels,body.family-stage-open #boardLabels,body.family-stage-open .inventory,body.family-stage-open .session-panel,body.family-stage-open .coach,body.family-stage-open .turn-dock,body.family-stage-open .encounter,body.family-stage-open .route-choice,body.family-stage-open .finale,body.family-stage-open .toast,body.family-stage-open .camera-hint,body.family-stage-open #mobilePlaySheet,body.family-stage-open #mobilePlayStatus{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.family-stage-controls{position:absolute;top:18px;bottom:18px;right:18px;width:330px;display:grid;grid-template-rows:48px minmax(0,1fr) 54px;border:1px solid #d6b895;border-radius:18px;background:#fff7e9f5;box-shadow:0 8px 28px #573b2526;overflow:hidden;z-index:12;color:#5b4432;font:13px/1.45 system-ui}
.family-stage-controls[hidden],.family-stage-bubble[hidden]{display:none}.family-stage-head{display:flex;align-items:center;justify-content:space-between;background:#f8e8cb;border-bottom:1px solid #d8c5a7}.family-stage-head button{background:none;border:0;min-height:44px;padding:8px 13px;color:#60482f;font:600 13px system-ui;cursor:pointer}.family-stage-scroll{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:12px;scrollbar-width:thin}.family-stage-tip{margin:0 0 10px;font-size:11px;color:#8c735c}.family-stage-controls select,.family-stage-controls button{font-family:system-ui}.family-stage-add{display:flex;gap:7px}.family-stage-add select{flex:1;min-width:0}.family-stage-controls select{min-height:44px;border:1px solid #d5bc9c;background:#fffcf5;color:#60482f;border-radius:9px;padding:8px;font-size:13px;max-width:100%}.family-stage-controls button:focus-visible,.family-stage-controls select:focus-visible{outline:2px solid #288b7d;outline-offset:2px}.family-stage-scroll button{min-height:44px;background:#fffaf1;border:1px solid #d5bc9c;color:#654b36;border-radius:9px;padding:8px 11px;font-size:12px;cursor:pointer}.family-stage-scroll button:disabled{opacity:.45;cursor:default}.family-stage-add button{background:#f5b156;border-color:#da962f;font-weight:650}.family-stage-cast{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.family-stage-cast button[aria-pressed=true]{background:#e2f0e4;border-color:var(--role-color);box-shadow:inset 0 0 0 1px var(--role-color)}.family-stage-gestures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 0 10px}.family-stage-gestures button{padding:8px 4px}.family-stage-fields{display:grid;gap:8px;margin-top:10px}.family-stage-fields label,#familyStageReplyLabel{display:grid;gap:4px;font-size:11px}.family-stage-controls summary{cursor:pointer;min-height:40px;font-weight:650;padding:8px 0}.family-stage-levels{display:flex;flex-wrap:wrap;gap:5px}.family-stage-levels button{flex:1;font-size:11px;padding:7px}.family-stage-levels button[aria-pressed=true]{background:#eee1ff;border-color:#a78ec8}#familyStageQuestion{font:20px/1.35 Georgia,serif}#familyStageAside{font-size:11px;color:#8c735c}#familyStageReplyLabel{margin-top:12px}#familyStageReplyLabel[hidden]{display:none}#familyStageReplyLine{font:17px/1.4 Georgia,serif}.family-stage-footer{display:flex;padding:6px 12px;border-top:1px solid #dfcdb2;background:#fff7e9}.family-stage-footer button{flex:1;min-height:42px;background:#ed7354;color:white;border:0;border-radius:10px;cursor:pointer;font-size:13px}.family-stage-controls.is-collapsed{top:auto;height:54px;grid-template-rows:54px}.family-stage-controls.is-collapsed .family-stage-scroll,.family-stage-controls.is-collapsed .family-stage-footer{display:none}.family-stage-bubble{position:absolute;top:12px;left:12px;right:370px;padding:10px 14px;border-radius:14px;border:1px solid #ddc6a2;background:#fff9e8ee;color:#58422e;font:16px/1.4 Georgia,serif;z-index:13;pointer-events:none}.md-stage-open{width:100%;margin-top:10px!important;background:#e5efdf!important;border-color:#82ab82!important;min-height:44px!important;font-weight:650!important}
@media(max-width:700px) and (orientation:portrait){.family-stage-controls{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));left:8px;right:8px;width:auto;height:40dvh;min-height:220px;max-height:380px}.family-stage-controls.is-collapsed{height:54px;min-height:54px}.family-stage-bubble{right:12px;font-size:14px}.family-stage-scroll{padding:10px 12px}.family-stage-gestures{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:500px) and (orientation:landscape){.family-stage-controls{top:8px;bottom:8px;right:8px;width:min(40vw,340px)}.family-stage-bubble{right:calc(min(40vw,340px) + 24px);font-size:13px}.family-stage-controls.is-collapsed{width:220px}}
@media(prefers-reduced-motion:reduce){.family-stage-controls{transition:none}}
.family-stage-markers,.family-stage-focus{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.family-stage-markers button,.family-stage-focus button{flex:1;min-width:82px}.family-stage-markers button[aria-pressed=true]{background:#e4efe0;border-color:#699b81}.family-stage-focus button[aria-pressed=true]{background:#efe1d0;border-color:#ac805b}.family-stage-transforms{margin:8px 0}.family-stage-transforms summary{min-height:40px}
.tray-global-open{min-height:44px;min-width:74px;padding:6px 12px;border:1px solid #cbaa80;border-radius:12px;background:#fff4dd;color:#5e452b;font:650 12px system-ui;cursor:pointer}.tray-dialog-open{position:absolute;right:12px;top:52px;z-index:20;min-height:44px;padding:8px 12px;border:1px solid #cbaa80;border-radius:10px;background:#fff4dd;color:#5e452b;cursor:pointer}.tray-edit-modes,.tray-state-buttons{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.tray-edit-modes button,.tray-state-buttons button{flex:1;min-width:84px}.tray-edit-modes button[aria-pressed=true]{background:#dceee5;border-color:#52927e}.tray-slider{display:grid;gap:6px;font-size:12px;margin:10px 0}.tray-slider input{width:100%;min-height:38px;accent-color:#a47851}.tray-slider output{font-size:11px}.tray-interactions label{display:grid;gap:5px;font-size:12px}.tray-views small{font-size:11px;color:#86694f}
.tray-state-buttons button[aria-pressed=true],.family-stage-gestures button[data-stage-gesture][aria-pressed=true]{background:#e7e0f0;border-color:#9981ad}
@media(max-width:700px),(max-height:500px) and (max-width:1100px){body.mobile-play .masthead{right:222px}body.mobile-play .tools .tray-global-open{padding:6px 8px;min-width:74px;margin-right:3px}.tray-global-open{font-size:11px}}