*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#121722;font-family:Segoe UI,Arial,sans-serif}.gate{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#263148,#0d111a 65%)}.gate.hidden{display:none}.card{width:min(420px,calc(100vw - 32px));padding:30px;background:#181f2b;border:1px solid #34415b;box-shadow:0 24px 70px #0009;color:#fff}.brand{font-size:11px;font-weight:800;letter-spacing:.2em;color:#76aaff}.card h1{font-size:29px;margin:8px 0 4px}.card p{margin:0 0 22px;color:#9ba8ba}.card label{display:block;font-size:12px;color:#aeb9c9;margin:13px 0}.card input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #46536c;background:#0f141e;color:#fff;outline:none}.card input:focus{border-color:#72a8ff}.card button{width:100%;margin-top:9px;padding:12px;border:0;background:#176bd7;color:#fff;font-weight:700;cursor:pointer}.card button:hover{background:#2179ed}.error{height:18px;margin-top:10px;color:#ff8e8e;font-size:12px}.connection{position:fixed;right:10px;bottom:8px;z-index:190;padding:5px 8px;background:#111d;color:#fff;font:11px Tahoma,sans-serif;border:1px solid #ffffff33;pointer-events:none}.connection.online{background:#123b1eee}.connection.offline{background:#5a1717ee}#dispatch{z-index:100}body.console-ready #dispatch{display:flex;flex-direction:column}

.bridge-wait{position:fixed;inset:0;z-index:170;display:flex;align-items:center;justify-content:center;background:#3f4a5a;color:#111;font-family:Tahoma,"Segoe UI",sans-serif}.bridge-wait.hidden{display:none}.bridge-wait-card{width:min(560px,calc(100vw - 40px));padding:26px 28px;background:#d4d0c8;border:2px solid;border-color:#fff #707070 #707070 #fff;box-shadow:8px 10px 30px #0007;text-align:center}.bridge-wait-card h2{margin:10px 0 7px;font-size:18px}.bridge-wait-card p{margin:0 0 14px;font-size:12px}.bridge-hint{padding:10px;background:#efefef;border:1px solid #9a9a9a;font-size:11px;line-height:1.55;text-align:left}.bridge-hint code{font-family:Consolas,monospace;background:#fff;padding:1px 3px}.bridge-spinner{width:26px;height:26px;margin:0 auto;border:3px solid #9ba5b5;border-top-color:#0a5fc8;border-radius:50%;animation:bridgeSpin .8s linear infinite}@keyframes bridgeSpin{to{transform:rotate(360deg)}}