#nativeStorm{position:fixed;inset:0;z-index:30;background:#13252f;display:grid;grid-template-rows:auto 1fr;color:#f2e4c4;font-family:system-ui,sans-serif}#nativeStorm>header{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;background:#102a32;border-bottom:1px solid #d8be8266;z-index:2;pointer-events:auto}#nativeStorm header strong{font-family:Georgia,serif;font-size:22px}#nativeStorm header small{flex:1;min-width:100px;font-size:12px}#nativeStorm header button{min-height:40px;padding:8px 12px}#nativeStorm>canvas{width:100%;height:100%;min-height:0;touch-action:none;outline:none}#nativeStorm .storm-hud{position:absolute;top:76px;left:50%;transform:translateX(-50%);max-width:94%;padding:8px 14px;border:1px solid #d8be8255;border-radius:12px;background:#102a32df;font-size:13px;text-align:center;pointer-events:none}#nativeStorm .storm-menu{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:center;padding:24px max(18px,calc((100vw - 620px)/2));background:#071b29c9;overflow:auto;z-index:3}#nativeStorm .storm-menu[hidden]{display:none}#nativeStorm .storm-menu h2{font-family:Georgia,serif;color:#eed9a3;text-align:center}#nativeStorm .storm-menu button{min-height:52px;text-align:left;line-height:1.5;background:#133a43;color:#f2e4c4;border:1px solid #d9c28b88}#nativeStorm .storm-touch{position:absolute;left:20px;right:20px;bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}#nativeStorm .storm-touch[hidden]{display:none}#nativeStorm .storm-stick{width:112px;height:112px;border:2px solid #e1ce9277;border-radius:50%;background:#0d2c3388;touch-action:none;pointer-events:auto}#nativeStorm .storm-touch button{border-radius:50%;width:76px;height:76px;pointer-events:auto;background:#e1cb95;color:#102a32}#nativeStorm[inert]{filter:brightness(.45)}@media(max-width:600px){#nativeStorm>header{gap:4px;padding:6px}#nativeStorm header strong{font-size:17px}#nativeStorm header small{flex-basis:100%;order:2}#nativeStorm header button{font-size:11px;padding:6px 8px}#nativeStorm .storm-hud{top:104px;font-size:11px}#nativeStorm .storm-menu{padding-top:95px;padding-bottom:24px}#nativeStorm .storm-stick{width:96px;height:96px}}