.site-header,#mirror-preview .site-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 5%;gap:12px}.site-brand{display:flex;align-items:center;gap:12px}.site-header .brand{display:inline!important;letter-spacing:1px;font-size:12px;color:#e8d0a2}.site-header #room-menu,#mirror-preview .site-header #room-menu{padding:0;width:42px;height:42px;border:1px solid #856634;background:#2a2217;color:#eccb82;border-radius:10px;font-size:25px;display:grid;place-items:center}.site-header #profile-menu,#mirror-preview .site-header #profile-menu{width:44px;height:44px;border-radius:50%;padding:0;background:#30271b;color:#ebcc88;border:1px solid #927344;overflow:hidden;display:grid;place-items:center}.site-header #avatar-face{display:grid!important;place-items:center;width:100%;height:100%;font-size:18px}.site-header #avatar-face img{width:100%;height:100%;object-fit:cover}.site-header #profile-popover{position:absolute;z-index:30;top:calc(100% - 4px);right:5%;background:#2b2217;border:1px solid #80673d;border-radius:12px;padding:8px;min-width:190px;box-shadow:0 16px 30px #0006}.site-header #profile-popover button,.site-header #profile-popover a{display:block;width:100%;text-align:left;padding:12px;border:0!important;border-radius:7px;color:#edd8b2!important;background:transparent!important;text-decoration:none;font-size:14px;letter-spacing:0}.site-header #profile-popover button:hover,.site-header #profile-popover a:hover{background:#3e3326!important}.site-header [hidden]{display:none!important}.menu-dialog{width:min(700px,calc(100% - 32px));background:#211910;color:#eee1c8;border:1px solid #977543;border-radius:18px;padding:28px;box-shadow:0 28px 90px #0007}.menu-dialog::backdrop{background:#0b0805bb;backdrop-filter:blur(5px)}.menu-dialog h2{font-family:Georgia,serif;color:#e9c783;text-align:center;font-weight:400}.menu-dialog .close-menu{position:absolute;right:14px;top:12px;background:transparent;color:#e9c783;border:0;font-size:23px;padding:6px}.room-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 12px}.room-choices a{background:#2c2317;color:#e8d3ad;border:1px solid #8b6d3e;border-radius:12px;text-decoration:none;text-align:center;padding:30px 16px;display:flex;flex-direction:column;align-items:center;gap:16px}.room-choices a strong{font-family:Georgia,serif;font-size:24px;font-weight:400;color:#e9c783}.room-choices a span{font-size:35px;color:#e9c783}.room-choices a small{color:#c2beb3;line-height:1.6}.menu-dialog label{display:block;margin:16px 0;color:#e8d3ad}.menu-dialog input:not([type=file]){width:100%;padding:12px;font:inherit;border:1px solid #80673d;border-radius:8px;background:#2c2317;color:#eee1c8}.menu-dialog input[type=file]{max-width:100%;margin-top:8px;font:inherit;color:#c9c3b7}.menu-dialog button[type=submit]{background:#e8c575;color:#2a2217;padding:12px 20px;border:0;border-radius:10px;font:inherit}.profile-preview{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:12px auto;display:block}.menu-dialog .menu-status{font-size:14px;color:#d7c29a}.menu-dialog :focus-visible{outline:3px solid #edcc82;outline-offset:3px}@media(max-width:460px){.room-choices{gap:10px}.room-choices a{padding:24px 10px}.room-choices a strong{font-size:20px}.menu-dialog{padding:24px 18px}.site-header .brand{font-size:11px}}
.site-header #room-menu span{display:inline!important}
.site-header #room-menu img{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1.35)}.site-header #room-menu,#mirror-preview .site-header #room-menu{background:transparent;border:0;overflow:hidden;width:48px;height:48px}
.room-dropdown{position:absolute;z-index:50;top:calc(100% - 2px);left:5%;width:min(280px,90vw);padding:8px;background:linear-gradient(145deg,#392d1d,#231a0f);border:1px solid #9b7a43;border-radius:12px;box-shadow:0 18px 45px #0008}.room-dropdown[hidden]{display:none!important}.room-dropdown a{display:block;padding:13px 15px;color:#e8d4ad!important;text-decoration:none;font:15px/1.4 system-ui;border-radius:7px}.room-dropdown a:hover,.room-dropdown a:focus-visible{background:#493d2d;outline:1px solid #ae8d53}.room-dropdown .dropdown-signout{border-top:1px solid #5c4d36;border-radius:0;margin-top:6px;padding-top:16px;color:#c8bba5!important}

.menu-dialog #account-form{display:flex;flex-direction:column;align-items:center;gap:16px}
.menu-dialog #account-photo[hidden]{display:none!important}
.menu-dialog #account-preview.profile-preview{width:220px;height:220px;max-width:65vw;max-height:65vw;margin:4px auto;border:1px solid #b39051;box-shadow:0 8px 28px #0005;object-fit:cover}
.menu-dialog #account-preview[hidden]{display:none}
.menu-dialog #select-account-photo{padding:12px 24px;border:1px solid #ad8c52;border-radius:9px;background:#302519;color:#efd7a4;font:inherit;cursor:pointer}
.menu-dialog #account-status:empty{display:none}
.menu-dialog #account-status{margin:0;text-align:center}

.room-dropdown{max-height:calc(100dvh - 90px);overflow-y:auto;box-sizing:border-box}.room-dropdown a.dropdown-life-quests{display:flex;align-items:center;gap:18px;border-top:1px solid #5c4d36;border-radius:0;margin-top:6px;padding:16px 15px;color:#78d3ff!important}.dropdown-life-quests img{width:32px;height:32px;object-fit:contain;flex:none}.room-dropdown a.dropdown-life-quests:hover,.room-dropdown a.dropdown-life-quests:focus-visible{background:#173249}