*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#0b101c;color:#fff5d6;font-family:Georgia,serif}#stage{position:fixed;inset:0;touch-action:none}canvas{display:block;touch-action:none}body[data-role=movil]{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#3d3656}.activation{position:fixed;z-index:5;inset:0;display:grid;place-content:center;text-align:center;background:#161b2c}form{display:grid;gap:14px;width:min(340px,85vw)}input,button{font:16px system-ui;padding:14px;border:1px solid #b5a779;border-radius:5px}button{background:#eee1b6;color:#292039;cursor:pointer}input{background:#fff;color:#222}.status{position:fixed;z-index:8;bottom:max(8px,env(safe-area-inset-bottom));left:16px;right:16px;text-align:center;pointer-events:none;font:12px system-ui;color:#e2dccb;text-shadow:0 1px 4px #000}.status span{display:block}#error{color:#ffb6a0}#retry{position:fixed;z-index:10;bottom:65px;left:50%;transform:translateX(-50%)}.controller-link{position:fixed;z-index:4;right:15px;bottom:12px;color:#e2dccb;font:12px system-ui}[hidden]{display:none!important}
[data-role=mupi] #stage,[data-role=mupi] .status,[data-role=mupi] .controller-link{opacity:0;transition:opacity 1.2s ease-out}
[data-role=mupi].mupi-ready #stage,[data-role=mupi].mupi-ready .status,[data-role=mupi].mupi-ready .controller-link{opacity:1}
@media(prefers-reduced-motion:reduce){[data-role=mupi] #stage,[data-role=mupi] .status,[data-role=mupi] .controller-link{transition-duration:.15s}}