#login.portal{background:radial-gradient(ellipse at top,#d8eaff,#afc8e8);min-height:100dvh}.portalHeader{background:transparent!important;border:0!important;height:88px;padding:18px 3%!important}.portalBrand{color:#102d50!important;flex-wrap:wrap;position:relative;padding-bottom:18px}.portalBrand small{position:absolute;left:49px;bottom:0;font-size:13px;font-weight:400;white-space:nowrap}.portalAccess{background:#092d57!important;color:white!important}.virtualViewport{height:calc(100dvh - 88px);overflow:auto;padding:20px 3% 45px;display:flex;align-items:center;perspective:1500px}.virtualBuilding{position:relative;flex:none;width:100%;height:min(70vw,720px);min-height:510px;background:repeating-linear-gradient(0deg,transparent 0 48px,#ced5dd55 49px 50px),repeating-linear-gradient(90deg,#eeeae4 0 48px,#d5d8de 49px 50px);border:12px solid #e5e8ef;border-bottom:20px solid #c2cbd8;box-shadow:0 35px 50px #37587844;transform:rotateX(18deg);border-radius:10px}.vRoom{position:absolute;background:linear-gradient(#f5eee3,#f8f7f2);border:4px solid #d5dce6;border-top:9px solid #f8fafc;border-bottom:8px solid #91bbcd88;box-shadow:inset 0 9px 15px #f2cf8d55,0 5px 8px #23466522}.roomSign{display:block;text-align:center;position:relative;margin:6px auto;background:#fffaf2;width:94%;border-radius:12px;padding:7px 2px;color:#17304d;font:600 clamp(10px,1.1vw,17px) Arial;text-decoration:none;box-shadow:0 2px 12px #e9caa566;border-left:5px solid var(--accent);z-index:3}.roomSign small{display:block;font:400 clamp(8px,.8vw,12px) Arial;margin-top:4px}a.roomSign{outline:2px solid var(--accent);transition:transform .2s}a.roomSign:hover,a.roomSign:focus-visible{transform:translateY(-3px);box-shadow:0 5px 20px #218ebd55}.desk{position:absolute;width:37%;height:29%;left:9%;top:58%;background:#fff;border-bottom:9px solid #d0d6df;box-shadow:4px 7px 5px #263d4920}.desk.second{left:54%}.monitor{position:absolute;width:48%;height:50%;background:linear-gradient(135deg,#318fce,#a4def4);border:4px solid #27394c;left:23%;top:-20%;transform:skewY(-5deg)}.keyboard{position:absolute;left:28%;top:55%;width:40%;height:10%;background:#b0bac6}.plant{position:absolute;bottom:4%;left:1%;font-size:35px;color:#57904a;text-shadow:3px 3px #2b7138}.plant.other{left:auto;right:1%;top:30%}.sofa{position:absolute;background:#72839b;width:36%;height:40%;right:5%;bottom:4%;border:6px solid #9caac0;border-radius:14px;color:white;text-align:center}.reception{position:absolute;left:38%;top:37%;width:27%;height:18%;background:repeating-linear-gradient(90deg,#c29357 0 4px,#e3b77a 4px 8px);border-radius:8px 8px 30px 30px;border-top:20px solid #fff9ec;box-shadow:0 5px 15px #92633855;display:grid;place-content:center;text-align:center;color:white;font:700 22px Arial}.reception span{font-size:12px;font-weight:400;margin-top:5px}.waiting{position:absolute;left:40%;top:58%;width:23%;display:flex;justify-content:space-between;align-items:center}.waiting i{width:25%;height:35px;background:#b6b4b7;border:6px solid #d4d2d5;border-radius:9px}.waiting b{font-size:40px;color:#bd9d76}.vPerson{position:absolute;width:24px;height:39px;z-index:5;transform:translate(-50%,-50%);pointer-events:none}.head{position:absolute;width:12px;height:13px;background:#d7a179;border-top:4px solid #332c30;border-radius:50%;left:6px;top:0}.torso{position:absolute;width:19px;height:19px;background:var(--shirt);border-radius:6px;top:12px;left:3px;box-shadow:2px 4px 4px #0002}.leg{position:absolute;width:6px;height:13px;background:#293950;top:28px;left:5px;border-radius:3px}.leg.r{left:14px}.vPerson span{position:absolute;top:43px;left:50%;transform:translateX(-50%);font:10px Arial;color:#18314c;background:#fffffff0;padding:2px 4px;border-radius:4px;white-space:nowrap}.walking .leg{animation:stride .55s infinite alternate}.walking .r{animation-delay:-.55s}.working .torso{animation:typing 2s infinite}.sleeping{transform:translate(-50%,-50%) rotate(85deg)}.sleeping:after{content:'z z';position:absolute;top:-15px;color:#42688d;font:15px Arial;animation:typing 3s infinite}@keyframes stride{to{transform:rotate(28deg)}}@keyframes typing{50%{transform:translateY(2px)}}@media(max-width:700px){.virtualViewport{align-items:flex-start;padding:18px 12px}.virtualBuilding{width:980px;height:680px;min-height:0;transform:none}.portalHeader{height:82px}.portalBrand{font-size:18px!important}.portalBrand small{font-size:10px}.portalAccess{font-size:11px!important;padding:10px!important}.roomSign{font-size:14px}.roomSign small{font-size:10px}}@media(prefers-reduced-motion:reduce){.vPerson *{animation:none!important}}