html,body{margin:0;min-height:100%;background:#111923;color:#e5edf4;font:16px system-ui,sans-serif}#GameDiv{display:none}#project-login{box-sizing:border-box;max-width:440px;margin:5vh auto;padding:28px;background:#1a2836;border:1px solid #385064;border-radius:16px}h1{font-size:28px;margin:0 0 8px}p{line-height:1.6}label{display:block;margin:18px 0 10px}input,select,button{box-sizing:border-box;width:100%;padding:12px;margin-top:7px;border-radius:7px;border:1px solid #4b6578;background:#10202d;color:#edf5fc;font:inherit}button{cursor:pointer;background:#276c90}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:12px}.note{color:#a1b6c7;font-size:13px}#connection-status{color:#87d3ea;min-height:26px}#role-settings{border:1px solid #385064;border-radius:8px}#role-settings label{display:inline-flex;align-items:center;width:48%;gap:8px;margin:8px 0}input[type=checkbox]{width:auto;margin:0;accent-color:#87d3ea}#settings-status{font-size:13px;color:#87d3ea}@media(max-width:480px){#project-login{margin:14px;border-radius:10px;padding:20px}}

/* The Cocos page locks html/body scrolling; the login page needs its own scroll container. */
body:not(.game-running){overflow-x:hidden;overflow-y:auto;touch-action:pan-y}
body.game-running{overflow:hidden}body.game-running #GameDiv{display:block;position:fixed;inset:0}body.game-running #Cocos3dGameContainer{width:100%;height:100%}#project-login[hidden]{display:none}