:root{--navy:#183563;--blue:#2b5593;--orange:#dc652c;--cream:#fff4dc;--ink:#263653;--muted:#726b61;--border:#e4cfaa;--paper:#fff9ed;--shadow:0 8px 26px #111c3a24;font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--navy);background-image:repeating-linear-gradient(17deg,#ffffff03 0 1px,transparent 1px 4px);min-height:100dvh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #efac3c;outline-offset:4px}button{transition:transform .18s,background .18s}button:active:not(:disabled){transform:translateY(2px)}p{line-height:1.8}h1,h2,h3,p{margin:0}h1{font-size:3rem;letter-spacing:.12em}h2{font-size:1.5rem}h3{font-size:1.05rem}small,.small{font-size:.875rem;line-height:1.65;color:var(--muted)}.eyebrow{font-size:.8125rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase}.btn{border:0;border-radius:14px;padding:13px 23px;background:var(--orange);color:#fffaf0;font-weight:700;line-height:1.45;box-shadow:0 4px 0 #a9431b}.btn:hover{background:#c55723}.btn.secondary{background:var(--blue);box-shadow:0 4px 0 #15376c}.btn.ghost{background:#fff5df;color:var(--navy);box-shadow:none;border:1px solid var(--border)}.btn.smallbtn{padding:9px 13px;font-size:.875rem}.textbtn{background:none;border:0;color:inherit;padding:8px 10px;font-size:.9rem;border-radius:8px}.textbtn:hover{background:#1937630d}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:30px;padding:7px 13px;font-size:.875rem;line-height:1.3}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.paper{background:var(--paper);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.stitch{outline:1px dashed #ac8a5d66;outline-offset:-8px}.start{max-width:1360px;margin:auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:32px}.start-top{display:flex;justify-content:space-between;align-items:center;color:#f8e8c9;margin:0 8px 20px}.wordmark{font-size:1.7rem;letter-spacing:.16em;font-weight:900}.start-card{display:grid;grid-template-columns:1.75fr 1fr;overflow:hidden;border:9px solid #f5dfb8;border-radius:32px;background:var(--cream);box-shadow:0 22px 80px #08193377}.start-art{position:relative;min-height:540px;overflow:hidden;background:#db6328}.start-art img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;position:absolute;inset:0}.art-start{position:absolute;inset:0;background:none;border:0}.art-start:focus-visible{outline-offset:-10px}.start-panel{padding:44px 36px;display:flex;flex-direction:column;justify-content:center;gap:25px}.start-panel h1{font-size:4.2rem;color:var(--navy);font-weight:900;line-height:1.05}.start-panel .subtitle{font-size:1.25rem;margin-top:15px;letter-spacing:.1em}.start-panel p{color:#6b5c4c}.start-panel .btn{width:100%}.start-panel .actions{gap:12px}.start-foot{color:#dccba8;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 10px;font-size:.8125rem}.pace{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pace button{border:1px solid #d8c298;border-radius:20px;padding:6px 12px;color:#685b4b;background:transparent;font-size:.875rem}.pace button.active{color:white;background:var(--navy);border-color:var(--navy)}.topbar{background:#fff2d6;border-bottom:4px solid #d97738;display:flex;justify-content:space-between;align-items:center;padding:13px max(24px,calc((100vw - 1450px)/2));gap:18px}.brand{display:flex;gap:16px;align-items:center}.brand .wordmark{color:var(--orange)}.brand small{border-left:1px solid #d2bd9a;padding-left:16px;color:#706653}.top-actions{display:flex;gap:8px;align-items:center}.top-actions .textbtn{font-weight:600}.game{max-width:1500px;margin:auto;padding:22px 26px 16px}.chapterline{display:flex;align-items:center;justify-content:space-between;color:#f6e7c9;margin-bottom:17px;gap:12px}.chapterline h2{font-size:1.05rem;font-weight:500;letter-spacing:.06em}.days{display:flex;gap:6px}.days span{width:34px;height:5px;background:#6880a7;border-radius:6px}.days .done{background:#f3b15b}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.theater{overflow:hidden;border:7px solid #edd6ae;border-radius:23px;background:var(--paper);box-shadow:var(--shadow)}.scene{position:relative;height:clamp(325px,41vw,470px);background-size:cover;background-position:center;isolation:isolate}.scene:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0f224649);z-index:-1}.location{position:absolute;left:20px;top:18px;background:#fff4ddd9;color:var(--navy);backdrop-filter:blur(8px)}.guest-card{position:absolute;right:6%;bottom:15px;width:clamp(150px,23vw,226px);padding:9px 9px 12px;background:#fff5dd;box-shadow:0 7px 24px #0c19354d;border-radius:12px;transform:rotate(2deg);animation:arrive .45s ease both}.guest-card:before{content:'';position:absolute;width:60px;height:20px;background:#e9b86bdd;top:-10px;left:calc(50% - 30px);transform:rotate(-4deg)}.portrait{aspect-ratio:1;background-image:url('assets/guests.webp');background-size:300% 200%;background-position:var(--px) var(--py);border-radius:8px}.guest-card .guest-name{text-align:center;font-weight:800;font-size:.9375rem;margin-top:8px;letter-spacing:.1em}.guest-card .visit-tag{font-weight:400;color:#807154;font-size:.75rem;margin-left:5px;letter-spacing:0}.dialogue{padding:23px 28px 24px;border-top:1px dashed #bc9b6b;min-height:217px;position:relative}.speaker{color:var(--orange);font-size:.9375rem;font-weight:800;letter-spacing:.07em;margin-bottom:8px}.dialogue .line{font-size:1.0625rem;line-height:1.85;max-width:64ch;margin-bottom:17px;min-height:2em}.dialogue .actions{justify-content:flex-end}.sidebar{display:flex;flex-direction:column;gap:15px}.side-card{padding:22px;background:var(--cream);border:1px solid #e5cfa5;border-radius:19px;box-shadow:var(--shadow)}.side-card h3{margin-bottom:12px}.guest-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.avatar{width:54px;flex-shrink:0;border-radius:50%;border:2px solid #e2c69c}.order{border-top:1px dashed #cbb185;padding-top:15px;display:flex;justify-content:space-between;gap:8px}.order .value{font-weight:800;color:var(--navy);font-size:1.15rem}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{padding:6px 10px;border-radius:8px;font-size:.875rem;background:#e9dec8;color:#61533d}.tag.scent{background:#dfe7ed;color:#294c70}.tag.after{background:#e9e5bf;color:#596233}.task-line{line-height:1.8;font-size:.9375rem}.progress-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.progressbar{height:8px;border-radius:20px;background:#e2d2b6;overflow:hidden}.progressbar i{display:block;height:100%;background:var(--orange);transition:width .2s;border-radius:20px}.mini-guests{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:15px 0}.mini-guests .portrait{border-radius:50%;opacity:.4}.mini-guests .known{opacity:1}.journey{display:flex;gap:9px;justify-content:center;color:#bfcbe0;margin-top:17px;flex-wrap:wrap;font-size:.8125rem}.journey .current{color:#f4b462;font-weight:700}.journey span:not(:last-child):after{content:'·';margin-left:9px;color:#889bbb}.clues{position:absolute;left:22px;bottom:25px;display:flex;flex-direction:column;gap:10px;max-width:45%}.clue{border:1px dashed #e9c989;border-radius:14px;background:#fff4e3ee;padding:11px 16px;color:var(--ink);text-align:left;box-shadow:0 3px 15px #10234c26;font-size:.9rem}.clue span{font-size:.8125rem;display:block;color:#9a6a38;margin-top:3px}.clue.seen{background:#e9f1e6e8;border-color:#a8bd98}.scent-cloud{position:absolute;left:20px;top:75px;max-width:48%;display:flex;flex-direction:column;gap:8px}.scent-cloud .tag{align-self:flex-start;background:#fff6ddef;box-shadow:0 4px 12px #14284d22;animation:scent 4s ease-in-out infinite}.scent-cloud .tag:nth-child(2){margin-left:28px;animation-delay:-1.2s}.scent-cloud .tag:nth-child(3){margin-left:12px;animation-delay:-2.4s}.choice-btn{background:#fff4da;border:1px solid #d6b986;border-radius:13px;padding:15px 19px;text-align:left;color:var(--navy);font-weight:700;width:100%;display:flex;align-items:center;gap:13px}.choice-btn:hover{background:#f3dfb9}.choice-letter{background:var(--navy);border-radius:50%;color:#fff7e7;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;font-size:.875rem}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brew-layout{max-width:1250px;margin:0 auto}.brew-shell{background:var(--paper);border:7px solid #edd6ae;border-radius:23px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 300px}.brew-image{position:relative;overflow:hidden;aspect-ratio:1.68;background:#c26c36}.brew-image img{position:absolute;width:110%;max-width:none;left:-5%;top:-12%;height:auto}.brew-caption{position:absolute;bottom:17px;left:18px;right:18px;border-radius:13px;background:#fff6e8ee;padding:12px 17px;backdrop-filter:blur(6px);font-size:.9375rem;display:flex;align-items:center;justify-content:space-between;gap:8px}.brew-caption b{color:var(--orange)}.brew-control{padding:26px 23px;background:#fff4dc;display:flex;flex-direction:column;gap:19px;justify-content:center;border-left:1px dashed #b6976e}.brew-control h2{font-size:1.45rem}.brew-control .btn{width:100%}.brew-control p{font-size:.9375rem}.brew-steps{display:flex;justify-content:center;gap:10px;margin:17px 0 3px;flex-wrap:wrap;color:#aebfdd;font-size:.875rem}.brew-steps .active{color:#ffc576}.brew-steps .passed{color:#f2e6ce}.brew-meter{display:flex;align-items:center;gap:10px}.brew-meter .progressbar{flex:1;height:12px}.brew-meter output{min-width:46px;font-weight:800;font-size:.875rem;text-align:right}.range{width:100%;accent-color:var(--orange);height:28px}.hold{touch-action:none;user-select:none;min-height:60px}.option-row{display:flex;gap:7px}.option-row button{flex:1;background:#fffaf0;border:1px solid #d5b98b;padding:12px 5px;border-radius:12px;color:var(--navy);font-size:.875rem}.option-row button.selected{background:var(--navy);color:#fff4df;border-color:var(--navy)}.brew-status{font-size:.8125rem;color:#8c704c}.serve-zone{position:absolute;left:8%;bottom:30px;border:2px dashed #ffe6b0;background:#193563b8;border-radius:18px;width:37%;min-height:95px;display:grid;place-items:center;color:#fff8e6;padding:18px;text-align:center;font-size:.9375rem}.serve-zone.over{background:#e18439dc}.cup-token{position:absolute;bottom:152px;left:14%;width:155px;height:118px;border:5px solid #fff0cd;border-radius:17px;background-image:url('assets/ready.webp');background-size:600%;background-position:41% 48%;box-shadow:0 6px 20px #11204945;cursor:grab;touch-action:none;z-index:4}.cup-token:after{content:'握住杯子';position:absolute;bottom:-21px;left:12px;right:12px;background:var(--orange);border:2px solid #ffe3b5;color:white;font-size:.8125rem;border-radius:15px;padding:5px;text-align:center}.cup-token.dragging{cursor:grabbing;transition:none}.record-sheet{position:absolute;top:65px;left:6%;width:45%;padding:23px;background:#fff7e5f5;box-shadow:0 6px 20px #1021473f;border-radius:7px;transform:rotate(-2deg);border-top:6px solid var(--orange)}.record-sheet h3{margin:10px 0 12px;font-size:1.15rem}.record-sheet p{font-size:.9rem}.record-sheet .stamp{display:inline-block;margin-top:16px;color:#bb592c;border:2px solid #bb592c;padding:3px 8px;font-size:.75rem;transform:rotate(-6deg);letter-spacing:.1em}.bottom-note{display:flex;justify-content:space-between;gap:15px;color:#b8c7df;font-size:.75rem;margin-top:18px}.party-scene{position:relative;background:url('assets/night.webp') center/cover;border-radius:25px;border:7px solid #e8cfa5;min-height:460px;padding:36px 27px;display:flex;flex-direction:column;justify-content:flex-end}.party-guests{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end}.party-person{background:#fff3d9;padding:6px 6px 9px;box-shadow:0 4px 20px #0b17394d;transform:rotate(var(--rot));border-radius:10px}.party-person .name{font-size:.8125rem;text-align:center;margin-top:7px;font-weight:700}.party-person.active{outline:4px solid #ed9949;transform:translateY(-10px)}.party-person.away{opacity:.8;filter:saturate(.6)}.ending-intro{text-align:center;color:#ffedc8;max-width:640px;margin:0 auto 28px}.ending-intro h1{font-size:2rem;margin-bottom:10px;letter-spacing:.04em}.ending-dialogue{max-width:880px;margin:22px auto 0;padding:26px 32px}.ending-dialogue .actions{justify-content:flex-end;margin-top:15px}.ending-dialogue .line{min-height:64px}.ticket-page{max-width:1040px;margin:35px auto;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.ticket-editor{color:#fff1d2}.ticket-editor h1{font-size:2rem;line-height:1.5;letter-spacing:.02em}.ticket-editor p{margin:16px 0 25px;color:#ccd6e7}.feel-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feel-options button{border:1px solid #8ba0c566;background:#294775;color:#ffebc4;padding:16px;border-radius:12px;font-size:1rem}.feel-options button.active{background:#f5d9ab;color:var(--navy)}.ticket-input{display:block;color:#f9e6c5;margin-top:24px;font-size:.875rem}.ticket-input input{display:block;width:100%;padding:14px 16px;margin-top:9px;background:#fff5e0;color:var(--ink);border:1px solid #e8cba1;border-radius:10px}.ticket{--ticket-color:#36567d;background:var(--cream);padding:36px;border-radius:24px;border:8px solid var(--ticket-color);outline:1px dashed #f7e6c1;outline-offset:-16px;box-shadow:0 15px 40px #071b3940;transform:rotate(2deg)}.ticket-brand{display:flex;justify-content:space-between;align-items:center;color:var(--ticket-color);border-bottom:2px solid var(--ticket-color);padding-bottom:18px}.ticket-welcome{background:url('assets/welcome.webp') center/cover;aspect-ratio:1.85;border-radius:13px;margin:20px 0}.ticket h2{font-size:2.3rem;color:var(--ticket-color);margin:25px 0 12px;overflow-wrap:anywhere;letter-spacing:.05em}.ticket p{font-size:1rem}.ticket-footer{font-size:.8125rem;margin-top:30px;padding-top:17px;border-top:1px dashed #baa582;display:flex;justify-content:space-between}.ticket-actions{margin-top:26px}.ticket-actions .btn{margin-bottom:10px}dialog{border:7px solid #e8cda0;border-radius:25px;padding:0;background:var(--paper);color:var(--ink);width:min(960px,94vw);max-height:89dvh;box-shadow:0 15px 90px #07152d88}dialog::backdrop{background:#0c204dcc;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:21px 26px;border-bottom:1px dashed #c8b08a;position:sticky;top:0;background:var(--paper);z-index:2}.modal-body{padding:25px}.modal-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.journal-card{background:#f6ebd6;border:1px solid #ddcaaa;border-radius:15px;padding:14px}.journal-card .portrait{width:77px;margin:0 auto 10px;border-radius:50%}.journal-card h3{text-align:center;margin-bottom:13px}.entry{display:block;background:#fffbf1;border:1px solid #d9c9b0;border-radius:9px;width:100%;text-align:left;padding:10px;font-size:.875rem;line-height:1.5;color:var(--ink);margin-top:8px}.entry.locked{background:transparent;color:#9a8c74}.entry small{display:block;font-size:.75rem;color:#a76a38;margin-bottom:3px}.empty{text-align:center;padding:25px;color:#87795f}.detail-head{display:flex;gap:18px;align-items:center;margin-bottom:22px}.detail-head .portrait{width:95px;flex-shrink:0}.detail-section{margin:18px 0}.detail-section h3{margin-bottom:8px;color:#9c6236}.relation{padding:17px 0;border-bottom:1px dashed #d7c6aa}.relation:last-child{border-bottom:0}.relation p{font-size:.9375rem}.catalog-img{display:block;width:100%;border-radius:14px}.help p{margin:12px 0}.help ol{padding-left:24px;line-height:2.1}.modal-confirm{max-width:600px;margin:auto;padding:15px 5px}.modal-confirm p{margin:16px 0 22px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);border:1px solid #dcb778;background:#fff2d9;color:#493b29;padding:13px 24px;border-radius:13px;box-shadow:var(--shadow);z-index:20;display:none;max-width:90vw;font-size:.9375rem}#toast.visible{display:block}@keyframes arrive{from{opacity:0;transform:translateY(25px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@keyframes scent{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(min-width:1600px){.scene{height:520px}.game{padding-top:28px}.play-layout{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1050px){.play-layout{grid-template-columns:minmax(0,1fr) 255px;gap:14px}.game{padding:18px}.side-card{padding:18px}.start-art{min-height:480px}.start-panel{padding:28px}.start-card{grid-template-columns:1.45fr 1fr}.brew-shell{grid-template-columns:minmax(0,1fr) 260px}.brew-control{padding:22px 17px}.brew-image{aspect-ratio:auto;min-height:410px}.brew-image img{height:100%;width:auto;left:50%;top:0;transform:translateX(-50%) scale(1.2)}.choices{grid-template-columns:1fr}.guest-card{width:180px}.dialogue{padding:20px}.scene{height:365px}.ticket-page{gap:25px;margin:25px}}@media(max-width:760px){.start{padding:16px}.start-card{display:flex;flex-direction:column;border-width:6px;border-radius:24px}.start-art{min-height:0;aspect-ratio:1.78}.start-panel{padding:27px;gap:18px}.start-panel h1{font-size:2.8rem}.start-panel .subtitle{font-size:1.1rem;margin-top:8px}.start-panel p{font-size:.9375rem}.start-top{margin-top:10px}.start-foot{font-size:.75rem}.topbar{padding:11px 15px;gap:8px}.brand .wordmark{font-size:1.4rem}.brand small{display:none}.top-actions{gap:1px}.top-actions .textbtn{font-size:.8125rem;padding:7px}.game{padding:15px 10px}.chapterline{margin:0 7px 13px}.chapterline h2{font-size:.9rem}.chapterline .small{font-size:.75rem}.play-layout{display:flex;flex-direction:column}.theater{width:100%;border-width:5px;border-radius:20px}.scene{height:clamp(280px,73vw,420px)}.guest-card{width:145px;right:6%;bottom:17px;padding:6px}.guest-card .guest-name{font-size:.8125rem}.guest-card .visit-tag{display:none}.location{left:13px;top:12px;font-size:.75rem}.dialogue{padding:19px 18px;min-height:205px}.dialogue .line{font-size:1rem;line-height:1.8}.dialogue .btn{font-size:.9375rem}.sidebar{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.side-card{padding:15px;border-radius:14px}.side-card h3{font-size:.9375rem}.side-card.task-card{display:none}.guest-head{gap:8px}.avatar{width:40px}.guest-head h3{font-size:.875rem}.guest-head small{font-size:.75rem}.order .value{font-size:1rem}.scent-card{grid-column:1/-1}.scent-card h3{margin-bottom:9px}.scent-card .small{display:none}.mini-guests{gap:4px;margin:12px 0}.mini-guests .portrait{max-width:30px}.sidebar .btn.smallbtn{font-size:.75rem;padding:8px 10px}.progress-title h3{margin-bottom:0}.progress-title span{font-size:.875rem}.bottom-note{padding:0 5px}.bottom-note span:last-child{display:none}.clues{left:12px;max-width:45%;gap:8px}.clue{font-size:.8125rem;padding:10px}.clue span{font-size:.75rem}.scent-cloud{left:12px;top:60px}.scent-cloud .tag{font-size:.75rem}.brew-shell{display:flex;flex-direction:column;border-width:5px}.brew-image{aspect-ratio:1.5;min-height:0}.brew-image img{width:110%;height:auto;top:-12%;left:-5%;transform:none}.brew-control{border-left:0;border-top:1px dashed #b6976e;padding:20px;gap:16px}.brew-caption{font-size:.8125rem;bottom:12px;left:12px;right:12px;padding:10px}.brew-steps{gap:7px;font-size:.75rem}.brew-control h2{font-size:1.25rem}.hold{min-height:52px}.record-sheet{top:65px;left:4%;width:48%;padding:15px}.record-sheet h3{font-size:.9375rem}.record-sheet p{font-size:.8125rem;line-height:1.6}.record-sheet .small{display:none}.record-sheet .stamp{font-size:.65rem;margin-top:9px}.cup-token{left:10%;width:120px;height:95px;bottom:146px}.serve-zone{left:5%;width:44%;font-size:.8125rem;bottom:19px;min-height:85px}.journey{font-size:.75rem;gap:6px}.journey span:not(:last-child):after{margin-left:6px}.party-scene{min-height:410px;padding:25px 14px 20px;border-width:5px}.party-guests{grid-template-columns:repeat(3,1fr);gap:12px}.party-person{max-width:125px;width:100%;justify-self:center}.party-person .name{font-size:.75rem}.ending-intro h1{font-size:1.65rem}.ending-intro p{font-size:.9rem}.ending-dialogue{margin-top:17px;padding:20px}.ticket-page{display:flex;flex-direction:column;margin:20px 16px;gap:30px}.ticket-editor{width:100%}.ticket-editor h1{font-size:1.75rem}.ticket{width:min(440px,100%);padding:27px}.ticket h2{font-size:2rem}.ticket-actions{margin-top:20px}.journal-grid{grid-template-columns:1fr 1fr;gap:11px}.modal-body{padding:17px}.modal-head{padding:15px 17px}.modal-head h2{font-size:1.2rem}.modal-head .small{display:none}.journal-card{padding:11px}.journal-card .portrait{width:65px}.entry{font-size:.8125rem}.modal-tabs .btn{font-size:.8125rem;padding:9px 11px}.detail-head h2{font-size:1.2rem}.detail-head .portrait{width:75px}.detail-section p{font-size:.9375rem}.ticket-footer{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep screenshot artwork framed above the interactive controls. */
.brew-image{align-self:center;aspect-ratio:2.25;min-height:0;width:100%;height:auto}.brew-image img{width:100%;height:auto;left:0;top:-10%;transform:none}.brew-caption{bottom:12px}.brew-shell{background:#dca16c}
@media(max-width:1050px) and (min-width:761px){.brew-image{aspect-ratio:1.65}.brew-image img{width:auto;height:132%;left:50%;top:-10%;transform:translateX(-50%)}}
@media(max-width:760px){.brew-image{aspect-ratio:1.9}.brew-image img{width:113%;height:auto;left:-6.5%;top:-9%;transform:none}.brew-caption{bottom:8px;left:10px;right:10px}}
/* Interaction artwork: close-up frames respond to the same state as the controls. */
.brew-shell{grid-template-columns:minmax(0,1fr) 330px;background:#f3dfbd;align-items:stretch}.brew-art-area{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0;background:#ecd1a7}.brew-motion{width:100%;max-width:580px;margin:auto;border-radius:22px;overflow:hidden;background:#c88046;border:5px solid #fff0ce;box-shadow:0 8px 25px #76461924}.motion-stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.motion-frame{position:absolute;inset:0;background-size:300% 200%;background-repeat:no-repeat;will-change:opacity;transform:scale(1.01)}.motion-blend{transition:opacity .08s linear}.motion-status{display:flex;align-items:center;gap:10px;padding:14px 17px;background:#fff4dfeF;font-size:.9375rem;color:#59452b;min-height:54px}.motion-status-dot{width:8px;height:8px;border-radius:50%;background:#b99361;flex-shrink:0}.working .motion-status-dot{background:#d95f24;animation:action-pulse .7s ease-in-out infinite}.brew-motion.working[data-step="1"] .motion-stage{animation:grinder-work .11s linear infinite}.brew-motion.working[data-step="6"] .motion-stage{animation:stir-work .7s ease-in-out infinite}.brew-motion.working[data-step="3"] .motion-frame,.brew-motion.working[data-step="4"] .motion-frame{filter:brightness(1.04)}.brew-overview{display:flex;gap:14px;align-items:center;max-width:580px;margin:auto;width:100%;background:#fff4dd;border-radius:14px;padding:9px}.brew-overview img{width:128px;height:72px;object-fit:cover;border-radius:9px}.brew-overview div{display:flex;flex-direction:column;gap:6px;font-size:.875rem}.brew-overview span{color:#897051;font-size:.8125rem}.brew-control{gap:18px}.brew-control .hold{border:2px solid #efb170;box-shadow:0 4px 0 #aa431a}.brew-control .hold.pressing{background:#be5121;box-shadow:0 1px 0 #aa431a}.stage-observe .guest-card{right:3.5%;width:22%;bottom:25px}.observation-board{position:absolute;left:3%;bottom:22px;width:67%;background:#fff2dceF;padding:17px;border:1px solid #e0c390;border-radius:20px;box-shadow:0 8px 25px #0b1d3b45}.observation-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.875rem;margin-bottom:13px}.observation-heading span{font-size:.75rem;color:#8b7350}.clue-gallery{display:grid;grid-template-columns:1fr 1fr;gap:13px}.clue-card{display:block;min-width:0;padding:7px 7px 11px;border:2px solid #e0c79d;border-radius:14px;background:#fff8e9;text-align:left;color:var(--ink);box-shadow:0 4px 10px #a8875a15;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.clue-card:hover{transform:translateY(-3px);border-color:#c98847}.clue-card.selected{border-color:#2f568b;background:#eff4f5;transform:translateY(-4px);box-shadow:0 5px 14px #25426425}.clue-art{background-image:url('assets/observation.webp');background-size:300% 200%;background-repeat:no-repeat;width:100%;aspect-ratio:1.18;border-radius:8px;transition:filter .25s;filter:saturate(.86)}.clue-card.selected .clue-art{filter:saturate(1.05);animation:clue-focus .4s ease both}.clue-card-label{display:flex;align-items:flex-start;gap:7px;padding:11px 3px 5px;font-size:.8125rem;line-height:1.5}.clue-card-label strong{font-weight:600}.clue-number{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;flex-shrink:0;background:#e5c48c;color:#7a592e;font-size:.75rem}.clue-card.seen .clue-number{background:#4b7197;color:white}.clue-card small{display:block;margin-left:31px;font-size:.75rem;color:#8c7858}.clue-card.selected small{color:#38618b}.dialogue .line{animation:line-arrive .25s ease both}.guest-card{animation:none}#app[data-new-encounter="true"] .guest-card{animation:arrive .5s ease both}.scent-cloud{z-index:3}.scent-particles{position:absolute;inset:70px 12% 30px 12%;pointer-events:none;overflow:hidden;z-index:1}.scent-particles i{position:absolute;left:calc(17% + var(--n)*7%);top:calc(70% - var(--n)*5%);width:calc(12px + var(--n)*2px);height:calc(12px + var(--n)*2px);border-radius:50%;background:var(--scent);box-shadow:0 0 24px 8px var(--scent);opacity:0;animation:smell-drift 3.5s ease-in-out infinite;animation-delay:calc(var(--n)*-.4s)}.scent-particles.settled i{animation-duration:6s;filter:saturate(.55)}.record-sheet{animation:note-arrive .5s ease both}.cup-token{background-image:url('assets/coffee-flow.webp');background-size:300% 200%;background-position:100% 100%;height:145px;width:145px;transition:transform .5s cubic-bezier(.3,.8,.3,1),opacity .5s;bottom:148px}.serve-reaction{display:none;position:absolute;right:5%;top:28%;padding:13px 20px;background:#fff5df;border:2px solid #e4b67b;border-radius:17px;box-shadow:var(--shadow);font-size:.9375rem;z-index:6}.scene.serving .serve-reaction{display:block;animation:line-arrive .35s ease both}.scene.serving .cup-token{opacity:.7;pointer-events:none}.scene.serving .cup-token:after{content:'递到了'}.scene.serving .guest-card{transform:rotate(-1deg) translateY(-4px);transition:transform .35s}.scene.serving .serve-zone{opacity:.25;transition:opacity .3s}@keyframes action-pulse{50%{transform:scale(1.35);box-shadow:0 0 0 4px #edb27740}}@keyframes grinder-work{0%,100%{transform:translateX(-1px)}50%{transform:translateX(1px)}}@keyframes stir-work{0%,100%{transform:scale(1.02) rotate(-.5deg)}50%{transform:scale(1.02) rotate(.5deg)}}@keyframes smell-drift{0%{opacity:0;transform:translate(20px,35px) scale(.5)}35%{opacity:.36}100%{opacity:0;transform:translate(-60px,-120px) scale(1.2)}}@keyframes note-arrive{from{opacity:0;transform:translateY(25px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@keyframes line-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes clue-focus{from{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(min-width:1400px){.brew-shell{grid-template-columns:minmax(0,1fr) 365px}.brew-motion{max-width:540px}.brew-overview{max-width:540px}.brew-art-area{padding:23px}.observation-board{width:62%;left:4%;padding:20px}.clue-art{aspect-ratio:1.2}.stage-observe .guest-card{width:24%;right:4%}}
@media(max-width:1050px) and (min-width:761px){.brew-shell{grid-template-columns:minmax(0,1fr) 300px}.brew-art-area{padding:14px}.brew-overview img{width:95px;height:60px}.brew-overview{gap:10px}.brew-control{padding:24px 18px}.observation-board{padding:12px;width:68%;left:2%;bottom:17px}.observation-heading{font-size:.8125rem}.clue-gallery{gap:8px}.clue-card-label{font-size:.75rem}.clue-card small{font-size:.75rem;margin-left:4px}.clue-art{aspect-ratio:1.1}.stage-observe .guest-card{right:2%;width:23%}}
@media(max-width:760px){.brew-art-area{padding:12px;gap:10px}.brew-motion{max-width:420px;border-width:4px;border-radius:17px}.motion-stage{aspect-ratio:1.2}.motion-status{padding:11px 13px;font-size:.8125rem;min-height:45px}.brew-overview{max-width:420px;padding:7px}.brew-overview img{width:95px;height:55px}.brew-overview div{font-size:.8125rem}.brew-overview span{font-size:.75rem}.brew-control{gap:16px}.observation-board{width:69%;left:2%;padding:9px;bottom:16px;border-radius:14px}.observation-heading{font-size:.75rem;margin-bottom:8px;gap:5px}.observation-heading span{font-size:.75rem}.clue-gallery{gap:7px}.clue-card{padding:4px 4px 8px;border-radius:10px}.clue-art{aspect-ratio:1}.clue-card-label{padding:8px 0 3px;font-size:.75rem;gap:4px}.clue-number{width:18px;height:18px;font-size:.75rem}.clue-card small{font-size:.75rem;line-height:1.5;margin-left:2px}.stage-observe .guest-card{width:24%;right:2%;bottom:20px;padding:4px}.stage-observe .guest-card .guest-name{font-size:.75rem;letter-spacing:0}.stage-observe .guest-card:before{width:35px;left:calc(50% - 17px)}.cup-token{width:120px;height:120px;bottom:132px}.serve-reaction{font-size:.8125rem;right:5%;top:22%;padding:10px 14px}.scent-particles{inset:55px 7% 20px 7%}}
@media(prefers-reduced-motion:reduce){.motion-frame,.clue-card,.scene.serving .cup-token{transition:none}.scent-particles{display:none}}

.motion-stage,.clue-art{aspect-ratio:1}

/* A continuous table scene: the camera moves, the objects stay in the room. */
[hidden]{display:none!important}
.immersive-game,.cinema-game,.cinema-play{max-width:1260px;padding-top:18px}
.desk-experience,.brew-experience{overflow:hidden;background:#122b50;border-radius:8px}
.observation-stage,.cinema-play .scene{position:relative;width:100%;height:auto;aspect-ratio:1672/941;overflow:hidden;background-color:#233e5d}
.desk-world{position:absolute;inset:0;transform-origin:50% 50%;transition:transform 950ms cubic-bezier(.22,.68,.24,1);will-change:transform}
.desk-scene-image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.desk-hotspot{position:absolute;z-index:2;width:58px;height:58px;transform:translate(-50%,-50%);display:grid;place-items:center;border:0;background:transparent;color:#fff9eb;padding:0}
.desk-hotspot:active:not(:disabled){transform:translate(-50%,-50%) scale(.94)}
.hotspot-ring{width:32px;height:32px;border:2px solid #fff3cd;border-radius:50%;box-shadow:0 0 0 8px #fff1d129,0 2px 12px #172d3f70;animation:desk-breathe 2.5s ease-in-out infinite}
.hotspot-ring:after{content:'';width:6px;height:6px;border-radius:50%;background:#fff6dd;display:block;margin:11px}
.hotspot-name{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.8125rem;background:#152b46b8;padding:6px 11px;border-radius:20px;text-shadow:0 1px 3px #183453}
.desk-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 38%,#10233b30 100%);opacity:.3;transition:opacity 950ms}
.focused .desk-vignette{opacity:1}
.desk-hud{position:absolute;left:20px;top:17px;display:flex;gap:14px;align-items:center;color:#fff3dd;text-shadow:0 1px 4px #122b4f;font-size:.8125rem;padding:8px 13px;background:#122b506b;border-radius:30px;pointer-events:none}
.desk-hud span+span{opacity:.7;font-size:.75rem}
.camera-back{position:absolute;right:18px;top:17px;border:1px solid #f1e3c877;background:#132c4b9c;color:#fff0d3;border-radius:25px;padding:9px 16px;font-size:.8125rem;backdrop-filter:blur(6px)}
.desk-story{padding:24px 30px 27px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff0d6;min-height:145px}
.desk-story-copy{max-width:66ch}.desk-story .speaker{color:#f5b779;font-weight:600}.desk-story .line{line-height:1.85;font-size:1rem;animation:line-arrive .5s ease both}.desk-story .actions{flex-shrink:0;max-width:36%}.desk-story .btn{font-size:.9rem}
.desk-story .btn.ghost{background:#264267;color:#fff2d7;border-color:#6b789073}
.cinema-play .play-layout{display:block}.cinema-play .sidebar{display:none}.cinema-play .theater{border:0;border-radius:8px;background:#122b50;box-shadow:none}.cinema-play .dialogue{border:0;color:#fff0d6;min-height:155px;padding:23px 30px 25px}.cinema-play .dialogue .line{max-width:85ch;min-height:0;margin-bottom:15px}.cinema-play .dialogue .speaker{color:#f5b779}.cinema-play .scene{--cup-size:clamp(140px,17vw,210px)}
.scene-order{position:absolute;right:20px;top:20px;color:#fff0d3;background:#18334cad;border-radius:25px;padding:9px 15px;font-size:.8125rem;backdrop-filter:blur(6px)}
.guest-anchor{position:absolute;left:53%;top:75%;width:0;height:0;pointer-events:none}
.cinema-play .serve-zone{left:46%;top:61%;bottom:auto;width:19%;min-height:0;height:27%;padding:8px;border:1px dashed #fff0c5b0;border-radius:50%;background:#152d501e;color:#fff9e8;text-shadow:0 1px 4px #18324a;box-shadow:inset 0 0 25px #fff1cb18}
.cinema-play .serve-zone.over{background:#e3974b99}.cinema-play .cup-cutout{left:13%;top:48%;bottom:auto;width:var(--cup-size);height:var(--cup-size);border:0;border-radius:0;background:url('assets/cup-cutout.webp') center/contain no-repeat;box-shadow:none;filter:drop-shadow(3px 10px 6px #603f3266);transition:transform 650ms cubic-bezier(.25,.8,.25,1),opacity .5s}
.cinema-play .cup-cutout.dragging{transition:none}.cinema-play .cup-cutout:after{left:20%;right:20%;bottom:-8px;border:0;background:#173556c9;border-radius:20px;padding:6px 4px}.cinema-play .scene.serving .cup-cutout{opacity:1}.cinema-play .scene.serving .cup-cutout:after{opacity:0}
.cup-on-table{position:absolute;left:53%;top:75%;transform:translate(-50%,-50%);width:calc(var(--cup-size)*.65);height:calc(var(--cup-size)*.65);background:url('assets/cup-cutout.webp') center/contain no-repeat;filter:drop-shadow(3px 6px 4px #603f3259);pointer-events:none}
.cup-arrived{position:absolute;left:53%;top:88%;transform:translateX(-50%);color:#fff4de;font-size:.75rem;text-shadow:0 1px 4px #102847;background:#16335382;padding:5px 10px;border-radius:20px}.serve-reaction{top:24%;right:12%;background:#fff3ddeb;border:0}
.brew-cinema{position:relative;width:100%;aspect-ratio:1120/472;background:#244269;overflow:hidden}
.coffee-film{display:block;width:100%;height:100%;object-fit:cover;background:#244269;pointer-events:none}
.film-shade{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#15273b9c);pointer-events:none}
.film-status{position:absolute;left:26px;bottom:21px;color:#fff1d6;display:flex;align-items:center;gap:10px;font-size:.9rem;text-shadow:0 1px 4px #122b50}.film-status .motion-status-dot{background:#fff0c1}
.film-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff4dc;background:#17334bbc;padding:12px 20px;border-radius:25px;font-size:.875rem}
.brew-console{padding:23px 28px 27px;color:#fff0d6}.console-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.console-title>div{display:flex;align-items:center;gap:16px}.console-title .eyebrow{color:#eab576;font-size:.75rem;white-space:nowrap}.console-title h2{font-size:1.3rem;font-weight:600;letter-spacing:.025em}.console-title p{font-size:.875rem;color:#c4cfe0}.console-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.console-controls .brew-meter{width:155px}.console-controls .progressbar{background:#355072;height:7px}.console-controls .progressbar i{background:#f1aa67}.console-controls output{color:#f7ddb6}.console-controls .hold{min-height:48px}.console-controls .btn{font-size:.875rem;padding:12px 20px}.console-controls .option-row{min-width:210px}.console-controls .option-row button{padding:12px 18px;background:#264468;color:#e9e0d0;border-color:#527090}.console-controls .option-row .selected{background:#edd2a3;color:#173653;border-color:#edd2a3}.inline-range{font-size:.75rem;color:#c4cfe0;width:170px;display:flex;flex-direction:column}.inline-range .range{height:22px;margin:3px 0 0}.brew-navigation{display:flex;gap:10px;align-items:center;margin-left:auto}.brew-navigation .textbtn{color:#bdc9db;font-size:.8rem}.brew-recipe-note{font-size:.875rem;color:#edddc4}
@keyframes desk-breathe{0%,100%{box-shadow:0 0 0 8px #fff1d124,0 2px 12px #172d3f70}50%{box-shadow:0 0 0 13px #fff1d144,0 2px 12px #172d3f70}}
@media(max-width:760px){.immersive-game,.cinema-game,.cinema-play{padding:12px 0}.immersive-game .chapterline,.cinema-game .chapterline,.cinema-play .chapterline{padding:0 10px}.desk-experience,.brew-experience,.cinema-play .theater{border-radius:0}.desk-hud{left:10px;top:10px;padding:6px 9px;font-size:.7rem;gap:8px}.desk-hud span+span{font-size:.65rem}.camera-back{right:10px;top:10px;font-size:.75rem;padding:6px 10px}.hotspot-name{font-size:.7rem;padding:4px 8px}.hotspot-ring{width:26px;height:26px}.hotspot-ring:after{margin:8px}.desk-story{display:block;padding:21px 20px 24px;min-height:0}.desk-story .line{font-size:.9375rem}.desk-story .actions{max-width:none;justify-content:flex-end;margin-top:19px}.cinema-play .dialogue{padding:21px 20px 24px;min-height:0}.scene-order{right:10px;top:12px;font-size:.65rem;padding:6px 8px}.cinema-play .location{left:10px;top:12px;font-size:.65rem;padding:6px 8px}.cinema-play .scent-cloud{left:10px;top:48px;gap:5px}.cinema-play .scent-cloud .tag{font-size:.65rem;padding:4px 7px}.cinema-play .scene{--cup-size:125px}.cinema-play .cup-cutout{top:40%}.cinema-play .cup-cutout:after{font-size:.65rem;bottom:2px}.cinema-play .serve-zone{font-size:.65rem;left:42%;width:26%;top:61%;height:30%}.cup-arrived{font-size:.6rem;top:89%;padding:3px 7px}.serve-reaction{font-size:.7rem;top:25%;padding:7px 10px}.cinema-play .record-sheet{left:4%;top:25%;width:45%;padding:11px;max-height:70%;overflow:auto}.cinema-play .record-sheet h3{font-size:.8125rem;margin:3px 0 7px}.cinema-play .record-sheet p{font-size:.7rem}.cinema-play .record-sheet .stamp{font-size:.55rem}.brew-cinema{aspect-ratio:1.7}.coffee-film{object-fit:cover;object-position:center}.film-status{left:16px;bottom:14px;font-size:.75rem}.film-loading{font-size:.75rem;width:max-content;max-width:90%;padding:9px 13px}.brew-console{padding:20px 18px 24px}.console-title{display:block;margin-bottom:16px}.console-title>div{gap:11px}.console-title h2{font-size:1.15rem}.console-title p{margin-top:7px;font-size:.8125rem}.console-controls{gap:13px}.console-controls .brew-meter{width:calc(50% - 10px)}.inline-range{width:calc(50% - 10px)}.console-controls .option-row{min-width:0;flex:1 1 auto}.console-controls .option-row button{padding:12px 10px}.console-controls .btn{font-size:.8125rem;padding:11px 16px}.brew-navigation{width:100%;justify-content:flex-end;margin-top:4px}.brew-recipe-note{font-size:.8125rem}.cinema-play .journey{padding:0 10px}.cinema-play .bottom-note{padding:0 18px}}
@media(prefers-reduced-motion:reduce){.desk-world,.desk-vignette,.cup-cutout{transition:none!important}.hotspot-ring{animation:none}}

.received-cup{position:absolute;right:2%;bottom:8px;width:116px;height:116px;border:4px solid #fff2d4;border-radius:17px;background-image:url(assets/coffee-flow.webp);background-size:300% 200%;box-shadow:0 4px 15px #152b4845;transform:rotate(-4deg);z-index:4;animation:line-arrive .4s ease both}.received-cup span{position:absolute;bottom:-8px;left:-7px;right:-7px;padding:5px 4px;border-radius:12px;background:#375777;color:#fff0d2;font-size:.75rem;text-align:center}@media(max-width:760px){.received-cup{width:88px;height:88px;right:3%;bottom:8px}.received-cup span{font-size:.75rem;padding:4px 2px}}