*{box-sizing:border-box}body{margin:0;background:#0e1423;color:#ecf0f9;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#233552 0%,transparent 40%),#0e1423;padding:24px}.auth-card{width:min(100%,410px);background:#182237;border:1px solid #33405a;padding:38px;border-radius:22px;box-shadow:0 25px 100px #0006;text-align:center}.brand-mark{display:inline-grid;place-items:center;width:54px;height:54px;background:#a8b7ff;color:#151c31;border-radius:15px;font-size:32px;font-weight:800}.brand-mark.small{height:33px;width:33px;border-radius:9px;font-size:21px}.auth-card h1{font-size:28px;margin:15px 0 4px}.auth-card p{color:#a7b2cb;font-size:14px}.auth-card form{display:grid;text-align:left;gap:18px;margin-top:26px}.auth-card label{font-size:12px;color:#c6cce0;font-weight:700}.auth-card input{display:block;width:100%;border:1px solid #3c4b68;color:white;background:#111a2c;padding:14px;border-radius:10px;margin-top:8px;outline:none}.auth-card input:focus{border-color:#a8b7ff}.primary{background:#a8b7ff;color:#11192c;border:0;border-radius:10px;padding:13px 18px;font-weight:800}.text-button{background:none;color:#b8c5ff;border:0;margin-top:13px;font-size:13px}.auth-error{min-height:18px;color:#ffb5a5!important}.app{min-height:100vh;display:flex;flex-direction:column}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #29354c;background:#121b2e;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:18px}.brand small{display:block;font-size:9px;color:#8d9bb8;letter-spacing:2px;margin-top:3px}.header-center{font-size:13px;color:#c1cbe0}.header-center #count{background:#283650;padding:5px 9px;border-radius:40px;margin-left:10px;font-size:11px}.dot{display:inline-block;background:#58d49c;width:8px;height:8px;border-radius:50%;margin-right:7px}.account{display:flex;align-items:center;gap:12px;font-size:13px}.account select,.ghost{background:#222d44;border:1px solid #36445f;color:#d8e1f7;border-radius:9px;padding:9px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;flex:1;min-height:0}.workspace{padding:28px;min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.workspace-heading h2{font-size:27px;margin:7px 0 4px;letter-spacing:-.7px}.workspace-heading h2 span{color:#b9a7fb}.workspace-heading p{color:#93a1bb;font-size:13px;margin:0}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#92a5d0;font-weight:900}.hint{font-size:11px;color:#cbd7eb;border:1px solid #364761;border-radius:30px;padding:8px 12px;background:#202d43}.map-shell{position:relative;background:#1a2840;border:1px solid #415371;border-radius:17px;padding:12px;overflow:hidden;box-shadow:0 20px 45px #060d1c55}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;border-radius:9px}.room-label{position:absolute;bottom:26px;left:26px;background:#102039d9;padding:9px 12px;border:1px solid #506888;border-radius:8px;font-size:12px;font-weight:750}.bottom-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#93a2b9;font-size:12px;margin-top:16px}.sidebar{border-left:1px solid #29354c;background:#141e30;display:flex;flex-direction:column;min-height:calc(100vh - 70px)}.side-title{display:flex;align-items:center;justify-content:space-between;padding:24px 18px 15px}.sidebar h3{font-size:16px;margin:5px 0 0}.sidebar h3 span{color:#a5b5ff;font-size:13px}.outline{border:1px solid #6f84ab;background:#293a57;color:#dfebff;padding:8px 10px;border-radius:8px;font-size:12px}.people{padding:0 14px 14px;max-height:30vh;overflow-y:auto;min-height:95px}.person{display:flex;align-items:center;gap:11px;padding:9px 7px;color:#dce7f7;font-size:12px}.avatar-dot{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#132037;font-weight:800}.person small{display:block;color:#879bb8;font-size:10px;margin-top:3px}.chat-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;border-top:1px solid #334158}.chat-log{flex:1;min-height:210px;overflow-y:auto;padding:0 18px 15px}.msg{margin:12px 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.msg-head{font-weight:800;color:#d5dffa}.msg-time{font-weight:400;color:#7b8da9;font-size:10px;margin-left:8px}.msg-body{color:#aebdd7;margin-top:2px;white-space:pre-wrap}.msg-body a{color:#bdc7ff}.chat-form{display:flex;gap:8px;padding:14px;border-top:1px solid #344159}.chat-form input{flex:1;min-width:0;background:#1c2a42;color:white;border:1px solid #3d5070;border-radius:9px;padding:12px 11px;font-size:12px;outline:none}.send{background:#a8b7ff;color:#1e2840;border:0;border-radius:9px;width:39px;font-size:15px}dialog{background:#1b2940;color:#f4f6ff;border:1px solid #7182ac;border-radius:15px;width:min(90vw,410px);padding:26px}dialog::backdrop{background:#070b17b9}dialog p{color:#aebdd7;font-size:13px;line-height:1.6}.invite-code{font-weight:bold;letter-spacing:2px;word-break:break-all;padding:18px 0}dialog .ghost{margin-left:10px}@media(max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{min-height:480px;border-left:0;border-top:1px solid #29354c}.people{max-height:150px}.workspace{padding:18px}.hint{display:none}header{padding:0 12px}.header-center{display:none}}@media(max-width:530px){#myname{display:none}.workspace-heading h2{font-size:21px}.account{gap:5px}.bottom-bar{font-size:10px}}