/* Hub content uses the same controls and typography as every Palace room. */
.hub-directory{color-scheme:dark;color:#edf5fa;background:#172b35;border:1px solid #536f7b;border-radius:14px;width:min(760px,calc(100% - 28px));padding:24px;box-shadow:0 20px 80px #0008;max-height:calc(100dvh - 40px);overflow:auto;font:inherit}
.hub-directory::backdrop{background:#060f1c99}.hub-directory .closet-eyebrow{color:#a5d2bd}.hub-directory h2{font-size:22px;font-weight:500;letter-spacing:-.3px;margin:0}.hub-directory .character-heading>button{background:none;color:inherit;border:0;width:32px;height:32px;font-size:24px;flex:0 0 32px}
.hub-directory>p{font-size:12px;color:#b3c6d1;margin:12px 0 22px;line-height:1.6}.hub-filters{display:grid;grid-template-columns:1fr 200px;gap:12px}.hub-filters label{font-size:11px;color:#b3c6d1;display:flex;flex-direction:column;gap:7px}.hub-filters input,.hub-filters select{border:1px solid #536f7b;background:#10212a;color:inherit;border-radius:7px;padding:12px;font:inherit;font-size:12px;width:100%}.hub-filters input:focus,.hub-filters select:focus{outline:2px solid #b3dfd4;outline-offset:2px}
#hub-directory-status{margin:20px 0 12px;font-size:11px;color:#b3c6d1}.hub-room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:400px;overflow:auto;padding:2px}.hub-room-card{display:flex;gap:12px;align-items:center;min-width:0;padding:13px;border:1px solid #536f7b;border-radius:9px;background:#203d48;color:#edf5fa;text-decoration:none}.hub-room-card:hover{border-color:#a7d4c6;background:#28494a}.hub-room-card:focus-visible{outline:2px solid #b3dfd4;outline-offset:2px}.hub-room-card>span:last-child{color:#a5d2bd;margin-left:auto}
.hub-room-art{display:grid;place-items:center;flex:0 0 42px;height:48px;border-radius:7px;background:#315b55;border:1px solid #739f93;color:#b9e7d9;font-size:25px}.hub-room-info{display:flex;flex-direction:column;gap:5px;min-width:0}.hub-room-info strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-room-info small{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b3c6d1}.hub-room-info .hub-room-visitors{font-size:9px;color:#94adb7}
.hub-directory-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #536f7b77;margin-top:22px;padding-top:18px;font-size:11px}.hub-directory-footer a,.hub-empty a{color:#b9e7d9;text-decoration:none}.hub-directory-footer button{color:inherit;background:#28454f;border:1px solid #6b8b91;border-radius:7px;padding:9px 12px;font-size:11px}
.hub-empty{padding:16px;border:1px solid #536f7b;border-radius:9px;background:#203d48;color:#edf5fa;margin:16px 0}.hub-empty>span{display:none}.hub-empty strong{font-size:14px;font-weight:500}.hub-empty p{font-size:12px;line-height:1.6;color:#b3c6d1}.hub-empty a{font-size:11px}
.portal-travel{position:absolute;z-index:6;bottom:138px;left:50%;transform:translateX(-50%);display:block;max-width:calc(100% - 40px);padding:12px 20px;color:#edf5fa;background:#28494a;border:1px solid #a7d4c6;border-radius:8px;font-size:12px;text-decoration:none;text-align:center}.portal-travel:hover{background:#315b55}.portal-travel:focus-visible{outline:2px solid #b3dfd4;outline-offset:3px}
@media(max-width:600px){.hub-directory{padding:20px}.hub-filters{grid-template-columns:1fr}.hub-room-list{grid-template-columns:1fr;max-height:40dvh}.hub-directory h2{font-size:20px}.hub-directory-footer{align-items:flex-start}}