:root{color:#263d37;--paper:#f4efdd;--green:#365e50;--line:#b8bca1;--font:18px;font-family:system-ui,Microsoft YaHei,sans-serif;font-size:18px}*{box-sizing:border-box}html,body{background:#203a36;width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#29483e;cursor:pointer;background:#faf6e9;border:1px solid #a9b396;border-radius:10px;min-width:48px;min-height:48px;padding:10px 14px}button:hover{background:#e0e8d6}button:disabled{opacity:.5;cursor:default}button.primary{color:#faf3d8;background:#365e50;border-color:#365e50}button:focus-visible{outline-offset:2px;outline:3px solid #c2a655}input,select{border:1px solid var(--line);background:#fffaf0;border-radius:7px;width:100%;min-height:48px;padding:9px}label{margin:12px 0 6px;display:block}#world{position:fixed;inset:0}canvas{image-rendering:pixelated;display:block}#ui{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}#ui>*{pointer-events:auto}.landing{background:var(--paper);border:1px solid #ced0b8;border-radius:18px;width:min(500px,100% - 32px);max-height:calc(100dvh - 40px);margin:5dvh auto;padding:28px;overflow:auto;box-shadow:0 16px 80px #102d3299}.eyebrow{letter-spacing:.18em;color:#677d6d;margin:0 0 12px;font-size:12px}h1{font-size:30px;font-weight:600;line-height:1.4}h2{font-size:24px;font-weight:600}h3{font-size:19px}p{font-size:var(--font);margin:10px 0;line-height:1.8}.muted{color:#62766b;font-size:14px}.stack{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;gap:8px;display:flex}.topbar{top:max(12px,env(safe-area-inset-top));justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;left:12px;right:12px;pointer-events:none!important}.topbar>*{pointer-events:auto}.location{background:#f2eddcef;border:1px solid #b4baa0;border-radius:10px;max-width:55vw;padding:10px 14px}.location strong{font-size:17px;display:block}.location span{color:#657b6c;margin-top:4px;font-size:12px;display:block}.toolbar{gap:6px;display:flex}.toolbar button{background:#f4efdfed;padding:8px;font-size:14px}.objective{color:#f7edca;background:#253f36dd;border-radius:8px;max-width:min(420px,100vw - 24px);padding:9px 12px;font-size:14px;line-height:1.55;position:absolute;top:86px;left:12px;pointer-events:none!important}.controls{bottom:max(18px,env(safe-area-inset-bottom));justify-content:space-between;align-items:end;display:flex;position:absolute;left:22px;right:22px;pointer-events:none!important}.controls>*{pointer-events:auto}.joystick{touch-action:none;-webkit-user-select:none;user-select:none;background:#344f4170;border:2px solid #ece6c7b0;border-radius:50%;place-items:center;width:126px;height:126px;display:grid}.joystick i{pointer-events:none;background:#e7dec4bf;border:2px solid #fff1d3;border-radius:50%;width:48px;height:48px;display:block}.interact{background:#f4e9ccf0;border:2px solid #c3b787;max-width:180px;min-height:68px;font-size:16px;box-shadow:0 5px #4b695bd0}.controls.left{flex-direction:row-reverse}.overlay{background:#162c2870;place-items:center;padding:14px;display:grid;position:absolute;inset:0}.drawer{background:var(--paper);border:1px solid #c9ceb1;border-radius:16px;flex-direction:column;width:min(680px,100%);max-height:calc(100dvh - 28px);display:flex;overflow:hidden;box-shadow:0 12px 80px #102922aa}.drawer header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.drawer header h2{margin:0;font-size:22px}.drawer article{overscroll-behavior:contain;min-height:0;font-size:var(--font);flex:auto;padding:18px 22px;overflow:auto}.drawer footer{border-top:1px solid var(--line);background:#e9e7d4;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:12px 18px;display:flex}.card{border:1px solid var(--line);background:#fffbef;border-radius:10px;margin:10px 0;padding:14px}.card small{color:#677767;display:block}.image-evidence{width:100%;image-rendering:pixelated;border:6px solid #fff9e9;box-shadow:0 2px 8px #405a4430}.note{background:#e8e5cc;border-left:3px solid #a9a264;padding:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.thumb{object-fit:cover;height:100px;image-rendering:pixelated;border-radius:6px;width:100%}.badge{background:#dce4cd;border-radius:6px;padding:5px 9px;font-size:13px}.swatches{gap:8px;display:flex}.swatches button{font-size:22px}#toast{color:#f5eccd;pointer-events:none;z-index:100;background:#183f37f0;border-radius:10px;max-width:90vw;padding:12px 18px;font-size:15px;display:none;position:fixed;bottom:180px;left:50%;transform:translate(-50%)}.connection{color:#f5f0d9;white-space:nowrap;background:#29483bcc;border-radius:4px;padding:4px;font-size:11px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.paper-choice{border:1px dashed #86977d;padding:16px}.tea-visual{place-items:center;height:100px;font-size:52px;display:grid}.puzzle-image{color:#eee9d2;background:#243d38;border-radius:8px;padding:12px;position:relative}.puzzle-image small{font-size:16px;line-height:1.7;display:block}.map-link{justify-content:space-between;align-items:center;display:flex}.danger{color:#874b36;border-color:#bd8971}@media (max-width:600px){.landing{margin:16px auto;padding:22px}.toolbar{gap:4px}.toolbar button{min-width:48px;padding:6px;font-size:12px}.location{max-width:43vw;padding:8px 10px}.location strong{font-size:15px}.objective{font-size:13px;top:80px}.overlay{align-items:end;padding:8px}.drawer{border-radius:16px 16px 6px 6px;max-height:calc(100dvh - 16px)}.drawer article{flex:auto;padding:14px 16px}.drawer footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.joystick{width:108px;height:108px}.controls{left:15px;right:15px}.interact{max-width:160px}.grid{grid-template-columns:1fr}h1{font-size:27px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.puzzle-visuals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.puzzle-visuals figure{margin:0}.puzzle-visuals figcaption{font-size:14px;line-height:1.6}.puzzle-visuals img{min-height:80px}@media (max-width:420px){.puzzle-visuals{grid-template-columns:1fr}}.tea-stage,.bird-stage,.lamp-stage{min-height:190px;image-rendering:pixelated;background:#4d7067;border:4px solid #9caa89;justify-content:center;align-items:center;gap:24px;margin:16px 0;display:flex;position:relative;overflow:hidden}.tea-stage{background:repeating-linear-gradient(0deg,#9b8665 0 30px,#8a795c 30px 32px);flex-direction:column;gap:0}.cup{z-index:1;background:#675e49;border:6px solid #ded7b3;border-top:3px solid #faf0cb;border-radius:2px 2px 24px 24px;width:104px;height:78px;position:relative;overflow:hidden}.cup span{text-align:center;color:#fff5d9;text-shadow:1px 1px #374942;position:absolute;inset:28px 0 0}.tea-fill{background:#b29151;width:100%;height:0;transition:height .65s;position:absolute;bottom:0}.saucer{background:#d1c7a0;border-radius:50%;width:150px;height:12px;transform:translateY(-4px)}.steam{opacity:0;color:#eee6c6;letter-spacing:9px;height:30px}.warm .steam{opacity:1;animation:2s ease-in-out infinite steam}.bird-stage{background:linear-gradient(#91b0a0 0 55%,#73988a 55% 70%,#547c73 70%)}.bird-stage:after{content:"";background:#acb488;width:4px;height:70px;position:absolute;bottom:0;left:15%;transform:rotate(9deg);box-shadow:23px 15px #acb488,170px -6px #bac297,191px 8px #9da77f}.bird-sprite{width:64px;height:64px;image-rendering:pixelated;z-index:1;background:url(/assets/birds-9a35c1c3ec1e.png) 0 0/192px 192px;animation:1.4s step-end infinite bird}.frozen .bird-sprite{animation-play-state:paused}.bird-stage small{color:#f8ebc5;background:#314f43;padding:5px;position:absolute;top:8px;left:8px}.viewfinder{border:2px dashed #f0dfb4;width:100px;height:90px;position:absolute}.frozen .viewfinder{border-style:solid}.album-card{border:1px solid #9d9e7c;margin-block:10px;padding:16px}.album-card .bird-sprite{animation:none}.collection{align-items:center;gap:16px;display:flex}.collection i{width:64px;height:64px;image-rendering:pixelated;background:url(/assets/decor-7c68470183ab.png) 0 0/448px 64px;display:block}.lantern{background:var(--lamp);width:56px;height:74px;box-shadow:0 0 20px var(--lamp);color:#344c43;border:9px solid #52644f;border-left:5px solid #69785e;border-right:5px solid #69785e;justify-content:center;align-items:center;display:flex;position:relative}.lantern small{color:#f7e9bf;position:absolute;top:76px}@keyframes steam{50%{opacity:.5;transform:translateY(-5px)}}@keyframes bird{33%{background-position-y:-64px}66%{background-position-y:-128px}}.reduced *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.portrait{float:left;width:48px;height:72px;image-rendering:pixelated;background-size:192px 1728px;margin:0 16px 8px 0}.puzzle-visuals figure{position:relative}.puzzle-visuals.aligned img{outline:3px solid #76916b}.puzzle-visuals .subtitle{color:#fff0c9;background:#253e39;padding:6px;font-size:15px}.drawer input[type=range]{accent-color:#365e50;min-height:48px;padding:0}.scene-visual{height:164px;image-rendering:pixelated;background-color:#466558;background-position:50% 45%;background-size:cover;border:5px solid #d3ceb0;justify-content:center;align-items:center;margin:0 0 16px;display:flex;position:relative;overflow:hidden}.scene-visual>img{object-fit:contain;max-width:100%;height:100%;image-rendering:pixelated}.scene-visual figcaption{color:#f2e7c7;z-index:2;background:#263e38ec;padding:6px;font-size:13px;position:absolute;bottom:0;left:0;right:0}.scene-sign,.screen-off{text-align:center;background:#efe3c2ef;border:4px solid #6d7d61;padding:14px;font-size:16px;line-height:1.5;box-shadow:0 3px #344b42}.screen-off{color:#dbc99d;background:#203531}.sealed-paper{background:#a59874;border:4px solid #857858;width:130px;height:85px;position:relative;transform:rotate(-5deg)}.sealed-paper i{color:#344d42;font-style:normal;position:absolute;top:9px;left:10px}.sealed-paper span{background:repeating-linear-gradient(0deg,#eee9cd 0 8px,#e5ddbd 8px 9px);width:62px;height:75px;position:absolute;top:-6px;right:-10px;transform:rotate(11deg);box-shadow:2px 3px #334a4266}@media (max-height:500px){.scene-visual{height:105px}.drawer footer{max-height:38dvh;overflow:auto}.drawer header{padding:6px 12px}.drawer header h2{font-size:19px}}.first-guide{background:#e4d8b4;font-size:16px;position:absolute;top:142px;left:16px;box-shadow:0 3px #526e57}.first-guide[hidden]{display:none}@media (max-height:500px){.first-guide{top:118px;left:12px}}