.quest-menu{--ink:#162035;--edge:#e6c88f;--cream:#fff0cb;--pink:#f5bcbb;position:fixed;z-index:5;left:max(24px,env(safe-area-inset-left));top:max(24px,env(safe-area-inset-top));width:min(366px,calc(100vw - 48px));color:var(--cream);filter:drop-shadow(0 8px 0 #10172d38);font-family:"Songti TC","Noto Serif TC",serif}.pixel-panel{background:#182239f5;border:2px solid #ead09e;box-shadow:inset 0 0 0 3px #374057,inset 0 0 0 5px #ad8c625c,0 0 0 2px #202235;position:relative}.pixel-panel:before,.pixel-panel:after{content:"";position:absolute;pointer-events:none;width:6px;height:6px;background:#172035;box-shadow:0 0 0 2px #e6c88f}.pixel-panel:before{left:-2px;top:-2px}.pixel-panel:after{right:-2px;bottom:-2px}.menu-trigger{width:100%;min-height:70px;display:flex;align-items:center;gap:13px;color:var(--cream);padding:12px 18px;text-align:left;font:inherit;cursor:pointer;transition:background .2s}.menu-trigger:hover{background:#29344d}.trigger-mark{font-size:32px;color:#ffe1a0;line-height:1;text-shadow:3px 3px #76593e}.menu-trigger small{display:block;font:10px/1.4 ui-monospace,monospace;letter-spacing:2px;color:#cabb9f}.menu-trigger strong{display:block;font-size:20px;letter-spacing:.2em;margin-top:2px}.trigger-count{margin-left:auto;font:14px ui-monospace,monospace;color:#f3d9a4;border:1px solid #958268;padding:5px;box-shadow:2px 2px #0a1223}.trigger-chevron{font:24px ui-monospace,monospace;transition:transform .2s}.menu-trigger[aria-expanded=true] .trigger-chevron{transform:rotate(180deg)}.quest-panel{margin-top:10px;padding:22px 16px 14px;max-height:calc(100dvh - 126px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aa9674 #182239;animation:panel-in .28s steps(5,end)}.quest-panel[hidden]{display:none}.quest-heading{display:flex;justify-content:space-between;align-items:center;padding:0 5px 18px}.eyebrow{font-size:13px;letter-spacing:.12em;color:#cec5b4}.quest-heading h1{font-size:21px;letter-spacing:.08em;font-weight:600;margin:6px 0 0;line-height:1.4}.menu-star{font-size:37px;line-height:1;color:#f0ce8c;animation:star-breathe 4s steps(5,end) infinite}.destinations{display:grid;gap:10px}.quest-card{--accent:#f3c59d;position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-height:106px;padding:12px 23px 12px 13px;background:#202d42;border:1px solid #72809266;text-decoration:none;color:#ffefcf;cursor:pointer;box-shadow:inset 3px 0 #72809233,0 3px #0c182a;transition:border-color .18s,background .18s,transform .18s;touch-action:manipulation}.quest-card[data-destination=line]{--accent:#b7d9ca}.quest-card[data-destination=wedding]{--accent:#efb7c5}.quest-card.selected,.quest-card:hover,.quest-card:focus-visible{background:#344056;border-color:var(--accent);box-shadow:inset 3px 0 var(--accent),0 3px #0c182a;outline:none}.quest-card:focus-visible{outline:2px solid #fff5da;outline-offset:3px}.quest-card:active{transform:translateY(2px)}.quest-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,#fff0c709 50%,transparent 75%);background-size:250% 100%;opacity:0;pointer-events:none}.quest-card:hover:before,.quest-card:focus-visible:before{opacity:1;animation:card-glint 1.1s steps(10,end)}.item-art{flex:0 0 58px;height:58px;border:2px solid #b999775c;background-color:#1b263b;box-shadow:inset 0 0 0 3px #101d30,3px 3px #111b2c;image-rendering:pixelated;display:grid;place-items:center;transition:transform .2s}.sticker-art{background-image:url('assets/moon-room.png');background-size:384px 256px;background-position:-42px -158px;background-repeat:no-repeat}.item-art svg{width:35px;height:35px;stroke:var(--accent);fill:none;stroke-width:2;shape-rendering:crispEdges;filter:drop-shadow(2px 2px #0b1426)}.quest-card.selected .item-art{transform:translateY(-2px)}.item-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.item-number{font:10px/1.4 ui-monospace,monospace;letter-spacing:.6px;color:var(--accent)}.item-copy strong{font-size:19px;line-height:1.35;letter-spacing:.04em;font-weight:600;overflow-wrap:anywhere}.item-subtitle{display:block;font-size:14px;font-weight:400;letter-spacing:.05em;margin-top:2px;color:#eee0c7}.item-state{font-size:12px;line-height:1.4;color:#c4cbd0;letter-spacing:.08em}.quest-card[data-ready=true] .item-state{color:var(--accent)}.select-arrow{position:absolute;right:9px;font:23px ui-monospace,monospace;color:var(--accent);opacity:0;transform:translateX(-4px)}.quest-card.selected .select-arrow{opacity:1;animation:selector 1.2s steps(2,end) infinite}.npc-dialogue{display:flex;align-items:center;gap:12px;margin-top:19px;padding:14px 2px 14px;border-top:1px dashed #92857575;border-bottom:1px dashed #92857575;position:relative}.npc-avatar{flex:0 0 43px;height:43px;background:#314155 url('assets/moon-room.png') no-repeat;background-size:300px 200px;background-position:-98px -141px;image-rendering:pixelated;box-shadow:0 0 0 2px #b0a084,3px 3px #111727}.npc-name{font-size:12px;letter-spacing:.1em;color:#f2cda0}.npc-dialogue p{font-size:14px;line-height:1.75;letter-spacing:.03em;margin:3px 10px 0 0;min-height:3.5em;color:#ffefd4}.dialogue-next{position:absolute;right:0;bottom:14px;font-size:16px;color:#ceb991}.quest-footer{display:flex;gap:15px;align-items:center;margin:13px 3px 0;font-size:12px;color:#ccc5b8}.key-hint{font:10px/1.4 ui-monospace,monospace;border:1px solid #8c8e8e;padding:2px 4px;color:#e9dcc0}.footer-stars{margin-left:auto;color:#c5a675}.touch-guide{display:none}.menu-toast{position:fixed;z-index:10;left:50%;bottom:calc(max(24px,env(safe-area-inset-bottom)) + 58px);transform:translateX(-50%);max-width:calc(100vw - 40px);width:max-content;padding:16px 24px;color:#fff0cb;font-size:15px;line-height:1.65;margin:0;text-align:center}.menu-toast[hidden]{display:none}.menu-trigger:focus-visible{outline:2px solid #fff4ce;outline-offset:5px}@keyframes panel-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes selector{50%{transform:translateX(0)}}@keyframes star-breathe{50%{opacity:.5;transform:scale(.9)}}@keyframes card-glint{from{background-position:150% 0}to{background-position:-150% 0}}@media(max-width:650px){.quest-menu{left:max(16px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));width:min(366px,calc(100vw - 32px))}.menu-trigger{min-height:60px;width:218px;padding:9px 14px;gap:10px}.menu-trigger strong{font-size:18px}.menu-trigger small{font-size:9px;letter-spacing:1px}.trigger-mark{font-size:27px}.trigger-count{font-size:12px}.trigger-chevron{font-size:19px}.quest-panel{max-height:calc(100dvh - 106px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-top:18px}.quest-card{min-height:100px}.quest-heading h1{font-size:20px}.quest-footer>span:not(.touch-guide):not(.footer-stars){display:none}.touch-guide{display:inline;font-size:13px}.quest-menu:has(.quest-panel:not([hidden]))~.hint{opacity:0}}@media(max-height:680px){.quest-heading{padding-bottom:12px}.quest-panel{padding-top:15px}.quest-card{min-height:86px;padding-top:9px;padding-bottom:9px}.npc-dialogue{margin-top:14px;padding-block:10px}}@media(prefers-reduced-motion:reduce){.quest-menu *{animation:none!important;transition:none!important}}

/* Personal studio wordmark retains the compact game-menu silhouette. */
.menu-trigger strong{font-family:"Songti TC","Noto Serif TC",serif;font-size:23px;letter-spacing:.14em;white-space:nowrap}.menu-trigger small{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.04em;color:#efd4a7}@media(max-width:650px){.menu-trigger{width:min(290px,100%)}.menu-trigger strong{font-size:21px}.menu-trigger small{font-size:12px}.trigger-count{display:none}.trigger-chevron{margin-left:auto}}
