@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&family=Noto+Serif+TC:wght@500;600&display=swap');
:root{color-scheme:light;--paper:#f5f1e6;--ink:#5c6250;--muted:#90907d;--green:#809470;--line:#dedfce;font-family:'Noto Sans TC','PingFang TC',sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 12% 15%,#fffbef,transparent 60%),var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #879b70;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.97)}.header{height:70px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:23px Georgia,serif;display:flex;align-items:center;gap:9px}.brand>span{font-size:25px;border:1px solid #8c9a7e;background:#e5ebda;border-radius:9px;display:grid;place-items:center;width:30px;height:30px;padding-bottom:3px}.header-note{font-size:12px;color:var(--muted);letter-spacing:.08em}.back-link{font-size:12px;color:#838b75}.shell{max-width:1380px;padding:32px 44px 24px;margin:auto}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:500;color:#8c987a;margin:0 0 8px}h1{font-family:'Noto Serif TC',serif;font-size:35px;letter-spacing:.05em;font-weight:600;line-height:1.5;margin:0}h1 span{font-family:Georgia,serif;color:#bdad88;display:inline-block;transform:rotate(12deg);font-size:34px;margin-left:13px}.subtitle{font-size:13px;color:var(--muted);margin:8px 0 0}.day-badge{border:1px solid #c9d0b9;border-radius:50%;background:#ebeedf;transform:rotate(6deg);height:91px;width:91px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.day-badge span{font-size:10px;color:#849073}.day-badge strong{font:28px Georgia,serif;color:#81916e}.game{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.room-panel{border:1px solid #dfddcd;background:#eeeadc;border-radius:23px;overflow:hidden;box-shadow:0 4px 0 #e1ddce55;min-width:0}.room-caption{height:54px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px;color:#92917a;border-bottom:1px solid #e1dece;background:#f3f0e5}.room-caption>span:first-child{font-family:'Noto Serif TC',serif;font-size:17px;color:#6f795e;white-space:nowrap}.room-caption i{height:6px;width:6px;background:#99ac82;border-radius:50%;display:inline-block;vertical-align:3px;margin-right:7px}.scene-host{height:565px;position:relative;width:100%;overflow:hidden;background:radial-gradient(ellipse at 45% 42%,#f9f4e5 0,#eeeadc 70%);touch-action:none}.scene-host canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:14px;color:#8a9876}.loading>span{font-size:48px}.loading.error{padding:30px;text-align:center;line-height:2}.scene-tools{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e0ddcd;background:#f3f0e5}.scene-instruction{font-size:11px;color:#8c907a;line-height:1.7}.mobile-break{display:none}.zoom-controls{display:flex;align-items:center;border:1px solid #d5dbc5;background:#f9f8ef;border-radius:10px;overflow:hidden;flex-shrink:0}.zoom-controls button{font-size:17px;background:none;min-width:34px;height:34px}.zoom-controls #zoom-fit{font-size:11px;min-width:44px;border-left:1px solid #e0e2d3;border-right:1px solid #e0e2d3}.sidebar{border:1px solid #e1e2d2;background:#fbfaf3;border-radius:19px;padding:21px 18px;min-width:0}.side-heading{display:flex;align-items:center;justify-content:space-between}.side-heading h2{font-size:16px;font-weight:500;margin:0}.side-heading>span{font:15px Georgia,serif;color:#8b987b;border-radius:10px;padding:4px 8px;background:#eef0e4}.side-note{font-size:11px;color:#93947f;margin:8px 0 15px;line-height:1.7}.item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-button{border:1px solid transparent;background:#f2f1e6;border-radius:12px;padding:6px 5px 9px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;touch-action:none}.item-button.selected{border-color:#9aac86;background:#e8eedd}.item-icon{height:62px;display:flex;justify-content:center;align-items:center;width:100%;pointer-events:none}.item-icon svg{max-width:85px;height:64px;width:90%;overflow:visible}.item-name{font-size:12px;color:#788168}.item-location{font-size:10px;color:#9b9c88}.item-button.homed .item-location{color:#849971}.selection{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:14px 0 11px;border-bottom:1px dashed var(--line);margin-top:9px}.selection>span{color:#7b896b}.selection button{background:#edf0e3;border:1px solid #d7dcc9;border-radius:8px;padding:6px 8px;font-size:12px}kbd{font:9px inherit;border:1px solid #d2d8c1;padding:1px 3px;border-radius:3px;color:#939d83}.surface-caption{font-size:11px;color:#939680;margin:13px 0 9px}.surface-controls{display:flex;flex-wrap:wrap;gap:5px}.surface-controls button{font-size:11px;padding:7px 10px;border:1px solid #dedfce;border-radius:8px;background:#f5f4ea}.surface-controls button.active{background:#e8edde;border-color:#bdcaaa}.message{font-size:11px;line-height:1.9;color:#8a9179;min-height:42px;margin:12px 0}.history-tools{display:flex;gap:5px}.history-tools button{flex:1;padding:9px 2px;border:1px solid #e0e2d1;border-radius:8px;background:#f3f3e9;font-size:10px;min-height:37px}.finish{width:100%;background:#849a73;color:#fffdf4;border-radius:11px;padding:12px 10px;font-size:13px;margin-top:15px;box-shadow:0 3px 0 #647c53}.finish span{margin-left:5px;font-size:17px}.finish-note{text-align:center;font-size:10px;color:#9a9e87;line-height:1.8;margin:12px 0 0}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:10px;color:#9b9d88}dialog{border:1px solid #d1d9bf;background:#fbfaf1;color:var(--ink);border-radius:24px;padding:28px 30px;width:min(410px,calc(100% - 30px));text-align:center;box-shadow:0 20px 100px #56614533}dialog::backdrop{background:#56634755;backdrop-filter:blur(4px)}dialog .bloom{font-size:64px;display:block;color:#a9ba93;margin-bottom:13px}dialog h2{font:600 23px 'Noto Serif TC',serif;line-height:1.5}dialog p:not(.eyebrow){font-size:13px;line-height:1.9;color:#93967f}.finish:disabled{box-shadow:none;background:#d2d9c3;color:#818b74;opacity:1}noscript{display:block;padding:20px;text-align:center}
@media(min-width:1440px){.scene-host{height:620px}.shell{padding-top:40px}.title-row{margin-bottom:33px}}
@media(max-width:1100px){.shell{padding:28px 24px 20px}.game{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.sidebar{padding:18px 14px}.scene-host{height:530px}.room-caption{padding:0 15px}.room-caption>span:last-child{font-size:10px}.scene-instruction{font-size:10px}.scene-tools{padding:12px}}
@media(max-width:800px){.header{height:54px;padding:0 20px}.header-note{display:none}.shell{padding:20px 18px}.title-row{margin-bottom:20px}h1{font-size:30px}.subtitle{font-size:12px;line-height:1.9}.day-badge{width:69px;height:69px}.day-badge span{font-size:8px}.day-badge strong{font-size:24px}.game{grid-template-columns:minmax(0,1fr);gap:16px}.scene-host{height:400px}.room-caption{height:47px}.room-caption>span:first-child{font-size:15px}.room-caption>span:last-child{font-size:10px;max-width:155px;text-align:right;line-height:1.6}.scene-tools{padding:11px 12px}.mobile-break{display:block}.scene-instruction{font-size:10px}.sidebar{padding:18px}.side-note{font-size:12px}.item-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.item-icon{height:53px}.item-icon svg{height:55px}.item-button{padding:5px 3px 8px}.item-name{font-size:11px}.selection{padding-top:12px}.surface-controls button{font-size:12px;min-height:39px;flex-grow:1}.surface-caption,.message{font-size:12px}.history-tools button{font-size:12px;min-height:41px}.finish{font-size:14px;min-height:46px}.finish-note{font-size:11px}footer{font-size:9px;margin-top:22px}}
@media(max-width:400px){.shell{padding:15px 12px}.scene-host{height:350px}.room-panel{border-radius:17px}.title-row .eyebrow{font-size:8px}.title-row .subtitle{max-width:245px;font-size:11px}h1{font-size:27px}.day-badge{height:59px;width:59px;flex-shrink:0}.room-caption>span:last-child{max-width:135px}.scene-instruction{font-size:9px}.zoom-controls button{min-width:30px}.zoom-controls #zoom-fit{min-width:36px}.sidebar{padding:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.pick-label{position:absolute;top:12px;left:12px;z-index:2;padding:7px 11px;border:1px solid #d7dccb;border-radius:10px;background:#faf8eef2;font-size:12px;pointer-events:none}.pick-label[hidden]{display:none}.selection{gap:6px}.selection>span{flex:1}.selection #deselect{padding:7px 9px;background:#eceee3;border-radius:8px;font-size:11px}.item-list{touch-action:pan-y}.item-button.selected{touch-action:none}

.level-nav{display:flex;gap:10px;margin:-5px 0 16px}.level-nav button{flex:1;text-align:left;padding:13px 16px;background:#f9f7ee;border:1px solid var(--line);border-radius:13px;font-size:13px}.level-nav button[aria-current="step"]{background:#e7eddc;border-color:#a8b79b}.level-nav small{font-size:10px;display:block;margin-top:5px;color:#8b907d}.chapter-letter{display:flex;justify-content:space-between;gap:14px;align-items:center;border-left:3px solid #c4ceaf;margin-bottom:22px;padding:5px 0 5px 16px}.chapter-letter p{font-size:13px;line-height:1.8;margin:5px 0;color:#7b7d6a}.chapter-letter .eyebrow{font-size:10px}.chapter-letter button{flex-shrink:0;border:1px solid #d9ddcb;border-radius:12px;background:#f8f8ee;padding:11px 15px;font-size:12px}.chapter-letter button span{display:block;color:#91967f;font-size:10px;margin-top:4px}.item-story{font-size:12px;line-height:1.9;color:#7d816c;border-left:2px solid #c9d2b7;padding-left:10px;margin:12px 0}.cat-card{display:flex;gap:9px;align-items:center;background:#f0f1e5;padding:10px;border-radius:13px;margin:15px 0}.cat-card>div:first-child{width:65px;flex-shrink:0}.cat-card svg{width:65px;height:60px}.cat-card strong{font-size:12px}.cat-card p{font-size:11px;line-height:1.8;margin:4px 0;color:#8a8d79}.ending-clue{font-size:12px!important;color:#8b927c!important}.next-level{display:block;width:100%;padding:12px;margin-top:9px;background:#eeeede;border-radius:10px;font-size:13px}.next-level[hidden]{display:none}#notebook{max-width:520px;width:calc(100% - 32px);text-align:left;padding:28px;max-height:85vh;overflow-y:auto}#notebook h2{font-family:'Noto Serif TC',serif;font-size:23px}.notebook-intro{font-size:12px!important}.notebook-entry{display:flex;gap:15px;align-items:center;border-top:1px solid #e1e3d1;padding:14px 0}.notebook-entry svg{width:90px;height:80px;flex-shrink:0}.notebook-entry strong{font-size:14px}.notebook-entry p{font-size:12px!important;line-height:1.8!important;margin:4px 0!important}.notebook-entry small{font-size:10px;color:#989b87}#notebook-ending{font-size:12px!important;line-height:1.8!important}.scene-host.busy{pointer-events:none;opacity:.65}.scene-host.busy:after{content:'正在走到下一個街角…';position:absolute;inset:0;display:grid;place-items:center;background:#f5f1e6e0;font-size:14px}
@media(max-width:800px){.level-nav{gap:6px}.level-nav button{padding:10px 9px;font-size:11px;line-height:1.6}.level-nav small{font-size:9px}.chapter-letter{margin-bottom:16px;padding-left:10px}.chapter-letter p{font-size:11px}.chapter-letter button{font-size:11px;padding:9px}.cat-card p{font-size:12px}.item-story{font-size:12px}.title-row{margin-bottom:18px}}

.cat-card{flex-wrap:wrap}.cat-card>div:nth-child(2){flex:1;min-width:110px}.greet-cat{width:100%;border:1px solid #d4dbc5;background:#f8f7ed;padding:8px;border-radius:9px;font-size:11px}.memory-list{padding-left:16px;margin:8px 0 0;color:#7d876c;font-size:11px;line-height:1.8}.memory-count{display:block;color:#979d85;font-size:10px;margin-top:5px}