*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#1a1a2e;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;position:fixed}#status-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}#status-screen .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#e94560;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#status-screen .status-text{font-size:18px;color:#fffc}#status-screen .error-text{color:#e94560}#status-screen .lobby-code{font-size:24px;font-weight:700;letter-spacing:4px;color:#e94560}#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:#0000004d;flex-shrink:0;gap:12px;z-index:10}#btn-home{width:36px;height:36px;border-radius:8px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;flex-shrink:0}#btn-home:active{background:#ffffff40}#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}#header-player{font-size:14px;font-weight:700;color:#e94560;flex-shrink:0;margin-left:auto}#mode-toggle{position:absolute;bottom:12px;right:12px;z-index:10;padding:8px 16px;border-radius:20px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:13px;font-weight:600;cursor:pointer;touch-action:none}#mode-toggle:active{background:#ffffff40}#gamepad-mode{display:none;width:100%;flex:1;min-height:0}.mode-gamepad #gamepad-mode{display:flex}#mouse-mode{display:none;width:100%;flex:1;min-height:0}.mode-mouse #mouse-mode{display:flex}#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:#ffffff4d}.mouse-arrow{position:absolute;color:#fff3}.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{margin-top:16px;font-size:14px;color:#fff6}#mouse-buttons{width:160px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;padding:20px 20px 180px}.mouse-btn{width:100%;border-radius:12px;border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;cursor:pointer;touch-action:none;transition:transform .05s,background-color .05s}#mouse-left{height:180px;background:#e945604d;border-color:#e94560}#mouse-left.active{background:#e94560b3;transform:scale(.95)}#mouse-recenter{height:40px;background:#6495ed33;border-color:#6495ed80;font-size:13px}#mouse-recenter.active{background:#6495ed80;transform:scale(.95)}#joystick-zone{flex:1;position:relative;touch-action:none}#joystick-ghost{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;pointer-events:none}.joystick-ghost-back{width:100%;height:100%;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.15)}.joystick-ghost-front{width:40px;height:40px;border-radius:50%;background:#ffffff26;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#buttons-zone{width:200px;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none}.gamepad-btn{position:absolute;width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer;transition:transform .05s,background-color .05s}.gamepad-btn.active{transform:scale(.9)}#btn-a{bottom:120px;right:70px;background:#4caf504d;border-color:#4caf50;color:#4caf50}#btn-a.active{background:#4caf50b3}#btn-b{bottom:180px;right:10px;background:#f443364d;border-color:#f44336;color:#f44336}#btn-b.active{background:#f44336b3}#btn-x{bottom:180px;right:130px;background:#2196f34d;border-color:#2196f3;color:#2196f3}#btn-x.active{background:#2196f3b3}#btn-y{bottom:240px;right:70px;background:#ffc1074d;border-color:#ffc107;color:#ffc107}#btn-y.active{background:#ffc107b3}