/* Scope host layout to this activity; the independent game's CSS stays unchanged. */
#activity-host.monster-host{position:fixed;inset:0;width:100%;height:100%;z-index:30;overflow:auto;background:#f5f5e9;transform:none;max-width:none;max-height:none;border-radius:0;padding:0;}
.view:has(.monster-host)>.back{display:none;}
#activity-host.monster-host .monster-game>.stage{position:relative;flex:1;width:auto;max-width:none;aspect-ratio:auto;margin:0;border:0;border-radius:0;box-shadow:none;}

/* Fill the viewport with the original game scene, with only sound and exit floating above it. */
#activity-host.monster-host .monster-game{height:100dvh;min-height:0;}
#activity-host.monster-host .monster-game>.game-header{position:absolute;inset:0 0 auto auto;height:auto;width:auto;padding:12px 3.5%;background:transparent;border:0;z-index:10;pointer-events:none;}
#activity-host.monster-host .game-header>.brand,#activity-host.monster-host .game-header>.chapter,#activity-host.monster-host .header-actions [data-action="restart"],#activity-host.monster-host .header-actions [data-action="replay"]{display:none;}
#activity-host.monster-host .header-actions{pointer-events:auto;}
#activity-host.monster-host .header-actions button{box-shadow:0 2px 8px #24483a20;}
#activity-host.monster-host .monster-loading{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#405e45;font:700 18px sans-serif;}
#activity-host.monster-host .monster-loading button{font:inherit;padding:12px 22px;border:2px solid #b7c9a7;border-radius:20px;background:#fffdf2;color:#49744b;cursor:pointer;}