*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#e6eef1;font-family:Arial,Helvetica,sans-serif;color:#303f4a}canvas{display:block;touch-action:none}header{position:absolute;top:32px;left:38px;right:38px;display:flex;justify-content:space-between;pointer-events:none}.brand{display:flex;gap:16px;align-items:center}.mark{background:white;border-radius:17px;width:57px;height:57px;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:800;letter-spacing:-3px;box-shadow:0 4px 24px #5368790a}.mark span{color:#ffae40;letter-spacing:0}h1{font-size:23px;letter-spacing:-.8px;margin:0 0 5px}p{margin:0;color:#667780;font-size:14px}.location{display:flex;gap:12px;align-items:center;background:#ffffffd9;padding:12px 18px;border-radius:16px;font-size:14px;font-weight:600}.location small{display:block;font-weight:400;color:#71818a;margin-top:5px;font-size:12px}.sun{color:#ecaa39;font-size:30px}footer{position:absolute;bottom:28px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.hint{display:flex;align-items:center;gap:14px;padding:15px 20px;background:#ffffffed;border:1px solid #ffffff;border-radius:18px;box-shadow:0 8px 30px #233d4710}.hint strong{font-size:14px;display:block;margin-bottom:6px}.hint div>span{font-size:13px;color:#7b8992}.mouse{font-size:25px;color:#76939d}.tools{pointer-events:auto;display:flex;background:white;border-radius:16px;padding:7px;align-items:center;box-shadow:0 8px 30px #233d4710}.tools span{height:22px;width:1px;background:#e7ecef;margin:0 5px}button{border:0;background:transparent;color:#526a76;font-size:26px;width:42px;height:40px;cursor:pointer;border-radius:10px}button:hover{background:#edf5f7}button:focus-visible{outline:2px solid #258ba8}#you{position:absolute;pointer-events:none;background:#fff;color:#327f9e;padding:5px 10px;border-radius:9px;font-size:11px;font-weight:800;letter-spacing:1px;transform:translate(-50%,-100%);box-shadow:0 2px 8px #0001}#error{position:absolute;top:40%;left:10%;right:10%;background:white;padding:30px;border-radius:20px;text-align:center}@media(max-width:600px){header{top:18px;left:18px;right:18px}.location{display:none}footer{left:14px;right:14px;bottom:16px}.hint{padding:12px;gap:8px}.hint strong{font-size:12px}.hint div>span{font-size:11px}.tools button{width:32px}.brand p{font-size:12px}}

#portal-dialog{border:1px solid #fff;border-radius:24px;padding:30px;width:min(420px,calc(100vw - 36px));color:#303f4a;background:#f8fcfd;box-shadow:0 22px 90px #193b4940;text-align:center}#portal-dialog::backdrop{background:#20374565;backdrop-filter:blur(3px)}.portal-icon{font-size:38px;color:#379fc0;margin-bottom:12px}#portal-question{font-size:23px;line-height:1.35;letter-spacing:-.5px;margin:0 0 25px}.portal-actions{display:flex;gap:12px}.portal-actions button,.portal-actions a{font-family:inherit;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:1;width:auto;height:46px;border-radius:12px;text-decoration:none;cursor:pointer}.portal-actions button{background:#e8eff2;color:#526a76}.portal-actions a{background:#328eac;color:white}.portal-actions a:hover{background:#277791}.portal-actions a:focus-visible{outline:3px solid #244f64;outline-offset:3px}

.social-dialog{border:1px solid white;border-radius:24px;padding:26px;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;color:#303f4a;background:#f8fcfd;box-shadow:0 22px 90px #193b4940}.social-dialog::backdrop{background:#20374565;backdrop-filter:blur(3px)}.social-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;color:#328eac}.social-dialog h2{font-size:24px;margin:7px 0 10px}.social-dialog p{font-size:14px;line-height:1.6}.social-actions{display:grid;gap:10px;margin-top:24px}.social-actions button{width:100%;height:auto;min-height:48px;font-size:16px;font-weight:600;background:#e8eff2}.social-actions #open-chat{background:#328eac;color:white}.social-actions #block-user{color:#a34151}.social-dialog button:disabled{opacity:.45;cursor:not-allowed}.close-dialog{flex-shrink:0;align-self:flex-start}.chat-dialog{width:min(470px,calc(100vw - 28px))}.chat-empty{text-align:center;padding:35px 10px}.chat-empty>span{font-size:40px;color:#328eac}.chat-empty h3{font-size:18px}.chat-compose{display:flex;gap:8px}.chat-compose input{min-width:0;flex:1;padding:13px;border:1px solid #d7e3e8;border-radius:10px;font:inherit;font-size:14px;background:#edf3f5}.chat-compose button{font-size:14px;width:60px;background:#328eac;color:white}.social-dialog #chat-back{font-size:14px;width:auto;padding:0 12px;margin-top:14px}@media(max-width:600px){.hint div>span{display:block;max-width:175px;line-height:1.5}.social-dialog{padding:20px}}

#portal-description{font-size:16px;line-height:1.6;color:#60727d;margin:-10px 0 24px}#portal-dialog{max-height:calc(100dvh - 28px);overflow:auto}