.room-heading p{margin:5px 0;font:11px/1.4 Arial}.room-social-actions{display:flex;gap:6px;margin-top:7px}.room-social-actions button{font:11px Arial;padding:4px 7px}.ae-saved-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:12px}.ae-saved-look{display:flex;align-items:center;flex-direction:column;gap:4px;background:#d5d5ca;border:1px solid #a9a99d;border-radius:4px;padding:6px 2px}.ae-saved-look canvas{image-rendering:pixelated;width:40px;height:69px}.ae-saved-look button{font:10px Arial;padding:4px}.ae-saved-look small{font:10px Arial}.avatar-editor .ae-left{overflow-y:auto}
.rank-card{display:flex;flex-wrap:wrap;gap:8px;background:#deded3;border:1px solid #aaa;padding:12px;margin-bottom:12px}.rank-card h3{width:100%}.rank-card label{display:flex;align-items:center;gap:4px;flex-basis:45%}.rank-card input[type=checkbox]{width:16px;height:16px;margin:0}.rank-card>input{width:100%;padding:6px}.rank-user{display:flex;align-items:end;gap:8px;margin:10px 0}.rank-user label{display:flex;flex:1;flex-direction:column;gap:4px}.admin-panel[data-admin-panel=messages] label{display:flex;flex-direction:column;gap:8px;margin:12px 0}.admin-panel[data-admin-panel=messages] textarea{resize:vertical;min-height:80px}.admin-panel[data-admin-panel=messages] button{margin:4px}
.hotel-home{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center;background:radial-gradient(ellipse at center,#375564,#192b35);color:#e4edf1}.hotel-home h1{font:bold 32px Arial;margin:15px 0}.hotel-home p{font:14px/1.6 Arial;max-width:520px}.hotel-home small{font:12px/1.6 Arial;max-width:450px;margin-top:24px;color:#b3c5ce}.hotel-home button{margin:5px;padding:10px 16px}.home-hotel-art{width:80px;height:80px;background:#e4bf4d;border:4px solid #3e3213;box-shadow:inset 0 0 0 4px #fff6,5px 5px #10202a;font:bold 66px Arial;color:#4b3810}.home-mode #room,.home-mode .room-heading,.home-mode #room-settings-button,.home-mode #chat,.home-mode #stand-up,.home-mode .infostand,.home-mode #placement,.home-mode #room-travel,.home-mode #avatar-menu{display:none!important}.room-home{margin-left:auto;white-space:nowrap}.navigator-room{align-items:center;gap:5px}.navigator-room .room-card{flex:1;min-width:0}.rl-box #entry-password{display:flex;flex-direction:column;gap:10px}.rl-box #entry-password label{display:flex;flex-direction:column;gap:7px}.rl-box input{padding:10px;border:1px solid #111;border-radius:4px;background:#fff;color:#222}.rl-box button{padding:8px 14px}.create-tabs{margin-bottom:16px}#create-room [data-create-panel=access] select{width:100%;padding:9px;margin-top:6px}#create-room .toggle-row input{flex:0 0 18px;width:18px;height:18px;padding:0;margin:0}
.room-social-actions{pointer-events:auto;flex-wrap:wrap}.room-social-actions button{color:#222;background:#e3e3d7;border:1px solid #111;border-radius:3px;box-shadow:inset 0 1px #fff}.room-social-actions button:disabled{color:#777;background:#c4c9c8}.hotel-home button,.rl-box .hotel-button{color:#222}.hotel-home .hotel-green,.rl-box .hotel-green{color:#fff}
/* Home icon (grey = off, coloured = this is my home), leave dock icon, start page buttons */
.home-icon{width:28px;height:28px;padding:0;border:0;border-radius:4px;background:transparent url('/assets/ui/home.svg') center/22px 22px no-repeat;image-rendering:pixelated;cursor:pointer;filter:grayscale(1) opacity(.5);transition:filter .15s}
.home-icon:hover,.home-icon:focus-visible{filter:grayscale(.4) opacity(.85)}.home-icon.active{filter:none}.home-icon:focus-visible{outline:2px solid #f4cb53}
.room-heading{position:absolute}.room-heading .home-icon.corner{position:absolute;top:5px;right:6px;pointer-events:auto}
.room-heading{padding-right:40px}
.room-card-home,.room-home.home-icon{margin-left:auto;flex:none}
button.dock-hotel{padding:0;border:0;cursor:pointer;background-color:transparent}button.dock-hotel:hover:not(:disabled),button.dock-hotel:focus-visible{filter:brightness(1.25)}button.dock-hotel:disabled{cursor:default;opacity:.45;filter:grayscale(.6)}
.hotel-home .hotel-green,.hotel-home .hotel-button{height:auto;min-height:36px;min-width:150px;padding:8px 18px;line-height:1.25;font:bold 14px Arial;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.hotel-home .hotel-green{background:linear-gradient(#19b900 0,#19b900 50%,#079600 50%);border:2px solid #123b04;border-radius:4px;box-shadow:inset 0 1px #7bd758;color:#fff;text-shadow:0 1px #0a4a00}
/* Ranks, server and message pages scroll instead of being cut off */
.admin-panel[data-admin-panel=ranks],.admin-panel[data-admin-panel=server],.admin-panel[data-admin-panel=messages]{overflow-y:auto;overflow-x:hidden}
.admin-panel[data-admin-panel=ranks]>*{flex:none}
/* Original Habbo icons from the web sprite sheet (shown at half size) */
.hs,.home-icon{background-image:url('/assets/ui/habbo-web-sprite.png');background-size:660px 654px;background-repeat:no-repeat;image-rendering:pixelated}
.home-icon{width:20px;height:19px;padding:0;border:0;border-radius:0;background-color:transparent;background-position:-503px -544px;filter:none;opacity:1;cursor:pointer}
.home-icon:hover,.home-icon:focus-visible{filter:brightness(1.15);opacity:1}
.home-icon.active{background-position:-526px -544px;filter:none}
.room-heading .home-icon.corner{top:8px;right:9px}
.hs-person{display:inline-block;width:18px;height:20px;background-position:-565.5px -415px}
.occ-empty .hs-person{background-position:-584.5px -415px}
.occ-some .hs-person{filter:hue-rotate(-78deg)}.occ-busy .hs-person{filter:hue-rotate(200deg) saturate(1.6)}.occ-full .hs-person{filter:hue-rotate(157deg) saturate(1.4)}
.occupancy{display:flex;align-items:center;gap:3px;min-width:38px;padding-left:8px;font:bold 12px Arial;color:#2f6f9a;flex:none}.occ-empty{color:#888}.occ-some{color:#2f8a3c}.occ-busy{color:#b8860b}.occ-full{color:#c0392b}
.room-access-icon{width:18px;height:18px;flex:none;image-rendering:pixelated;margin-right:2px}
.navigator-room{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.navigator-room .room-card{flex:1 1 0;min-width:0;border-radius:3px!important}
.navigator-room .room-rename{flex-basis:100%}
.navigator-room .room-home{margin:0 8px 0 0}
.occ-empty .hs-person{filter:brightness(.7)}
.command-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.command-row{display:flex;gap:12px;align-items:baseline;padding:7px 10px;background:#deded3;border:1px solid #aaa;border-radius:3px}.command-row code{flex:0 0 220px;font:bold 12px Consolas,monospace;color:#7d1a14}.command-row span{font:12px Arial}.command-row.locked{opacity:.45}
.command-run{display:flex;gap:6px;margin-top:8px}.command-run input{flex:1;padding:6px}
.navigator-room .room-card:disabled{cursor:default}
.official-list{display:flex;flex-direction:column;gap:4px;margin:8px 0}.official-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#deded3;border:1px solid #aaa;border-radius:3px}.official-row small{margin-left:auto;color:#555}
.admin-panel[data-admin-panel=official],.admin-panel[data-admin-panel=commands]{overflow-y:auto}.admin-panel[data-admin-panel=official]>*{flex:none}
/* Native Habbo client PNGs: no web-sprite offsets, stretched icons or fractional crops. */
.home-icon{width:32px;height:32px;min-width:32px;background-image:url('/assets/ui/room-home.png');background-size:30px 30px;background-position:center;background-color:transparent;image-rendering:pixelated;border:1px solid transparent;box-sizing:border-box}
.home-icon.active{background-image:url('/assets/ui/room-home.png');background-position:center;background-color:#fff0ae;border-color:#b79329;border-radius:3px}.home-icon:hover{background-color:#cce7ed}.room-heading .home-icon.corner{top:8px;right:8px}.room-heading{padding-right:51px}
.hs-person,.occ-empty .hs-person{background-image:url('/assets/ui/room-user.png');background-size:18px 19px;background-position:center;width:18px;height:19px;image-rendering:pixelated}
.room-access-icon{width:28px;height:32px;object-fit:contain;image-rendering:pixelated;margin-right:4px}
#praise-room{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:29px}#praise-room::before{content:'';display:block;width:20px;height:22px;background:url('/assets/ui/room-like.png') center/20px 22px no-repeat;image-rendering:pixelated}#praise-room:disabled{opacity:.7;cursor:default}

.account-settings{position:relative;margin-left:8px}.account-settings summary{list-style:none;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border:2px solid #15232b;border-radius:5px;background:linear-gradient(#749bad 50%,#54798c 50%);box-shadow:inset 0 1px #bad5df}.account-settings summary::-webkit-details-marker{display:none}.account-settings summary img{width:26px;height:26px;object-fit:contain;image-rendering:pixelated}.account-settings-menu{position:absolute;right:0;top:44px;z-index:1000;min-width:190px;padding:7px;display:grid;gap:6px;background:#e9e8df;border:2px solid #17252c;border-radius:5px;box-shadow:3px 3px #0006}.account-settings-menu button{text-align:left;white-space:nowrap}.account-settings-menu button span{display:inline-block;width:22px}.home-icon,.home-icon.active{background-image:url('/assets/ui/spawn-home.png');background-size:contain;background-position:center}

.hotel-home{padding:0;overflow:hidden;background:#08141e;justify-content:flex-end;align-items:flex-end}.hotel-home #hotel-view-background{position:absolute;inset:0;image-rendering:pixelated;pointer-events:none}.hotel-welcome{position:relative;margin:24px;max-width:min(420px,calc(100% - 32px));padding:14px 20px 18px;border:2px solid #172c39;border-radius:6px;background:#eef4e9ed;color:#243843;box-shadow:inset 0 1px #fff,3px 3px #0005}.hotel-welcome h1{font-size:26px;margin:4px 0}.hotel-welcome p{margin:8px 0}.hotel-view-admin{padding:12px}.hotel-view-admin form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.hotel-view-admin label{display:grid;gap:8px}.hotel-view-admin input{max-width:100%}.hotel-view-admin [role=status]{min-height:18px}.hotel-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}.hotel-view-card{padding:8px;background:#e4e5dc;border:2px solid #a6aaa4;border-radius:4px;display:grid;gap:8px;min-width:0}.hotel-view-card.active{border-color:#40852c;background:#e1efd4}.hotel-view-card img{width:100%;height:110px;object-fit:cover;background:#15242c;image-rendering:pixelated}.hotel-view-card strong{overflow-wrap:anywhere;font-size:12px}.hotel-view-card button{width:100%}

.hotel-welcome{margin-bottom:90px;max-height:calc(100% - 110px);overflow:auto}

.account-settings-menu{color:#24323a}.account-settings-menu button{color:#24323a;text-shadow:none}

.account-settings-menu{padding:8px;background:#e9e9df;border:2px solid #111;box-shadow:inset 0 0 0 1px #fff,2px 3px #0006;min-width:250px;border-radius:5px}.account-settings-menu .hotel-button{height:32px;padding:5px 10px;border:2px solid #333;border-radius:3px;background:linear-gradient(#fff 0 2px,#eee 2px 50%,#d5d5ca 50%);box-shadow:inset 1px 0 #fff,inset -1px -1px #aaa;font:bold 12px Arial;color:#222;text-shadow:0 1px #fff}.account-settings-menu .hotel-button:hover{background:linear-gradient(#fff 50%,#e7e7d9 50%)}.account-settings-menu .hotel-button:active{box-shadow:inset 1px 1px #777;transform:translateY(1px)}.account-focus-option{display:flex;align-items:center;gap:7px;padding:7px 3px;font:12px/1.4 Arial;color:#222}.account-focus-option input{accent-color:#44839c}

.dance-choice{display:grid;gap:5px;padding:7px;font:12px Arial}.dance-choice select{width:100%;padding:5px;background:#fff;color:#222;border:1px solid #555}
/* The hotel start page has no room, so no chat history either. */
.home-mode .chat-history{display:none!important}
/* Sound settings in the account menu: on/off plus a volume bar per group. */
.account-sounds{margin:0;padding:6px 8px 8px;border:1px solid #b3b2a8;border-radius:4px;display:grid;gap:8px}.account-sounds legend{font:bold 11px Arial;padding:0 4px;color:#24323a}
.account-sound{display:grid;gap:3px;font:12px Arial;color:#24323a}.account-sound span{display:flex;align-items:center;gap:6px}.account-sound input[type=range]{width:100%;margin:0;accent-color:#62784a}.account-sound input[type=range]:disabled{opacity:.45}
.hotel-view-card .hotel-view-delete{background:linear-gradient(#f7d2cc,#e09d92)}
.hotel-view-card .hotel-view-preview{width:100%;height:110px;image-rendering:pixelated;border:1px solid #333}
.hotel-view-style{font-size:12px}.hotel-view-style summary{cursor:pointer;font-weight:bold}.hotel-view-style label{display:grid;gap:2px;margin-top:6px}.hotel-view-style select,.hotel-view-style input[type=color]{width:100%}.hotel-view-style input[type=range]{width:100%;accent-color:#62784a}.hotel-view-style output{color:#555}