.character-dock{position:fixed;right:22px;bottom:18px;z-index:40;width:238px;color:#f5f4ef;font-family:Geist,Arial,sans-serif;font-size:13px;filter:drop-shadow(0 5px 16px #0008)}.character-dock summary{list-style:none;display:flex;align-items:center;gap:12px;padding:9px 14px 9px 9px;background:#171b22f5;border:1px solid #7a8a9b60;border-radius:14px;cursor:pointer;min-height:66px}.character-dock summary::-webkit-details-marker{display:none}.character-dock summary:focus-visible{outline:2px solid #1ed1ff;outline-offset:4px}.character-dock img{width:44px;height:44px;object-fit:cover;object-position:61% 28%;border-radius:10px;transform:scale(1);border:1px solid #ffffff25}.character-dock .dock-name{display:grid;gap:5px}.character-dock .dock-name strong{font-size:13px;font-weight:500}.character-dock .dock-name small{font-size:10px;color:#b5bdc9}.dock-chevron{margin-left:auto;color:#1ed1ff}.character-dock[open] .dock-chevron{transform:rotate(180deg)}.character-details{position:absolute;right:0;bottom:78px;width:280px;max-width:calc(100vw - 32px);padding:22px;background:#171b22;border:1px solid #7a8a9b60;border-radius:14px;line-height:1.7}.character-details p{margin:0 0 12px;color:#bec6d2}.character-details strong{color:#fff}.character-details a{color:#a4eafa;text-decoration:underline;text-underline-offset:4px}.has-character-dock{padding-bottom:100px}.arrival-footer{margin-bottom:-100px}@media(max-width:600px){.character-dock{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:190px}.character-dock summary{min-height:60px;padding:7px 10px;gap:9px}.character-dock img{width:38px;height:38px}.character-dock .dock-name strong{font-size:12px}.character-details{bottom:70px}.has-character-dock{padding-bottom:100px}}
.character-dock .dock-portrait{display:block;width:44px;height:44px;flex-shrink:0;border-radius:10px;border:1px solid #ffffff25;background:url('assets/sett/melli-capensi-small.webp') 50% 50%/cover no-repeat}
.character-dock .dock-portrait img{visibility:hidden}
.dock-workspace{overflow:hidden;background:#0e0e11!important}
.workspace-scrollport{position:fixed;inset:0 0 90px;overflow:auto;overscroll-behavior:contain;scroll-padding:24px;isolation:isolate;border-bottom:1px solid #ffffff25;background:var(--ground,var(--bg,#0e0e11))}
.dock-workspace .character-dock{bottom:12px}
@media(max-width:600px){.workspace-scrollport{bottom:calc(82px + env(safe-area-inset-bottom))}.dock-workspace .character-dock{bottom:max(10px,env(safe-area-inset-bottom))}}