:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#151719;color:#eeefeb;font-synthesis:none;--muted:#aaa8b8;--border:#303039;--accent:#b6f36c}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:inherit}header{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));gap:20px}.brand{font-size:24px;color:var(--accent);font-weight:700;text-decoration:none;display:flex;gap:12px;align-items:center}.brand span{color:#efedf7;letter-spacing:-1px}main{max-width:1120px;padding:64px 24px 24px;margin:auto}.heading{margin-bottom:36px}.eyebrow,.step-label{font-size:11px;letter-spacing:1.8px;font-weight:650;color:var(--accent)}h1{font-size:46px;line-height:1.1;letter-spacing:-1.8px;margin:13px 0}h2{font-size:21px;margin:10px 0}h3{font-size:24px;letter-spacing:-.5px;margin:18px 0 10px}p{line-height:1.65;color:var(--muted);margin:8px 0 20px}.card{border:1px solid var(--border);background:#1c1e21;border-radius:16px;padding:28px}.login-card{max-width:650px}.login-card h2{margin-top:18px}.form-row{display:flex;gap:12px;align-items:stretch;margin-top:9px}label{display:block;font-size:13px;color:#d6d4e0;margin-top:22px}input,select,button{font:inherit}input,select{min-width:0;width:100%;border:1px solid #42414f;border-radius:8px;background:#111116;color:#f2efff;padding:12px;font-size:15px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,.button{background:var(--accent);color:#20152f;font-size:13px;font-weight:650;padding:13px 18px;min-height:44px;border:1px solid transparent;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}button:disabled{opacity:.5;cursor:wait}.secondary{background:#282730;color:#eeebf8;border-color:#45414f}.text-button{padding:12px 0;background:transparent;color:var(--accent);border:0;justify-content:start}.quiet-link{color:#c7b7ea;text-decoration:none;font-size:13px;line-height:1.5}.quiet-link:hover{text-decoration:underline}.fine-print{font-size:12px;line-height:1.65;margin-top:16px;color:#9693a6}.subtle{font-size:13px}.identity{display:flex;align-items:center;justify-content:space-between;gap:20px}.identity h2{overflow-wrap:anywhere}.identity p{margin:0}.section-heading{margin:42px 0 20px}.section-heading p{margin:4px 0}.engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.engine-card{padding:24px;display:flex;flex-direction:column;align-items:flex-start}.engine-card>p{font-size:14px}.engine-card>.fine-print{font-size:12px}.engine-card>.subtle{font-size:13px}.engine-card>label{margin-top:12px}.engine-card select{margin-top:8px}.card-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.engine-mark{height:42px;width:42px;background:#33303d;display:grid;place-items:center;border-radius:12px;font-size:22px;font-weight:750;color:#e8defb}.engine-mark.godot{background:#273d4e;color:#a5d7fc}.tag{font-size:9px;letter-spacing:.8px;font-weight:700;color:#c0b2d4;padding:7px 8px;border:1px solid #494052;border-radius:20px}.tag.green{color:#91d2b5;border-color:#335a49}.checkbox-label{display:flex;gap:10px;align-items:flex-start;line-height:1.6}.checkbox-label input{width:17px;min-width:17px;accent-color:var(--accent);margin:3px 0}.save-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0}.save-row p{margin:0}.workspace-note{border-top:1px solid var(--border);margin-top:42px;padding-top:32px;max-width:800px}.workspace-note h2{font-size:18px}.workspace-note p{font-size:14px}.notice{padding:14px 18px;border:1px solid #575063;border-radius:10px;background:#26212f;color:#e8dcfa;font-size:14px}.notice.error{background:#352329;border-color:#64414c;color:#ffced7}footer{margin-top:68px;padding-top:24px;border-top:1px solid var(--border);font-size:12px;color:#817e90}footer span{padding:0 8px}#code{letter-spacing:8px;font-size:20px}#code-form .subtle{margin-bottom:12px}
@media(max-width:850px){.engine-grid{grid-template-columns:1fr}.engine-card{padding:26px}.heading{margin-bottom:26px}main{padding-top:40px}.engine-card .button{width:auto}.card-top{max-width:320px}}@media(max-width:480px){header{padding:0 20px}main{padding:32px 18px 20px}h1{font-size:38px}.card{padding:22px}.form-row{flex-direction:column}.identity{align-items:flex-start;flex-direction:column}.save-row{align-items:flex-start;flex-direction:column}.save-row button{width:100%}.identity h2{font-size:18px}}

.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.provider-login{justify-content:flex-start;white-space:normal;text-align:left;position:relative;padding:14px 12px;gap:10px;min-height:62px}.provider-mark{display:grid;place-items:center;flex:none;min-width:30px;height:30px;border:1px solid #575063;border-radius:8px;font-size:12px;font-weight:750;color:#e8defb}.provider-login>span:nth-child(2){flex:1}.provider-unavailable{font-size:9px;letter-spacing:.2px;font-weight:500;color:#b7b1bf}.provider-login:disabled{cursor:not-allowed;opacity:.62}.login-divider{display:flex;align-items:center;gap:14px;margin:26px 0 20px;color:#a6a0b0;font-size:12px}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--border);flex:1}.provider-connections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.provider-connection{padding:22px;display:flex;flex-direction:column;align-items:flex-start}.provider-connection h3{font-size:19px;margin-top:20px}.provider-connection .subtle{overflow-wrap:anywhere;width:100%;flex:1}.provider-connection>button{max-width:100%;white-space:normal}.provider-connection button:disabled{cursor:not-allowed}.provider-connection .fine-print{margin-bottom:0}.provider-connection .card-top{gap:8px}.provider-connection .tag{font-size:8px;padding:6px}
@media(max-width:1000px){.provider-connections{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.provider-grid{grid-template-columns:1fr}}@media(max-width:480px){.provider-connections{grid-template-columns:1fr}.provider-connection{padding:22px}.provider-login{min-height:54px}}
.google-button{padding:0;background:transparent;border:0;gap:2px;flex-direction:column;justify-content:center}.google-button img{display:block;width:100%;max-width:260px;height:auto}.provider-connection .google-button{width:180px}.provider-connection .google-button img{max-width:180px}#connection-google .card-top{height:30px;justify-content:flex-end}
.room-access-list{display:grid;gap:18px}.room-access h3{margin:0}.room-access code,#account-id{overflow-wrap:anywhere}.room-members{margin-top:20px}.member-row{display:flex;gap:14px;align-items:center;border-top:1px solid var(--border);padding:14px 0}.member-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.member-row p{margin:4px 0 0}.member-row select{width:auto}.member-form{max-width:640px}.member-form button{margin-top:18px}.member-form input,.member-form select{margin-top:8px}@media(max-width:600px){.member-row{flex-wrap:wrap}.member-row>div{flex-basis:100%}.room-access .card-top{align-items:flex-start}.room-access h3{overflow-wrap:anywhere}}