@import url('./room-selector.css');
#roomEntry,#roomDialog,#roomDialog *{box-sizing:border-box}
#roomEntry{position:relative;display:block;width:max-content;max-width:100%;margin:8px auto 0;z-index:1;padding:10px 17px;border:1px solid #fff9;border-radius:12px;background:linear-gradient(120deg,#fff4edee,#e6d6e9ee);color:#624c6d;font:700 13px/1.3 'TT Huninn',sans-serif;box-shadow:0 4px 15px #402b4724;cursor:pointer;backdrop-filter:blur(12px)}
#roomEntry:hover{background:#fff5ef}
#roomDialog{margin:auto;inset:0;width:min(660px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:0;border:2px solid #fff8;border-radius:24px;background:#f6eee9;color:#66516e;box-shadow:0 24px 80px #211a3690;overflow:auto;font:14px/1.6 'TT Huninn',sans-serif}
#roomDialog::backdrop{background:#281d3b8c;backdrop-filter:blur(5px)}
#roomDialog .room-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 30px 24px;background:linear-gradient(115deg,#efe1e8,#d8c8e0);border-bottom:1px solid #fff9}
#roomDialog .room-top::after{content:'LOBBY';position:absolute;right:60px;bottom:5px;color:transparent;-webkit-text-stroke:1px #826b8a25;font:800 64px/1 sans-serif;letter-spacing:3px;pointer-events:none}
#roomDialog .room-top>div,#roomDialog .room-close{z-index:1}
#roomDialog small{font-size:10px;font-weight:800;letter-spacing:3px}
#roomDialog h2{margin:7px 0 0;font-size:24px;letter-spacing:1px}
#roomDialog button{cursor:pointer;font-family:inherit}
#roomDialog .room-close{align-self:flex-start;width:36px;height:36px;border:1px solid #bfa9bd;border-radius:9px;background:#fff8;color:#775c7d;font-size:24px;line-height:1}
#roomDialog .room-body{padding:22px 26px;background:linear-gradient(140deg,#fbf4ed,#eee2ef)}
#roomDialog .room-original{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border:1px solid #d1bccf;border-radius:14px;background:#fff9}
#roomDialog .room-original strong{font-size:18px}
#roomDialog .room-original p{margin:3px 0 0;font-size:12px;color:#97849a}
#roomDialog .room-original button,#roomDialog .room-login{padding:10px 14px;border:1px solid #ac8fb7;border-radius:10px;background:#87678f;color:#fff;font-size:12px;white-space:nowrap}
#roomDialog button:disabled{cursor:default;opacity:.65}
#roomDialog .room-original button:disabled{background:#ede2ef;color:#806b87;border-color:transparent}
#roomDialog .room-access-note{margin:18px 2px 12px;color:#8c7190;font-size:12px;min-height:20px}
#roomDialog .room-login{margin:0 0 20px}
#roomDialog .room-picker{background:none;font:inherit}
#roomDialog .room-picker>header{display:none}
#roomDialog .room-picker>section{padding-left:0;padding-right:0}
#roomDialog .room-picker h2{font-size:12px;letter-spacing:2px;margin:0 0 12px}
#roomDialog .room-grid{grid-template-columns:1fr 1fr;gap:12px}
#roomDialog .room-choice{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:17px;background:#fff8;min-height:155px;border-color:#e5d6e3}
#roomDialog .room-choice .room-door{background:#e5d8e9}
#roomDialog .room-choice button{align-self:stretch;margin-top:5px}
#roomDialog .room-picker .private-section{margin:6px 0 0;padding:20px 0 12px}
#roomDialog .private-actions{gap:16px}
#roomDialog .private-actions input{font-size:14px;padding:11px 12px}
#roomDialog .room-picker button{background:#93729e;border-color:#886592;box-shadow:none}
#roomDialog .room-picker button:disabled{background:#ede3f0;color:#9d88a5}
#roomDialog .room-feedback{padding:8px 0;color:#805e8b}
#roomDialog .room-picker .room-invitation{margin:10px 0;padding:20px;background:linear-gradient(120deg,#fff7ef,#e2d5ea)}
#roomDialog .invite-note{display:block;font-size:12px}
#roomDialog .room-rules{border-top:1px solid #d9c8dc;padding-top:15px;margin:15px 0 0;color:#9a839d;font-size:11px;line-height:1.8}
#roomDialog :focus-visible,#roomEntry:focus-visible{outline:3px solid #b791bd;outline-offset:3px}
.tt-private-room .npc:has(.staff-sprite){display:none!important}
@media(max-width:680px) and (orientation:portrait){body.mhome-on #roomEntry{position:static;transform:none;display:block;align-self:stretch;margin:12px 18px;z-index:auto;text-align:center}#roomDialog .room-top{padding:22px 20px}#roomDialog h2{font-size:21px}#roomDialog .room-body{padding:18px}#roomDialog .room-original{padding:14px}#roomDialog .room-grid{gap:9px}#roomDialog .room-choice{padding:13px}#roomDialog .private-actions form>div{flex-wrap:wrap}#roomDialog .private-actions input{flex:1;min-width:150px;font-size:16px}#roomDialog .private-actions button{min-height:42px}}
@media(max-height:500px) and (orientation:landscape){#roomEntry{margin-top:5px;padding:7px 12px}#roomDialog .room-top{padding:18px 24px}}

#roomDialog,#roomDialog *{font-family:"Tavern Numerals","TT Latin","TT Huninn","LINE Seed TW","Huninn","Noto Sans TC",sans-serif!important}