:root{--mp-safe-top: env(safe-area-inset-top, 0px);--mp-safe-right: env(safe-area-inset-right, 0px);--mp-safe-bottom: env(safe-area-inset-bottom, 0px);--mp-safe-left: env(safe-area-inset-left, 0px)}html,body,#app{width:100%;height:100%;height:100dvh;overscroll-behavior:none}button,input{-webkit-tap-highlight-color:transparent}.mp-btn{max-width:100%;touch-action:manipulation}.mp-field{max-width:100%}.mp-title canvas,.mp-center>.mp-label canvas,.mp-col>.mp-label canvas{max-width:100%;height:auto}.mp-main-menu{width:min(432px,100%)}.mp-main-menu__stack{width:min(400px,100%)}.mp-main-menu__row{width:100%}.mp-main-menu__row>.mp-btn{flex:1 1 0;min-width:0}.mp-character-preview{max-width:100%}.mp-browser-controls{width:100%}.mp-settings-tabs{max-width:min(980px,100%)}.mp-mobile-controls{position:absolute;inset:0;z-index:25;pointer-events:none;touch-action:none;font-family:Consolas,Lucida Console,monospace;color:#fff;user-select:none}.mp-mobile-controls.is-hidden{display:none}.mp-mobile-look{position:absolute;z-index:0;top:calc(54px + var(--mp-safe-top));right:0;bottom:calc(142px + var(--mp-safe-bottom));width:62%;pointer-events:auto;touch-action:none}.mp-mobile-topbar{position:absolute;z-index:2;top:calc(8px + var(--mp-safe-top));right:calc(8px + var(--mp-safe-right));display:flex;gap:6px;pointer-events:auto}.mp-mobile-button{display:grid;place-items:center;width:62px;height:62px;padding:0;border:2px solid rgba(255,255,255,.74);border-radius:14px;background:#1014189e;color:#fff;box-shadow:inset 0 0 0 2px #0000007a,0 2px 8px #00000059;font:700 12px/1 Consolas,monospace;letter-spacing:.35px;text-shadow:1px 2px #000;pointer-events:auto;touch-action:none}.mp-mobile-button--utility{width:48px;height:40px;border-radius:9px;font-size:10px}.mp-mobile-button--jump{width:72px;height:72px;background:#2c70aaad}.mp-mobile-button--attack{background:#a63430ad}.mp-mobile-button--use{background:#367e46ad}.mp-mobile-button--sneak{width:58px;height:50px;font-size:9px}.mp-mobile-button.is-held,.mp-mobile-button:active{transform:scale(.93);filter:brightness(1.35);background-color:#ffffff47}.mp-mobile-actions{position:absolute;z-index:2;right:calc(14px + var(--mp-safe-right));bottom:calc(18px + var(--mp-safe-bottom));width:158px;height:130px;pointer-events:none}.mp-mobile-actions .mp-mobile-button{position:absolute}.mp-mobile-button--attack{right:0;top:0}.mp-mobile-button--use{left:20px;bottom:0}.mp-mobile-button--jump{right:0;bottom:0}.mp-mobile-button--sneak{left:0;top:0}.mp-mobile-joystick{position:absolute;z-index:2;left:calc(18px + var(--mp-safe-left));bottom:calc(18px + var(--mp-safe-bottom));width:120px;height:120px;border:2px solid rgba(255,255,255,.52);border-radius:50%;background:#0a0e1270;box-shadow:inset 0 0 20px #0006;pointer-events:auto;touch-action:none}.mp-mobile-joystick:before,.mp-mobile-joystick:after{content:"";position:absolute;background:#ffffff29}.mp-mobile-joystick:before{left:50%;top:10px;bottom:10px;width:1px}.mp-mobile-joystick:after{top:50%;left:10px;right:10px;height:1px}.mp-mobile-joystick__knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border:2px solid rgba(255,255,255,.78);border-radius:50%;background:#5f6970bd;box-shadow:0 3px 10px #00000073;pointer-events:none;will-change:transform}.mp-mobile-hotbar{position:absolute;z-index:3;left:50%;bottom:calc(18px + var(--mp-safe-bottom));transform:translate(-50%);display:flex;gap:2px;padding:4px;border:2px solid rgba(255,255,255,.4);background:#0a0c0fa8;pointer-events:auto}.mp-mobile-slot{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:2px;border:2px solid #494949;background:#707070d6;touch-action:manipulation}.mp-mobile-slot.is-selected{border-color:#fff;background:#a6a6a6f2;transform:translateY(-3px)}.mp-mobile-slot img{width:28px;height:28px;image-rendering:pixelated}.mp-mobile-slot span{position:absolute;right:1px;bottom:-1px;color:#fff;font:700 11px/1 monospace;text-shadow:1px 1px #000}@media (pointer: coarse),(max-width: 760px),(max-height: 560px){body{position:fixed;inset:0}.mp-root{-webkit-user-select:none;user-select:none}.mp-screen{padding-top:var(--mp-safe-top);padding-right:var(--mp-safe-right);padding-bottom:var(--mp-safe-bottom);padding-left:var(--mp-safe-left);overscroll-behavior:contain}.mp-center{width:100%;padding:14px 12px 24px;gap:10px}.mp-col{width:min(100%,420px)}.mp-row{max-width:100%}.mp-btn{min-height:46px}.mp-btn--toolbar,.mp-btn--list{min-height:40px}.mp-field{width:100%!important;min-height:48px}.mp-input-text,.mp-field input,.mp-field textarea{font-size:16px}.mp-slider-track{min-height:48px;touch-action:none}.mp-check{min-height:44px}.mp-title{margin:4px 0 10px!important}.mp-screen>.mp-title{margin-top:12px!important;flex-shrink:0}.mp-main-menu{padding:18px 14px calc(70px + var(--mp-safe-bottom))!important}.mp-main-menu__logo{margin-bottom:18px!important;transform:scale(.82)}.mp-main-menu__stack{gap:8px!important}.mp-main-menu__row{gap:8px}.mp-main-menu__footer{left:calc(8px + var(--mp-safe-left))!important;right:calc(8px + var(--mp-safe-right))!important;bottom:calc(7px + var(--mp-safe-bottom))!important}.mp-main-menu__notice{display:none}.mp-card-grid{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px 10px calc(76px + var(--mp-safe-bottom))!important}.game-card__thumb{height:clamp(130px,42vw,190px)}.game-card__content{padding:10px}.game-card__actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.game-card__actions .mp-btn--play{grid-column:1 / -1;width:100%}.game-card__actions .mp-btn:last-child{grid-column:1 / -1;width:100%!important}.mp-browser-controls{width:100%;padding:0 10px!important}.mp-browser-controls .mp-field{width:100%!important}.mp-browser-tabs{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;width:100%;padding:8px 10px!important;scroll-snap-type:x proximity;scrollbar-width:none}.mp-browser-tabs::-webkit-scrollbar,.mp-settings-tabs::-webkit-scrollbar{display:none}.mp-browser-tabs .mp-btn{flex:0 0 132px;scroll-snap-align:start}.mp-browser-back{bottom:calc(10px + var(--mp-safe-bottom))!important;width:calc(100% - 20px)}.mp-browser-back .mp-btn{width:100%!important}.mp-settings-tabs{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;width:calc(100% + 24px);margin:0 -12px;padding:0 12px 8px;scrollbar-width:none}.mp-settings-tabs .mp-btn{flex:0 0 150px}.mp-settings-content{width:100%;padding:8px 0 32px!important}.mp-settings-content>*{width:100%!important}.mp-character-layout{gap:16px!important;width:100%}.mp-character-preview{width:min(340px,calc(100vw - 24px))!important;height:min(400px,52dvh)!important}.mp-character-options{align-items:center}.mp-character-options>.mp-btn{width:100%!important}.mp-character-skins{max-width:100%;flex-wrap:wrap;justify-content:center}.mp-chat{left:calc(8px + var(--mp-safe-left))!important;bottom:calc(156px + var(--mp-safe-bottom))!important;width:calc(100vw - 16px - var(--mp-safe-left) - var(--mp-safe-right))!important;max-height:42dvh}.mp-chat input{min-height:42px;font-size:16px!important}.mp-inventory-panel{transform-origin:center center}.mp-inventory-close{width:100%;margin-top:12px}.mp-pause-menu{padding:calc(12px + var(--mp-safe-top)) 12px calc(12px + var(--mp-safe-bottom));overflow-y:auto}.mp-pause-menu>*{width:min(100%,400px)!important}.mp-dialogue-box{left:calc(8px + var(--mp-safe-left))!important;right:calc(8px + var(--mp-safe-right))!important;bottom:calc(156px + var(--mp-safe-bottom))!important;transform:none!important;max-width:none!important;max-height:40dvh;overflow-y:auto}.mp-hud-bottom{left:calc(8px + var(--mp-safe-left))!important;top:calc(8px + var(--mp-safe-top))!important;bottom:auto!important;transform:none!important;align-items:flex-start!important}.mp-hud-status{width:auto!important;gap:5px}.mp-hud-hotbar{display:none!important}}@media (pointer: coarse) and (orientation: portrait),(max-width: 560px){.mp-hud-bottom{top:calc(64px + var(--mp-safe-top))!important}.mp-mobile-hotbar{bottom:calc(148px + var(--mp-safe-bottom));max-width:calc(100vw - 16px);gap:1px;padding:3px}.mp-mobile-slot{width:min(36px,calc((100vw - 34px) / 9));height:min(36px,calc((100vw - 34px) / 9))}.mp-mobile-slot img{width:24px;height:24px}.mp-mobile-look{bottom:calc(278px + var(--mp-safe-bottom));width:70%}.mp-mobile-button{width:58px;height:58px}.mp-mobile-button--jump{width:68px;height:68px}.mp-mobile-actions{right:calc(10px + var(--mp-safe-right))}.mp-mobile-joystick{left:calc(12px + var(--mp-safe-left))}.mp-chat,.mp-dialogue-box{bottom:calc(270px + var(--mp-safe-bottom))!important}}@media (max-height: 520px) and (orientation: landscape){.mp-main-menu__logo{transform:scale(.65);margin-bottom:4px!important}.mp-main-menu{padding-top:6px!important}.mp-main-menu__stack{gap:5px!important}.mp-btn{min-height:40px}.mp-mobile-hotbar{bottom:calc(8px + var(--mp-safe-bottom))}.mp-mobile-joystick{width:104px;height:104px;bottom:calc(8px + var(--mp-safe-bottom))}.mp-mobile-actions{bottom:calc(8px + var(--mp-safe-bottom));transform:scale(.9);transform-origin:bottom right}}