.connection-page{margin:0;background:#050e1a;color:#d8edff;font-family:Arial,sans-serif;padding:16px 12px;box-sizing:border-box;min-height:100dvh}.online-card{box-sizing:border-box;max-width:420px;width:100%;margin:auto;background:#071727;border:1px solid #215575;border-radius:8px;padding:18px}.online-card h1{font-size:24px}.online-card h2{font-size:19px}.online-card p{font-size:13px;line-height:1.45}.online-card label{display:grid;gap:5px;font-size:12px;margin:12px 0}.online-card input:not([type=file]){box-sizing:border-box;width:100%;font-size:16px;padding:11px;background:#07101d;color:#e4f4ff;border:1px solid #376682;border-radius:5px}.online-card .btn{min-height:42px;width:100%;margin:5px 0;white-space:normal}.connect-actions{display:flex;gap:8px}.online-card a{color:#59dcff;font-size:13px;display:block;margin-top:14px}.connect-logo{width:44px;height:44px;float:right}.online-note{color:#91abc4;font-size:11px!important}.online-overlay{position:fixed;inset:0;z-index:10000;background:#030b16ed;display:grid;align-items:center;overflow:auto;padding:12px}.online-overlay textarea{box-sizing:border-box;width:100%;height:90px}.online-overlay [hidden],.connection-page [hidden]{display:none!important}.account-entry{display:block;margin:10px 0;font-size:12px;color:#5de3ff}.account-entry small{display:block;color:#9dbacf;margin-top:4px}

body{padding-top:var(--safe-area-inset-top,0px)}#app,.game-shell{min-height:calc(100dvh - var(--safe-area-inset-top,0px))}.mobile-nav{padding-bottom:max(8px,var(--safe-area-inset-bottom,env(safe-area-inset-bottom)))}.connection-page{padding-top:calc(16px + var(--safe-area-inset-top,0px));padding-bottom:calc(16px + var(--safe-area-inset-bottom,0px))}