/* Keep the customer visible before entering the encounter, with one story per spread. */
.game-tools .guest-journal-control{width:85px;border-radius:27px;display:flex;justify-content:center;gap:6px;padding:9px;font-size:13px;font-weight:700;white-space:nowrap}.guest-journal-control svg{width:23px;flex-shrink:0}.shop-guest-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}.shop-has-guest .shop-day{z-index:2}.shop-has-guest .shop-note{z-index:2;width:min(330px,30%);top:19%;padding:25px 27px}.shop-has-guest .shop-note h2{font-size:32px;line-height:1.3;margin:11px 0 14px}.shop-note h2 small{display:block;color:#9a6e47;font-size:14px;font-weight:500;letter-spacing:.02em;margin-top:8px}.shop-guest-bookmark{display:block;border:0;border-bottom:1px dashed #b28a63;background:none;color:#a06539;font:inherit;font-size:13px;margin:12px 0 0;padding:2px 0 5px;text-align:left;cursor:pointer}.shop-has-guest .shop-count strong{font-size:28px}.shop-has-guest .shop-guest-line{font-size:14px;line-height:1.8}.shop-guest-focus{position:absolute;left:52%;top:7%;width:38%;height:76%;z-index:1;background:none;border:0;border-radius:45%;color:#765031;padding:0}.shop-guest-focus>span{position:absolute;left:50%;bottom:0;transform:translateX(-50%) rotate(2deg);background:#ffefcfed;background-image:var(--felt-noise);padding:11px 23px;border:2px solid #dab482;border-radius:10px;outline:1px dashed #b08a5e;outline-offset:-6px;font-size:23px;font-weight:700;white-space:nowrap;box-shadow:2px 5px 8px #302b362e}.shop-guest-focus small{display:block;font-size:11px;color:#9c754d;font-weight:400;margin-top:4px}.shop-guest-focus:hover>span{background-color:#fff4df;box-shadow:0 0 20px #fff0d76b,2px 5px 8px #302b362e}.shop-guest-focus:focus-visible{outline:2px dashed #fff1d5;outline-offset:-6px}.shop-reunion{position:absolute;left:44%;right:5%;top:18%;bottom:6%;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;gap:20px 12px}.shop-reunion>button{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:0;color:#fff2d8;font-size:14px;font-weight:700;text-shadow:0 2px 3px #223b51;width:100%;padding:0}.shop-reunion .portrait{width:clamp(72px,8vw,125px);border-radius:50%;border:4px solid #ebce9f;outline:1px dashed #996f45;outline-offset:-4px;box-shadow:0 5px 12px #1a304d55}.shop-reunion>button span{background:#1d4058e3;border-radius:15px;padding:3px 12px}.shop-reunion>button:hover .portrait{outline-color:#f8ddb2;transform:translateY(-4px)}
.guests-modal{width:min(1180px,96vw);max-height:94dvh}.guests-modal .modal-body{background-color:#c97b46;padding:12px 18px 20px}.guests-modal .modal-tabs{justify-content:center;margin-bottom:10px}.guest-story-book{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:9%;row-gap:25px;padding:48px 7% 34px;min-height:620px;background:url('assets/relationship-journal.webp') center/100% 100% no-repeat;color:#765436}.guest-story-portrait{text-align:center;align-self:start}.guest-large-portrait{width:min(245px,82%);margin:15px auto;border-radius:47% 49% 45% 50%;border:4px solid #ead4ad;outline:1px dashed #bc9769;outline-offset:5px;box-shadow:4px 7px 0 #bda17a2e;transform:rotate(-2deg)}.guest-story-portrait h2{font-size:27px;color:#735034;letter-spacing:.08em;line-height:1.5}.guest-role{font-size:14px;color:#a47c52;margin:5px 0 10px}.guest-bio{font-size:14px;line-height:1.9;text-align:left;max-width:32ch;margin:0 auto;color:#95714e}.guest-story-pages{padding-top:4px;align-self:start;min-width:0}.guest-story-pages>h3{font-size:24px;margin:9px 0 20px;color:#745030}.guest-visit{border-top:1px dashed #c5a17a;padding:15px 0 14px}.guest-visit>span{display:block;font-size:13px;color:#956a43;letter-spacing:.05em}.guest-visit>small{display:block;font-size:11px;color:#b08c61;margin-top:3px}.guest-visit h4{font-size:17px;color:#a76f3b;margin:9px 0 6px;font-weight:500;line-height:1.5}.guest-visit p{font-size:13px;line-height:1.9;color:#987653;margin:6px 0 0}.guest-visit .guest-unwritten{color:#baa17f;padding:8px 0}.guest-record-link{display:block;padding:0;background:none;border:0;border-bottom:1px dashed #b58453;color:#926239;font:inherit;font-size:17px;text-align:left;line-height:1.5;margin-top:8px}.guest-story-pages .guest-resume{font-size:15px;padding:11px 20px;margin-top:8px}.guest-schedule-note{font-size:12px;line-height:1.8;color:#b09169;margin-top:6px}.guest-bookmarks{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:8px;border-top:1px dashed #bd9a6e77;padding-top:17px}.guest-bookmarks>button{border:0;background:none;font:inherit;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#97704a;padding:3px 2px;border-radius:15px;white-space:nowrap}.guest-bookmarks .portrait{width:52px;border-radius:50%;border:2px solid #ead5af;filter:saturate(.65);box-shadow:0 3px 0 #9b734630}.guest-bookmarks .selected{color:#a75f2e;font-weight:700}.guest-bookmarks .selected .portrait{outline:2px dashed #b77c41;outline-offset:3px;filter:none}.guest-bookmarks>button:hover .portrait{filter:none;transform:translateY(-3px)}
@media(max-width:900px){.shop-has-guest .shop-note{width:34%;left:4%;padding:22px}.shop-has-guest .shop-note h2{font-size:27px}.shop-has-guest .shop-note h2 small{font-size:12px}.shop-has-guest .shop-guest-line{font-size:13px}.shop-guest-focus>span{font-size:20px;padding:10px 19px}.guest-story-book{padding:42px 6% 35px;column-gap:9%;min-height:585px}.guest-large-portrait{width:80%;max-width:215px}.guest-story-pages>h3{font-size:22px}.guest-bio{font-size:13px}.guest-story-portrait h2{font-size:25px}.guest-bookmarks .portrait{width:45px}.guest-bookmarks>button{font-size:11px}.guest-visit{padding:13px 0}.guest-visit h4,.guest-record-link{font-size:16px}}
@media(max-width:650px) and (orientation:portrait){.game-tools .guest-journal-control{width:61px;height:36px;padding:6px;gap:3px;font-size:11px}.game-tools .guest-journal-control svg{width:16px}.game-topbar h1{font-size:14px;letter-spacing:.02em}.shop-guest-scene{object-position:69% center}.shop-has-guest .shop-note{left:5%;right:5%;bottom:13px;top:auto;width:auto;padding:15px 19px;transform:rotate(-1deg);border-width:2px;outline-offset:-8px}.shop-has-guest .shop-note:before{display:none}.shop-has-guest .shop-note>.small{font-size:10px}.shop-has-guest .shop-note h2{font-size:22px;margin:3px 0 6px;display:flex;align-items:center;gap:9px}.shop-has-guest .shop-note h2 small{font-size:11px;margin:0;letter-spacing:0}.shop-has-guest .shop-guest-line{font-size:12px;line-height:1.7}.shop-has-guest .shop-count,.shop-has-guest .shop-next{display:none}.shop-guest-bookmark{font-size:11px;margin-top:6px;padding-bottom:2px}.shop-guest-focus{left:5%;top:10%;width:90%;height:48%}.shop-guest-focus>span{display:none}.shop-day{font-size:11px}.shop-reunion{left:10%;right:10%;top:36%;bottom:6%;gap:13px}.shop-reunion .portrait{width:67px;border-width:3px}.shop-reunion>button{font-size:11px;gap:5px}.shop-afterhours .shop-note{top:13%;left:7%;width:86%;padding:17px 21px}.shop-afterhours .shop-note h2{font-size:19px;margin:5px 0}.shop-afterhours .shop-note h2 br{display:none}.shop-afterhours .shop-note>p,.shop-afterhours .shop-count,.shop-afterhours .shop-next{display:none}.guests-modal .modal-body{padding:9px}.guest-story-book{display:flex;flex-direction:column;gap:24px;min-height:0;background-color:#f3e0bd;background-image:var(--felt-noise);border:6px solid #315774;border-radius:15px;padding:25px 25px 22px;box-shadow:2px 4px 0 #c6a576}.guest-story-portrait{width:100%}.guest-large-portrait{width:148px;margin:14px auto}.guest-story-portrait h2{font-size:25px}.guest-bio{font-size:13px;max-width:30ch}.guest-story-pages{padding-top:18px;border-top:1px dashed #c29c6d;width:100%}.guest-story-pages>h3{font-size:21px;margin-bottom:14px}.guest-bookmarks{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 12px;order:-1;border:0;border-bottom:1px dashed #bd9a6e77;padding:0 0 20px;width:100%}.guest-bookmarks .portrait{width:43px}.guest-bookmarks>button{font-size:11px;gap:5px}.guest-story-book .collection-eyebrow{font-size:11px}.guests-modal .modal-tabs .btn{font-size:13px;padding:9px 16px}}
@media(max-height:650px) and (orientation:landscape){.shop-has-guest .shop-note{top:20%;padding:16px 21px;width:34%}.shop-has-guest .shop-note h2{font-size:23px;margin:5px 0 8px}.shop-has-guest .shop-note h2 small{font-size:11px;margin-top:4px}.shop-has-guest .shop-guest-line{display:block!important;font-size:12px;line-height:1.65}.shop-has-guest .shop-count,.shop-has-guest .shop-next{display:none}.shop-has-guest .shop-guest-bookmark{font-size:11px;margin-top:7px}.shop-guest-focus>span{font-size:18px;padding:8px 16px}.shop-guest-focus small{font-size:10px}.shop-reunion{top:19%;gap:10px}.shop-reunion .portrait{width:70px}.shop-reunion>button{font-size:12px}.game-tools .guest-journal-control{height:35px;width:72px;font-size:11px;padding:7px;gap:4px}.game-tools .guest-journal-control svg{width:19px}}
@media(prefers-reduced-motion:reduce){.shop-reunion>button:hover .portrait,.guest-bookmarks>button:hover .portrait{transform:none}}