/* MAGNUS Mobile 1.0 */
#magnus-touch{position:absolute;inset:0;z-index:24;pointer-events:none;font:12px/1.3 system-ui,sans-serif;color:#f6ead2;user-select:none;-webkit-user-select:none}
#magnus-touch button{pointer-events:auto;touch-action:none;min-height:38px;padding:8px 10px;border:1px solid #dcc39270;border-radius:10px;background:#0b191ee8;color:#f6ead2;font:600 11px/1.2 system-ui,sans-serif;box-shadow:0 2px 10px #0005;gap:0;transform:none}
#magnus-touch button[data-held],#magnus-touch button[aria-pressed=true]{background:#b18c4e;color:#071014}
.touch-top{position:absolute;top:max(7px,env(safe-area-inset-top));left:max(7px,env(safe-area-inset-left));display:flex;gap:5px;flex-wrap:wrap;max-width:calc(100% - 18px)}
.touch-world{position:absolute;inset:0;pointer-events:none}.touch-left,.touch-right{position:absolute;bottom:max(111px,calc(env(safe-area-inset-bottom) + 100px));display:flex;flex-direction:column;gap:7px}.touch-left{left:max(7px,env(safe-area-inset-left))}.touch-right{right:max(7px,env(safe-area-inset-right))}
.touch-right button{min-height:52px!important;min-width:78px}.touch-bottom{position:absolute;left:max(7px,env(safe-area-inset-left));right:max(7px,env(safe-area-inset-right));bottom:max(7px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:6px}.touch-skills,.touch-menus{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.touch-skills button{min-width:38px}.touch-menus button{min-height:32px!important}
.game-frame.magnus-mobile{touch-action:none;display:flex;align-items:center;justify-content:center;background:#030909}
.game-frame.magnus-mobile canvas,.game-frame.magnus-mobile:fullscreen canvas,.game-frame.magnus-mobile:fullscreen[data-fit] canvas{display:block!important;flex:none;width:var(--touch-canvas-w)!important;height:var(--touch-canvas-h)!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;touch-action:none;-webkit-touch-callout:none}
.game-frame.magnus-immersive{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;z-index:1000!important;margin:0!important;border:0!important}
.game-frame.magnus-mobile #exit-fullscreen{display:none!important}.game-frame.magnus-mobile .magnus-downloads{top:53px;width:min(300px,calc(100% - 20px));padding:6px 9px;z-index:23}.game-frame.magnus-mobile .magnus-downloads img{width:55px}.game-frame.magnus-mobile .magnus-loading{z-index:26;padding:18px}.game-frame.magnus-mobile .magnus-loading img{margin:0;width:min(40%,300px)}.game-frame.magnus-mobile .magnus-loading h2{font-size:18px;margin:7px}.game-frame.magnus-mobile .magnus-loading p{font-size:11px}.game-frame.magnus-mobile .loading-track{margin:8px}
.touch-notice{position:absolute;z-index:29;left:50%;top:28%;transform:translateX(-50%);max-width:80%;padding:12px 18px;border:1px solid #d8bc7d;background:#10252af5;border-radius:12px;color:#fff;font:13px/1.5 system-ui;pointer-events:none}
.touch-keyboard{background:#102027;color:#f1e8d8;border:1px solid #b89457;border-radius:18px;width:min(520px,96vw);max-height:85dvh;overflow:auto;padding:22px;z-index:40;font:14px/1.5 system-ui}.touch-keyboard::backdrop{background:#000b}.touch-keyboard h2{font-size:21px;margin:0}.touch-keyboard p{color:#b4c7c7;font-size:12px}.touch-keyboard label{display:block}.touch-keyboard input:not([type=checkbox]){display:block;width:100%;background:#081318;color:#fff;border:1px solid #708883;border-radius:8px;padding:12px;font-size:18px}.touch-keyboard .touch-check{display:flex;gap:8px;margin:12px 0}.touch-keyboard form>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.touch-keyboard button{font-size:12px;padding:9px 12px;gap:0}.touch-keyboard small{display:block;color:#f2bc9d;margin-top:8px}
@media(max-width:800px){.play-header{padding:12px 16px;gap:12px}.play-links{gap:10px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.game-wrap{padding:12px!important}.game-toolbar,.toolbar-actions{flex-wrap:wrap;gap:8px}.toolbar-actions{flex-shrink:1}.magnus-mobile:not(.magnus-immersive){min-height:340px;aspect-ratio:4/3}.touch-top button{font-size:10px!important}.touch-menus button{font-size:10px!important}}
@media(orientation:portrait) and (pointer:coarse){.magnus-mobile.magnus-immersive .touch-bottom{bottom:max(16px,env(safe-area-inset-bottom))}.magnus-mobile.magnus-immersive .touch-left,.magnus-mobile.magnus-immersive .touch-right{bottom:135px}}

.touch-reopen{position:absolute;z-index:28;top:max(7px,env(safe-area-inset-top));left:max(7px,env(safe-area-inset-left));padding:8px 12px;font:12px system-ui;background:#10252af0;color:#f5deb3;border:1px solid #d8bc7d;border-radius:9px}.game-frame.magnus-immersive canvas{width:var(--touch-canvas-w)!important;height:var(--touch-canvas-h)!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}