:root{font-family:Verdana,Arial,sans-serif;color:#fff;background:#20364a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;overflow:hidden;background:#20364a}button,input{font:inherit}button{border:0}.hotel-shell{height:100vh;display:grid;grid-template-rows:56px minmax(0,1fr) 66px;background:#31546f}.hotel-header{z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:0 14px;background:linear-gradient(#5598c6,#32739e);border-bottom:3px solid #173d58;box-shadow:inset 0 1px #ffffff73,0 2px #00000047}.hotel-wordmark{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:900;text-shadow:0 2px #1a4b6b}.bubble-logo{display:grid;place-items:center;width:34px;height:34px;background:#efc247;border:3px solid #fff;border-radius:7px;color:#2b5f80;box-shadow:inset 0 -4px #00000021,0 2px #183f59}.header-actions{display:flex;gap:6px}.header-button{padding:8px 13px;border:2px solid #1b4b69;border-radius:7px;color:#fff;background:linear-gradient(#74b2d5,#4b87ad);font-weight:800;font-size:12px;box-shadow:inset 0 1px #ffffff73,0 2px #163a51;cursor:pointer}.header-button:hover{filter:brightness(1.08)}.header-right{display:flex;align-items:center;gap:9px;font-size:12px}.credits{padding:6px 9px;border:2px solid #1a4864;border-radius:7px;background:#11385294;font-weight:800}.coin{color:#ffd15b;text-shadow:0 1px #8d6812}.connection{padding:4px 7px;border-radius:5px;background:#9d5656;font-size:10px;font-weight:900}.connection.online{background:#4d9f4f}.game-stage{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.08),transparent 40%),linear-gradient(#436b86,#31546e)}.game-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px)}.room-scene{position:relative;z-index:1;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;image-rendering:pixelated;shape-rendering:crispEdges}.wall{stroke:#a17a42;stroke-width:3}.wall-left{filter:brightness(.96)}.wall-right{filter:brightness(1.04)}.wall-cap{fill:#cda764;stroke:#97733f;stroke-width:2}.wall-cap.right{filter:brightness(.92)}.skirting{fill:#7b6852;stroke:#594935;stroke-width:2}.window-frame{fill:#70502c;stroke:#4a321b;stroke-width:3}.window-sky{fill:#71b5db;stroke:#d8eef8;stroke-width:2}.window-bars{fill:none;stroke:#d8eef8;stroke-width:3}.door-frame{fill:#6d4a2c;stroke:#482f1c;stroke-width:3}.door-panel{fill:#8d6844;stroke:#c19a68;stroke-width:2}.door-inset{fill:none;stroke:#b78c5d;stroke-width:2}.door-knob{fill:#efcf4f;stroke:#8d6c16}.poster-frame{fill:#5b422a;stroke:#3f2d1c;stroke-width:2}.poster-art{fill:#5ea5cc}.poster-text{font-size:8px;font-weight:900;fill:#fff}.room-tile{stroke:#9f8a64;stroke-width:1.5;cursor:pointer}.tile-0{fill:#d2c093}.tile-1{fill:#c6b486}.room-tile:hover{fill:#e0d3aa}.sofa-seat{fill:#a84c51;stroke:#6b3033;stroke-width:2}.sofa-side{fill:#7a3538;stroke:#542527;stroke-width:2}.sofa-back{fill:#bc5e62;stroke:#6b3033;stroke-width:2}.sofa-cushion{fill:#d06e72;stroke:#7d3d41;stroke-width:2}.sofa-highlight{fill:#d67d80}.table-top{fill:#98704a;stroke:#5b402a;stroke-width:2}.table-leg{fill:#68472d}.table-leg-dark{fill:#4d3523}.pot-top{fill:#c87343;stroke:#744328;stroke-width:2}.pot-left{fill:#9f552f}.pot-right{fill:#bd6538}.leaf{stroke:#2f6835;stroke-width:2}.leaf-a{fill:#4f9954}.leaf-b{fill:#63ae66}.leaf-c{fill:#3e8546}.lamp-base{fill:#786c54;stroke:#4d4534;stroke-width:2}.lamp-pole{fill:#665c48}.lamp-shade{fill:#f5d970;stroke:#9b8230;stroke-width:2}.stool-top{fill:#6e91a4;stroke:#405d6b;stroke-width:2}.stool-leg{fill:#45606e}.rug-a{fill:#7bb5c8}.rug-b{fill:#e6b15b}.avatar{pointer-events:none;transition:transform .15s linear}.avatar-shadow{fill:#00000040}.skin{fill:#efbe94;stroke:#8e684d;stroke-width:1.5}.hair{fill:#5c3b29}.face{fill:#4e372b}.trousers{fill:#32495f}.shoes{fill:#202a33}.avatar-self .shirt{stroke:#fff;stroke-width:1.5}.avatar-nameplate rect{fill:#1a2a36;stroke:#e3eef4;stroke-width:1}.avatar-nameplate text{fill:#fff;font-size:9px;font-weight:800}.speech rect,.speech polygon{fill:#fff;stroke:#657885;stroke-width:1.5}.speech text{fill:#1f2b33;font-size:11px;font-weight:700}.room-plaque{position:absolute;z-index:6;left:12px;top:12px;display:flex;flex-direction:column;min-width:185px;padding:8px 10px;border:2px solid #173f5b;border-radius:6px;background:linear-gradient(#fbfbfb,#dce1e5);color:#293840;box-shadow:0 2px #0000003d}.room-plaque strong{font-size:13px}.room-plaque span{margin-top:2px;color:#70808a;font-size:10px}.window-panel{position:absolute;z-index:20;left:18px;top:58px;width:min(430px,calc(100% - 36px));border:3px solid #174966;border-radius:8px;background:#dce5eb;color:#26343d;box-shadow:0 7px 20px #00000059;overflow:hidden}.window-titlebar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#fff;background:linear-gradient(#5b9fc7,#3b7ca4);border-bottom:2px solid #1b5271;text-shadow:0 1px #214d68}.window-titlebar button{width:24px;height:24px;border:2px solid #fff;border-radius:50%;color:#fff;background:#d65f58;font-weight:900;cursor:pointer}.panel-body{min-height:245px;background:#e9eef2}.tabs{display:flex;gap:3px;padding:8px 8px 0}.tabs button,.catalogue-categories button{padding:7px 10px;border:1px solid #8fa3af;background:#c6d2d9;color:#35464f;font-size:11px;font-weight:700;cursor:pointer}.tabs button.active,.catalogue-categories button.active{background:#fff}.room-list{padding:8px}.room-row{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid #a9b7bf;border-bottom:0;background:#fff;text-align:left;cursor:pointer}.room-row:last-child{border-bottom:1px solid #a9b7bf}.room-row:hover{background:#f7fbfd}.room-icon{font-size:23px}.room-meta{display:flex;flex-direction:column}.room-meta b{font-size:12px}.room-meta small{color:#7a8992;font-size:10px}.user-count{min-width:30px;padding:4px 6px;border-radius:10px;background:#4f9d50;color:#fff;text-align:center;font-size:10px;font-weight:900}.navigator-footer{display:grid;grid-template-columns:1fr auto;gap:5px;padding:0 8px 8px}.navigator-footer input{min-width:0;padding:7px;border:1px solid #9aaab3;border-radius:4px}.navigator-footer button{padding:7px 10px;border-radius:4px;color:#fff;background:#4d86a7;font-weight:800}.catalogue{display:grid;grid-template-columns:110px 1fr}.catalogue-categories{display:flex;flex-direction:column;padding:8px;background:#ccd8df}.catalogue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:8px}.catalogue-item{min-height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #a9b7bf;border-radius:5px;background:#fff;color:#35434b;cursor:pointer}.catalogue-icon{font-size:30px}.catalogue-item b{font-size:11px}.catalogue-item small{color:#8b6b19;font-size:10px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#586871}.big-icon{font-size:42px}.friends-list{padding:8px}.friend-row{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #bbc7cd;background:#fff}.friend-avatar{font-size:26px}.friend-row span:nth-child(2){display:flex;flex-direction:column}.friend-row small{color:#7c8b94;font-size:10px}.friend-online{width:10px;height:10px;border-radius:50%;background:#54a655}.room-info{padding:15px}.room-info h3{margin:0 0 5px}.room-info p{margin:0 0 15px;color:#687880;font-size:12px}.room-info-stat{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #bcc8cf;font-size:11px}.hotel-dock{z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 12px;background:linear-gradient(#316b91,#245474);border-top:3px solid #123c56;box-shadow:inset 0 1px #ffffff40}.dock-left,.dock-right{display:flex;gap:6px}.round-button{width:42px;height:42px;border:2px solid #173f5a;border-radius:50%;background:linear-gradient(#6cadd2,#3e7fa7);box-shadow:inset 0 1px #ffffff7a,0 2px #113249;color:#fff;font-size:17px;font-weight:900;cursor:pointer}.round-button:hover{filter:brightness(1.08)}.avatar-face{background:linear-gradient(#f2cf69,#d3a437)}.chat-box{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:6px}.chat-box input{min-width:0;height:42px;padding:0 14px;border:2px solid #173f5a;border-radius:22px;outline:none;background:#fff;color:#29363d;box-shadow:inset 0 2px 2px #0000001f}.chat-box input:focus{border-color:#e5bf48}.chat-box button{height:42px;border:2px solid #8d6e1c;border-radius:8px;background:linear-gradient(#f5d55b,#d8aa30);color:#493708;font-weight:900;box-shadow:inset 0 1px #ffffff80,0 2px #725718;cursor:pointer}.chat-box button:disabled{opacity:.55;cursor:default}@media(max-width:760px){.hotel-header{grid-template-columns:auto 1fr}.header-actions{display:none}.header-right{justify-self:end}.credits{display:none}.room-scene{transform:scale(1.12);transform-origin:center 42%}.hotel-dock{grid-template-columns:auto minmax(0,1fr) auto}.dock-left .round-button:nth-child(n+2){display:none}.dock-right .round-button:last-child{display:none}.window-panel{left:8px;top:48px;width:calc(100% - 16px)}}