@font-face{font-family:pixel;src:url('/assets/fonts/fusion-pixel-12px-proportional-zh-hans.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#182c45;color:#432b22;font-family:pixel,monospace;image-rendering:pixelated}button,a{font:inherit}button{cursor:pointer}main{width:min(100%,520px);margin:auto;overflow:hidden;background:#f5d88a;box-shadow:0 0 60px #081523}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);clip-path:inset(50%)}
.game-hud{position:fixed;z-index:20;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),496px);height:58px;display:flex;filter:drop-shadow(0 4px #6f3b24)}.hud-day{width:74px;background:#ffda69;border:4px solid #9c552d;border-radius:9px 0 0 9px;display:flex;align-items:center;justify-content:center;gap:7px}.hud-day span{background:#e87043;color:white;padding:4px}.hud-day b{font-size:25px}.hud-time{flex:1;background:#fff0b8;border-block:4px solid #9c552d;display:flex;align-items:center;justify-content:space-around}.hud-time span{font-size:11px}.hud-time b{color:#b74b38}.hud-time i{font-style:normal;font-size:23px}.hud-music{width:58px;border:4px solid #9c552d;border-radius:0 9px 9px 0;background:#7ab766;color:white;font-size:25px}.hud-music.playing{animation:pulse 1s steps(2) infinite;background:#e89931}
.hero{height:100svh;min-height:700px;position:relative;display:grid;place-items:center;padding:85px 22px 80px;background:linear-gradient(#60b7eb 0 53%,#b8e6f1 53% 56%,#70ae49 56% 100%);isolation:isolate}.hero-land{position:absolute;inset:43% 0 0;background:url('/assets/hero-mountains.webp') center top/cover no-repeat;z-index:-1}.cloud{position:absolute;background:#fff;border-radius:4px;width:88px;height:25px;opacity:.9}.cloud:before,.cloud:after{content:"";position:absolute;background:white;width:32px;height:32px;top:-15px;left:16px;border-radius:4px}.cloud:after{left:47px;width:24px;height:24px}.c1{top:16%;left:-10px;animation:drift 17s linear infinite}.c2{top:28%;right:-30px;transform:scale(.65);animation:drift 13s linear infinite reverse}.letter{position:relative;width:100%;max-width:430px;padding:32px 30px 76px;background:#fff1be;border:6px solid #8e512e;box-shadow:inset 0 0 0 5px #d59c55,10px 12px #31572f;transform:rotate(-1deg)}.letter:before{content:"";position:absolute;inset:12px;border:2px dashed #c78749;pointer-events:none}.letter-stamp{position:absolute;right:22px;top:22px;width:62px;height:70px;border:3px dashed #ad5c42;display:grid;place-items:center}.letter-stamp img{width:44px}.letter-from{font-size:10px;color:#986443;letter-spacing:1px}.letter h1{font-size:32px;line-height:1.28;margin:35px 0 16px;color:#593425;text-shadow:2px 2px #e4bd76}.letter h1 em{font-style:normal;color:#c64c3c;font-size:40px}.letter>p:not(.letter-from){line-height:1.8}.wax-seal{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);width:78px;height:78px;border-radius:50%;border:5px solid #8d2f2a;background:#ce493d;color:#ffe9a7;box-shadow:inset 0 0 0 5px #a83832,0 6px #663422}.wax-seal b{font-size:25px}.hero-tip{position:absolute;bottom:28px;color:white;text-shadow:2px 2px #31572f;animation:bob 1.4s ease-in-out infinite}
section:not(.hero){padding:90px 20px;position:relative}.section-label{text-align:center;margin-bottom:34px}.section-label small{color:#b14f35;letter-spacing:2px}.section-label h2{font-size:32px;margin:7px 0;color:#623c26;text-shadow:3px 3px #f5bd52}.section-label p{margin:0;color:#765b3a;font-size:13px}.section-label.light *{color:#fff}.section-label.light h2{text-shadow:3px 3px #50362b}.calendar-zone{background:#f3d884;background-image:linear-gradient(90deg,#eecf75 1px,transparent 1px),linear-gradient(#eecf75 1px,transparent 1px);background-size:20px 20px}.season-calendar{background:#fff0bd;border:7px solid #8f502b;box-shadow:inset 0 0 0 5px #d89645,8px 9px #71452e}.season-calendar header{height:92px;background:#e2643e;color:white;display:flex;align-items:center;justify-content:space-around;border-bottom:5px solid #923d2e}.season-calendar header div{text-align:center}.season-calendar header small{display:block}.season-calendar header b{font-size:31px}.season-calendar header img{width:55px}.chicken{font-size:43px;color:#fff2d2;position:relative}.chicken i{font-size:18px;color:#f5b637;position:absolute;right:-8px;top:3px}.week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.week{background:#d99951;color:white;padding:9px 5px}.calendar-grid{padding:8px}.calendar-grid>*{min-height:46px;display:grid;place-items:center;border-right:1px solid #e3c58a;border-bottom:1px solid #e3c58a}.calendar-grid button{border:0}.birthday-day{position:relative;background:#f6c548!important;color:#8e332d;font-size:20px;font-weight:bold;animation:pulse 1.4s ease-in-out infinite}.birthday-day b{position:absolute;font-size:12px;right:3px;top:2px}.season-calendar footer{padding:14px;text-align:center;font-size:12px}.event-dot{display:inline-block;width:11px;height:11px;background:#e55043;margin-right:6px}.notice-strip{margin-top:24px;padding:18px;background:#6f9f52;color:white;border:4px solid #426a36;box-shadow:5px 5px #31502c;line-height:1.6}
.quest-zone{background:#367258 url('/assets/pelican-town.webp') center/cover fixed}.quest-zone:before{content:"";position:absolute;inset:0;background:#214a3eda}.quest-zone>*{position:relative}.quest-journal{background:#fff0c6;border:6px solid #81492c;box-shadow:inset 0 0 0 5px #cd9757,9px 10px #15352c;padding:31px 22px}.journal-pin{position:absolute;right:-13px;top:-25px;background:#f4c431;color:#98402f;border:5px solid #8b4c2b;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font-size:31px;line-height:1;padding-left:3px}.quest-journal header small{color:#b66b39}.quest-journal h3{font-size:25px;margin:7px 0 16px}.progress{display:block;height:15px;background:#5e4834;border:3px solid #5e3826}.progress i{display:block;height:100%;width:0;background:#72b453;transition:.3s}.quest-journal header>b{display:block;text-align:right;margin-top:5px}.quest-copy{line-height:1.7;border-bottom:3px dashed #b88752;padding-bottom:18px}.quest-row{display:flex;width:100%;gap:13px;text-align:left;background:none;border:0;border-bottom:2px solid #d6b379;padding:15px 2px;color:#533728}.quest-row>i{width:24px;height:24px;border:4px solid #8d5c36;background:#f8e6ad;flex:none}.quest-row.done>i:after{content:"✓";color:#4d8b3a;font-size:25px;position:relative;top:-12px}.quest-row.done span{text-decoration:line-through;opacity:.6}.quest-row span{flex:1}.quest-row b{display:flex;justify-content:space-between;font-size:16px}.quest-row small{color:#c35d38}.quest-row em{font-style:normal;font-size:11px;color:#826947}.reward{margin-top:20px;background:#e5b757;border:4px solid #925731;padding:13px;display:grid;grid-template-columns:1fr 1fr}.reward span{grid-column:1/-1;font-size:11px}.reward strong{text-align:right;color:#a73e31}
.saloon-zone{background:linear-gradient(#38253a,#211928);color:#ffe5a7}.saloon-zone:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,#ffffff05 39px 41px)}.saloon-zone>*{position:relative}.saloon-sign{margin:-50px auto 60px;width:290px;padding:14px;text-align:center;background:#7d352c;border:8px solid #e4a93e;box-shadow:inset 0 0 0 5px #4b281f,0 10px #181321;color:#ffc94c}.saloon-sign span,.saloon-sign strong{display:block;font-size:12px;letter-spacing:5px}.saloon-sign b{font-size:37px;display:block}.menu-board{background:#1b3e38;border:10px solid #8d512f;box-shadow:inset 0 0 0 4px #ca8b45,8px 9px #130f16;padding:12px}.menu-board article{display:flex;align-items:center;gap:12px;padding:15px 5px;border-bottom:2px dashed #7eaa73}.menu-board article:last-child{border:0}.menu-board img{width:43px}.menu-board div{flex:1}.menu-board b,.menu-board small{display:block}.menu-board small{font-size:10px;color:#a7d19b;margin-top:5px}.menu-board strong{color:#f1c54e}.gus-quote{background:#fff0c1;color:#503225;border:5px solid #8b4b2d;padding:20px;line-height:1.6;margin-top:25px}.gus-quote b{display:block;text-align:right}
.gift-zone{background-color:#ffd9d3;background-image:radial-gradient(circle,#d86a6a22 0 2px,transparent 3px),linear-gradient(45deg,transparent 45%,#fff4ec3d 46% 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,#eeb6b43d 46% 54%,transparent 55%);background-size:56px 56px,28px 28px,28px 28px;background-position:14px 14px,0 0,14px 14px}.friend-card{display:flex;align-items:center;gap:18px;background:#fff0bf;border:6px solid #9c5732;box-shadow:inset 0 0 0 4px #d79851,7px 8px #b16463;padding:17px}.friend-card img{width:74px;background:#d89967;border:4px solid #77462e}.friend-card b,.friend-card span,.friend-card small{display:block}.friend-card b{font-size:21px}.friend-card span{font-size:25px;color:#d7494c;letter-spacing:2px;margin:6px 0}.friend-card small{line-height:1.5}.inventory{margin-top:31px;display:grid;grid-template-columns:repeat(4,1fr);background:#b97b43;border:6px solid #6d4229;padding:7px;gap:5px;box-shadow:7px 8px #a95e60}.inventory button{aspect-ratio:1;border:4px solid #80502e;background:#f1c36d;position:relative}.inventory button.selected{background:#fff19c;transform:translateY(-7px);box-shadow:0 7px #e65b55}.inventory img{width:60%;max-width:49px}.inventory button>b{font-size:35px;color:#e2554c}.inventory span{position:absolute;right:2px;bottom:1px;color:white;text-shadow:2px 2px #3f2a20}.gift-note{text-align:center;background:#d45551;color:white;padding:15px;border:4px solid #9f3e41}
.route-zone{background-color:#29566c;background-image:radial-gradient(circle,#8ab1b92b 0 3px,transparent 4px),linear-gradient(90deg,#8ab1b90a 1px,transparent 1px),linear-gradient(#8ab1b90a 1px,transparent 1px),linear-gradient(135deg,transparent 48%,#f0cf6b12 49% 51%,transparent 52%);background-size:96px 96px,32px 32px,32px 32px,128px 128px;background-position:16px 16px,0 0,0 0,0 0}.ticket{display:flex;background:#ffe39a;border:5px solid #713f29;box-shadow:7px 8px #183848;transform:rotate(-1deg)}.ticket-main{flex:1;padding:18px;border-right:4px dashed #9a663b}.ticket-main>span{font-size:10px}.ticket-main img{width:80px;float:right}.ticket-main small{display:block;margin-top:16px}.ticket-main h3{font-size:20px;margin:3px 0}.ticket-main p{font-size:11px;line-height:1.5}.ticket-stub{width:120px;padding:19px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px}.ticket-stub small{margin-top:12px}.ticket-stub b{font-size:12px}.map-window{margin-top:35px;position:relative;border:8px solid #a46c38;box-shadow:inset 0 0 0 4px #e6b65e,7px 8px #183848}.map-window img{display:block;width:100%}.map-marker{position:absolute;left:54%;top:40%;color:#f14746;font-size:34px;filter:drop-shadow(2px 2px white);animation:bob 1.4s ease-in-out infinite}.map-marker small{display:block;background:#fff3b5;color:#4a3328;border:3px solid #75472e;font-size:10px;padding:3px}.route-button{display:block;margin:25px auto 0;background:#efbb42;color:#543622;border:5px solid #754228;box-shadow:0 6px #39291f;padding:16px;text-align:center;text-decoration:none}.final-zone{text-align:center;min-height:720px;background-color:#1d294d;background-image:radial-gradient(circle,#fff1a888 0 2px,transparent 3px),radial-gradient(circle,#9bc8dd66 0 1px,transparent 2px),linear-gradient(#14213f,#2d3462 60%,#153e37);background-size:83px 71px,57px 63px,100% 100%;background-position:12px 20px,38px 9px,0 0;color:white;isolation:isolate}.final-zone:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:30%;background:#102d34;clip-path:polygon(0 72%,10% 48%,18% 66%,30% 30%,42% 67%,53% 45%,66% 70%,78% 28%,89% 62%,100% 42%,100% 100%,0 100%);opacity:.6}.final-zone>img{width:80px;margin-top:50px}.final-zone>p{color:#f7cd4a;letter-spacing:3px}.final-zone h2{font-size:40px;line-height:1.4;text-shadow:4px 4px #11182c}.final-date{display:flex;flex-direction:column;gap:8px;color:#ffdf76;font-size:19px}.final-zone button{margin-top:35px;background:#e7b443;border:5px solid #6f3f25;box-shadow:0 6px #251c23;padding:14px 25px;color:#4c3023}.final-zone footer{margin-top:70px;font-size:9px;line-height:1.8;color:#aeb5d1}.lanterns{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-around}.lanterns i{width:9px;height:9px;background:white;box-shadow:0 0 13px 5px #ffd55d;animation:twinkle 1.5s steps(2) infinite}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.visible,.reveal.is-visible{opacity:1;transform:none}@keyframes drift{to{translate:570px}}@keyframes bob{50%{translate:0 -6px}}@keyframes pulse{50%{filter:brightness(1.2)}}@keyframes twinkle{50%{opacity:.3}}@media(max-width:390px){.letter{padding-inline:23px}.letter h1{font-size:28px}.letter h1 em{font-size:34px}.ticket-stub{width:104px}.section-label h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}