@font-face{font-family:Torus;font-weight:700;font-display:swap;src:url(https://a.poki-cdn.com/fonts/torus-bold-latin.woff2) format("woff2"),url(https://a.poki-cdn.com/fonts/torus-bold-latin.woff) format("woff")}@font-face{font-family:Proxima Nova;font-weight:400;font-display:swap;src:url(https://a.poki-cdn.com/fonts/proxima-nova-regular-latin.woff2) format("woff2"),url(https://a.poki-cdn.com/fonts/proxima-nova-regular-latin.woff) format("woff")}@font-face{font-family:Proxima Nova;font-weight:700;font-display:swap;src:url(https://a.poki-cdn.com/fonts/proxima-nova-bold-latin.woff2) format("woff2"),url(https://a.poki-cdn.com/fonts/proxima-nova-bold-latin.woff) format("woff")}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#f0f5fc;color:#002b50;font-family:Proxima Nova,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;position:fixed}#status-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.connect-card{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid rgba(0,43,80,.06);border-radius:24px;padding:48px 56px;text-align:center;max-width:420px;width:90%;box-shadow:0 8px 40px #002b501f,0 0 30px #009cff26;animation:card-float 6s ease-in-out infinite}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.connect-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}.connect-logo .logo-svg{height:28px;width:auto}.connect-logo .logo-badge{font-family:Torus,-apple-system,Segoe UI,sans-serif;font-size:10px;font-weight:700;color:#009cff;background:#009cff14;border:1.5px solid rgba(0,156,255,.2);border-radius:200px;padding:3px 10px;letter-spacing:1.5px;text-transform:uppercase}.connect-title{font-family:Torus,-apple-system,Segoe UI,sans-serif;font-size:28px;font-weight:700;color:#002b50;margin-bottom:6px}.connect-subtitle{font-size:15px;color:#5d6b84;margin-bottom:28px;line-height:1.5}#status-screen .spinner{width:40px;height:40px;border:3px solid rgba(0,43,80,.12);border-top-color:#009cff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}#status-screen .status-text{font-size:14px;color:#5d6b84}#status-screen .error-text{color:#ef4444}#status-screen .lobby-code{font-family:Torus,-apple-system,Segoe UI,sans-serif;font-size:18px;font-weight:700;letter-spacing:4px;color:#009cff;margin-bottom:8px}#controller{display:none;width:100%;height:100%;position:relative}#controller.visible{display:flex;flex-direction:column}#header{display:flex;align-items:center;height:48px;padding:0 12px;background:#fff;box-shadow:0 2px 8px #002b500f;flex-shrink:0;gap:12px;z-index:10}#btn-home{width:36px;height:36px;border-radius:8px;border:2px solid rgba(0,43,80,.1);background:#fff;color:#002b50;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;flex-shrink:0}#btn-home:active{background:#f0f5fc}#header-game{display:flex;align-items:center;gap:8px;min-width:0;flex:1}#header-thumb{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}#header-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#002b50}#header-player{font-size:14px;font-weight:700;color:#009cff;flex-shrink:0;margin-left:auto}#mode-toggle{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:10;padding:8px 16px;border-radius:20px;border:2px solid rgba(0,43,80,.1);background:#fff;color:#002b50;box-shadow:0 2px 8px #002b500f;font-size:13px;font-weight:600;cursor:pointer;touch-action:none}#mode-toggle:active{background:#f0f5fc}#gamepad-mode{display:none;width:100%;flex:1;min-height:0;position:relative}.mode-gamepad #gamepad-mode{display:flex}#mouse-mode{display:none;width:100%;flex:1;min-height:0;flex-direction:column;align-items:stretch;padding:12px 16px 56px;gap:8px}.mode-mouse #mouse-mode{display:flex}.mouse-top{display:flex;flex-direction:column;flex:1;min-height:0;gap:4px}.mouse-mode-content{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.mouse-bottom{display:flex;flex:1}#mouse-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.mouse-visual{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.mouse-icon{color:#002b5026}.mouse-arrow{position:absolute;color:#002b501a}.mouse-arrow-left{left:0;animation:pulse-left 2s ease-in-out infinite}.mouse-arrow-right{right:0;animation:pulse-right 2s ease-in-out infinite}.mouse-arrow-up{top:0;animation:pulse-up 2s ease-in-out infinite}.mouse-arrow-down{bottom:0;animation:pulse-down 2s ease-in-out infinite}@keyframes pulse-left{0%,to{transform:translate(0);opacity:.2}50%{transform:translate(-6px);opacity:.5}}@keyframes pulse-right{0%,to{transform:translate(0);opacity:.2}50%{transform:translate(6px);opacity:.5}}@keyframes pulse-up{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(-6px);opacity:.5}}@keyframes pulse-down{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(6px);opacity:.5}}.mouse-hint{text-align:center;font-size:13px;color:#8d9bb5;flex-shrink:0}.mouse-btn{width:100%;border-radius:12px;border:2px solid;display:flex;align-items:center;justify-content:center;font-family:Torus,-apple-system,Segoe UI,sans-serif;font-weight:700;color:#002b50;cursor:pointer;touch-action:none;transition:transform .05s,background-color .05s;flex-shrink:0}#mouse-left{flex:1;font-size:15px;background:#e945600f;border-color:#e9456040;color:#e94560}#mouse-left.active{background:#e945602e;transform:scale(.97)}#mouse-recenter{height:44px;background:#009cff0f;border-color:#009cff33;font-size:13px;color:#009cff}#mouse-recenter.active{background:#009cff26;transform:scale(.97)}#joystick-zone{position:absolute;inset:0;touch-action:none}#buttons-zone{width:min(340px,50vmin);height:min(340px,50vmin);position:absolute;right:5vmin;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;touch-action:none;pointer-events:none}.gamepad-btn{pointer-events:auto;position:absolute;width:min(100px,14vmin);height:min(100px,14vmin);border-radius:50%;border:3px solid;background:#fff;display:flex;align-items:center;justify-content:center;font-size:min(26px,3.5vmin);font-weight:700;cursor:pointer;transition:transform .05s,background-color .05s}.gamepad-btn.active{transform:scale(.9)}#btn-a{left:50%;bottom:0;transform:translate(-50%);background:#fff;border-color:#4caf50;color:#4caf50}#btn-a.active{background:#4caf5033;transform:translate(-50%) scale(.9)}#btn-b{right:0;top:50%;transform:translateY(-50%);background:#fff;border-color:#f44336;color:#f44336}#btn-b.active{background:#f4433633;transform:translateY(-50%) scale(.9)}#btn-x{left:0;top:50%;transform:translateY(-50%);background:#fff;border-color:#2196f3;color:#2196f3}#btn-x.active{background:#2196f333;transform:translateY(-50%) scale(.9)}#btn-y{left:50%;top:0;transform:translate(-50%);background:#fff;border-color:#ffc107;color:#ffc107}#btn-y.active{background:#ffc10733;transform:translate(-50%) scale(.9)}#joystick-zone .front{background:#009cff!important}#joystick-zone .back{background:#009cff14!important;border:2px solid rgba(0,156,255,.15)!important}