html,body{height:100%;width:100%;margin:0;overflow:hidden;background:#000}#app{width:100vw;height:100vh;display:grid;place-items:center;position:relative;background:#000}canvas{display:block}.fullscreen-toggle{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);z-index:10;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a0e1a8c;color:#e7f0ffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;font:700 18px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fullscreen-toggle:hover{border-color:#ffffff38;background:#0a0e1aad}.fullscreen-toggle[data-fullscreen=true]{background:#4d8bff3d;border-color:#4d8bff8c}.gamepad{position:absolute;inset-inline:0;bottom:calc(env(safe-area-inset-bottom,0px) + 48px);display:flex;justify-content:center;pointer-events:none;z-index:11}.gamepad__dpad{pointer-events:auto;display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:40px 44px 40px;gap:6px;padding:6px 24px;border-radius:9999px;background:radial-gradient(circle at top,#000000b8,#0000005c);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gamepad__btn{border:1px solid rgba(255,255,255,.14);background:#0c1222e6;color:#f0f5fff5;border-radius:999px;font:600 20px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.gamepad__btn:active{background:#3e71e8e6;border-color:#6c9bffe6}.gamepad__btn--up{grid-column:2 / 3;grid-row:1 / 2}.gamepad__btn--down{grid-column:2 / 3;grid-row:3 / 4}.gamepad__btn--left{grid-column:1 / 2;grid-row:2 / 3}.gamepad__btn--right{grid-column:3 / 4;grid-row:2 / 3}@media(min-width:768px){.gamepad{display:none}}