:root{--paper:#fbf4ee;--paper-2:#f6e6e0;--card:#f6ecd9;--ink:#3b2430;--muted:#8b6a76;--rose:#d4506d;--rose-deep:#a8324f;--blush:#f3c4cd;--gold:#c39a5c;--night:#2c2340;--line:#102e4973;--shadow:0 0 0 3px #d3a557, 0 8px 0 #0b203640;--serif-zh:"Noto Serif SC", "Songti SC", serif;--serif-en:"Cormorant Garamond", Georgia, serif;--hand:"Ma Shan Zheng", "Kaiti SC", cursive;--radius:14px}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #fde2e4 0%, transparent 60%), radial-gradient(900px 500px at 110% 10%, #f9e1cf 0%, transparent 55%), var(--paper);color:var(--ink);font-family:var(--serif-en), var(--serif-zh);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:17px;line-height:1.7;overflow-x:hidden}html[lang=zh-CN] body{font-family:var(--serif-zh);font-size:16px}a{color:inherit}#app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:1000;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fbf4eed1;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.brand-zh,.topbar nav a,.lang-btn{white-space:nowrap}.brand{flex-direction:column;flex:none;margin-right:auto;line-height:1.1;text-decoration:none;display:flex}.topbar-avatar,.lang-btn{flex:none}.brand-zh{font-family:var(--hand);color:var(--rose-deep);font-size:24px}.brand-en{font-family:var(--serif-en);color:var(--muted);font-size:13px;font-style:italic}.topbar nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;min-width:0;font-size:15px;display:flex;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{color:var(--muted);border-bottom:2px solid #0000;padding:4px 0;text-decoration:none}.topbar nav a.active{color:var(--rose-deep);border-color:var(--rose)}.nav-soon{color:var(--muted);opacity:.45;cursor:default;padding:4px 0}.lang-btn{font:inherit;cursor:pointer;border:1px solid var(--rose);color:var(--rose-deep);background:0 0;border-radius:999px;padding:4px 12px;font-size:14px}.lang-btn:hover{background:var(--rose);color:#fff}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:3px solid #102e49;padding:22px}.signature{text-align:right;font-family:var(--hand);color:var(--rose-deep);font-size:26px}.floating-hearts{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-hearts i{color:var(--blush);opacity:0;font-style:normal;animation:14s linear infinite float;position:absolute;bottom:-40px}.floating-hearts i:first-child{font-size:14px;animation-delay:0s;left:5%}.floating-hearts i:nth-child(2){font-size:22px;animation-delay:3s;left:14%}.floating-hearts i:nth-child(3){font-size:12px;animation-delay:6s;left:23%}.floating-hearts i:nth-child(4){font-size:18px;animation-delay:9s;left:32%}.floating-hearts i:nth-child(5){font-size:26px;animation-delay:1.5s;left:41%}.floating-hearts i:nth-child(6){font-size:14px;animation-delay:4.5s;left:50%}.floating-hearts i:nth-child(7){font-size:20px;animation-delay:7.5s;left:59%}.floating-hearts i:nth-child(8){font-size:12px;animation-delay:10.5s;left:68%}.floating-hearts i:nth-child(9){font-size:24px;animation-delay:2s;left:77%}.floating-hearts i:nth-child(10){font-size:16px;animation-delay:5s;left:86%}.floating-hearts i:nth-child(11){font-size:20px;animation-delay:8s;left:93%}.floating-hearts i:nth-child(12){font-size:12px;animation-delay:11s;left:97%}@keyframes float{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.7}to{opacity:0;transform:translateY(-110dvh)rotate(25deg)}}.eyebrow{letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin:0;font-size:13px}.letter{border-left:4px solid var(--blush);background:linear-gradient(#fffaf3,#fdf1e8);padding:30px 28px;animation:.9s .6s both rise}.letter h2{font-family:var(--hand);color:var(--rose-deep);margin:0 0 12px;font-size:28px;font-weight:400}html[lang=en] .letter h2{font-family:var(--serif-en);font-style:italic;font-weight:600}.letter p{margin:0 0 14px;line-height:2}.cta{background:var(--rose);color:#fff;box-shadow:0 12px 26px -12px var(--rose-deep);border-radius:999px;justify-self:center;padding:12px 26px;text-decoration:none;transition:transform .2s}.cta:hover{transform:translateY(-2px)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes beat{0%,to{transform:scale(1)}20%{transform:scale(1.25)}40%{transform:scale(1)}}@media (width<=520px){.topbar{gap:8px}.topbar nav{gap:10px;font-size:14px}.brand-zh{font-size:21px}.brand-en{display:none}}@media (width<=360px){.topbar{gap:6px;padding:10px 12px}.topbar nav{gap:8px;font-size:13px}.brand-zh{font-size:19px}.lang-btn{padding:3px 9px;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.topbar-avatar{margin-left:10px;text-decoration:none;display:inline-flex}.topbar-avatar .avatar{border:1.5px solid var(--gold);width:32px;height:32px}body.world-sky{background:linear-gradient(var(--world-wash,transparent), var(--world-wash,transparent)), var(--meadow) center top / 96px 96px repeat;image-rendering:pixelated;transition:background 1s}body.world-sky .floating-hearts{display:none}body.world-sky .topbar{background:#f4e9d6f0;border-bottom:3px solid #102e49}.sign{background:#f4e9d6;border:3px solid #102e49;border-radius:14px;margin-bottom:8px;padding:14px 28px 16px;box-shadow:0 0 0 3px #d3a557,0 8px #0b203640}body{text-shadow:0 1px #ffffff59}.world-dialog,.world-hint,.world-foot,.topbar{text-shadow:none}.diff,.moment-more,.puzzle-caption,.puzzle-foot,.gomoku-status,.draws,.draw-roles,.draw-score>span,.seconds,.stars-at,.stars-foot,.journey-foot,.sync-foot{color:#f1e4c8;width:fit-content;max-width:100%;text-shadow:none;background:#0b2036e0;border:2px solid #d3a557;border-radius:10px;justify-self:center;margin-inline:auto;padding:6px 14px;font-style:normal}.draw-score{align-items:center}.draw-score>span{justify-self:auto;margin-inline:0}.diff{margin-top:0}.moment-more,.puzzle-caption{color:#f8e6b8}.gomoku-status[data-state=won],.gomoku-status[data-state=draw],.draw-score .sync{color:#ffd98a}.puzzle-foot .link,.stars-foot .link,.stars-foot span,.journey-foot .link,.journey-foot a,.journey-foot span,.draws{color:#f1e4c8}.map-head.sign{margin-bottom:10px}.g-btn:not(.primary),.d-btn:not(.primary){background:#f4e9d6}.sync-foot a{color:#f1e4c8}.start{text-align:center;justify-items:center;gap:18px;max-width:720px;margin:0 auto;padding:24px 16px 80px;display:grid}.start-head{justify-items:center;gap:6px;display:grid}.start-head h1,.start-head p{margin:0}.start h1{font-family:var(--hand);color:var(--rose-deep);margin:0;font-size:52px;font-weight:400;line-height:1.2;animation:.7s both rise}html[lang=en] .start h1{font-family:var(--serif-en);font-style:italic;font-weight:600}.start-sub{color:var(--muted);max-width:32em;margin:0;animation:.7s 80ms both rise}.start-cards{grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:520px;margin-top:20px;display:grid}.start-card{border-radius:var(--radius);cursor:pointer;background:var(--card);border:1.5px solid var(--line);box-shadow:var(--shadow);font:inherit;color:var(--ink);justify-items:center;gap:8px;padding:26px 16px 20px;transition:transform .18s,border-color .18s;animation:.7s .16s both rise;display:grid}.start-card:nth-child(2){animation-delay:.26s}.start-card:hover,.start-card:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-4px)}.start-card strong{font-family:var(--hand);color:var(--rose-deep);font-size:28px;font-weight:400}.start-card span{color:var(--muted);font-size:14px}@media (width<=480px){.start-cards{grid-template-columns:1fr}.start h1{font-size:40px}}.avatar{background:#1c1c1c;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:inline-grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.avatar i{font-style:normal;font-family:var(--hand);color:#f1e4c8;font-size:18px}.avatar.big{border:3px solid var(--gold);width:112px;height:112px;box-shadow:0 10px 30px #102e4959}.avatar.big i{font-size:48px}.level-cleared{z-index:2000;opacity:0;background:radial-gradient(at 50% 30%,#1f4f6deb,#0b2036f5);place-items:center;padding:16px;transition:opacity .32s;display:grid;position:fixed;inset:0}.level-cleared.in{opacity:1}.cleared-card{text-align:center;color:#f1e4c8;background:#102e4999;border:1px solid #d3a55780;border-radius:24px;justify-items:center;gap:10px;width:min(440px,100%);padding:32px 28px 24px;transition:transform .42s cubic-bezier(.2,.9,.3,1.2);display:grid;transform:translateY(16px)scale(.96)}.level-cleared.in .cleared-card{transform:none}.cleared-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:#d3a557;margin:6px 0 0;font-size:12px}.cleared-card h2{font-family:var(--hand);color:#fff6dc;margin:0;font-size:40px;font-weight:400}html[lang=en] .cleared-card h2{font-family:var(--serif-en);font-style:italic;font-weight:600}.cleared-story{color:#f1e4c8d9;max-width:32em;margin:0}.cleared-next{color:#102e49;font:inherit;background:#d3a557;border:0;border-radius:999px;margin-top:10px;padding:10px 22px;text-decoration:none}.confetti{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cleared-card{z-index:1;position:relative}.cleared-voice{color:#f3d58a;font:inherit;cursor:pointer;background:0 0;border:1px solid #d3a55799;border-radius:999px;padding:6px 16px;font-size:14px}.cleared-stay{color:#f1e4c899;font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;text-decoration:underline}.quest-toast{z-index:2001;color:#f1e4c8;opacity:0;pointer-events:none;background:#102e49;border:1px solid #d3a55780;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;transition:opacity .22s,transform .22s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.quest-toast.in{opacity:1;transform:translate(-50%)}.quest-task{text-align:center;color:#f1e4c8;background:#102e49;border:1px solid #d3a55780;border-radius:999px;max-width:640px;margin:0 auto 14px;padding:10px 16px;font-size:14px;box-shadow:0 8px 24px -12px #102e4999}.quest-task.done{color:#102e49;background:#d3a557}.quest-task b{color:#d3a557}.quest-task.done b{color:#102e49}.journey{gap:20px;max-width:760px;margin:0 auto;padding:28px 16px 72px;display:grid}.journey-head{text-align:center;justify-items:center;gap:6px;animation:.7s both rise;display:grid}.journey-head h1{font-family:var(--hand);color:var(--rose-deep);margin:0;font-size:46px;font-weight:400;line-height:1.2}html[lang=en] .journey-head h1{font-family:var(--serif-en);font-style:italic;font-weight:600}.journey-sub{color:var(--muted);margin:0}.journey-map{background:radial-gradient(at 50% 20%,#1f4f6d 0%,#102e49 55%,#0b2036 100%);padding:10px;animation:.8s .12s both rise;overflow:hidden}.journey-map svg{width:100%;height:auto;display:block}.meridian{fill:none;stroke:#d3a55747;stroke-width:3px;stroke-dasharray:4 8;stroke-linecap:round}.meridian.lit{stroke:#d3a557;stroke-dasharray:none;stroke-width:3.5px;filter:drop-shadow(0 0 6px #d3a55799)}.node circle{fill:#102e49;stroke:#d3a55780;stroke-width:2.5px}.node .glyph{fill:#f1e4c899;text-anchor:middle;font-size:22px;font-family:var(--serif-en)}.node .label{fill:#f1e4c8;text-anchor:middle;font-size:15px;font-family:var(--serif-zh)}html[lang=en] .node .label{font-family:var(--serif-en);font-style:italic}.node.cleared circle{fill:#d3a557;stroke:#fff6dc}.node.cleared .glyph{fill:#102e49;font-weight:700}.node.current circle{stroke:#d3a557;stroke-width:3px;animation:1.8s ease-in-out infinite pulse}.node.current .glyph{fill:#fff6dc}.node.locked{opacity:.55}.node.locked .glyph{font-size:18px}a.node{cursor:pointer}a.node:hover circle,a.node:focus-visible circle{fill:#1f4f6d}a.node.cleared:hover circle{fill:#e7bc6e}@keyframes pulse{0%,to{stroke-width:3px;filter:none}50%{stroke-width:6px;filter:drop-shadow(0 0 10px #d3a557e6)}}@media (prefers-reduced-motion:reduce){.node.current circle{animation:none}}.journey-foot{text-align:center;color:var(--muted);margin:0;font-size:13px}.journey-foot .link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.journey-epilogue{animation:.8s .2s both rise}.journey-epilogue.sealed{background:var(--card);color:var(--muted);border:1px solid var(--line);box-shadow:none}.journey-foot a{color:var(--muted)}.world{gap:14px;max-width:860px;margin:0 auto;padding:20px 16px 72px;display:grid}.world-head{text-align:center;justify-self:center;justify-items:center;gap:4px;animation:.7s both rise;display:grid}.world-head h1{font-family:var(--hand);color:var(--rose-deep);margin:0;font-size:42px;font-weight:400;line-height:1.2}html[lang=en] .world-head h1{font-family:var(--serif-en);font-style:italic;font-weight:600}.world-sub{color:var(--muted);margin:0;font-size:14px}.world-stage{box-shadow:var(--shadow);background:#0b2036;border:4px solid #102e49;border-radius:18px;padding:0;animation:.8s .1s both rise;position:relative;overflow:hidden}.world-stage canvas{aspect-ratio:16/11;width:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;outline:none;display:block}.world-stage canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--gold)}.world-dialog{z-index:2;position:absolute;bottom:10px;left:10px;right:10px}.world-dialog[hidden]{display:none}.world-name{color:#102e49;letter-spacing:.04em;background:#d3a557;border-radius:10px 10px 0 0;margin:0 0 -2px 10px;padding:4px 14px;font-size:13px;font-weight:700;display:inline-block}.world-panel{color:#f1e4c8;background:#0b2036;border:2px solid #d3a557;border-radius:12px;gap:10px;padding:12px 14px;display:grid}.world-panel.has-face{grid-template-columns:56px 1fr}.world-face{object-fit:cover;background:#102e49;border:2px solid #d3a557;border-radius:50%;grid-row:1/3;width:56px;height:56px}.world-face[hidden]{display:none}.world-panel.has-face .world-actions{grid-column:2}.world-text{min-height:2.6em;margin:0;font-size:15px;line-height:1.5}.world-text .tag{color:#102e49;vertical-align:middle;background:#d3a557;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;display:inline-block}.world-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.world-actions .btn{padding:8px 16px;font-size:14px}.world-actions .btn.go{color:#102e49;background:#d3a557;border-color:#d3a557}.world-actions .btn.quiet{color:#f1e4c8;background:0 0;border:1px solid #f1e4c866}.world-pad{grid-template-columns:1fr auto;align-items:center;gap:16px;padding:0 8px;display:grid}.world-dpad{grid-template-rows:repeat(3,56px);grid-template-columns:repeat(3,56px);justify-content:start;gap:2px;display:grid}.world-dpad button,.world-a{color:#f1e4c8;font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#102e49;border:0;border-radius:12px;font-size:22px}.world-dpad button:active,.world-dpad button.down,.world-a:active{color:#102e49;background:#d3a557}.world-dpad .u{grid-area:1/2}.world-dpad .l{grid-area:2/1}.world-dpad .r{grid-area:2/3}.world-dpad .d{grid-area:3/2}.world-dpad .c{background:#1f4f6d;border-radius:50%;grid-area:2/2}.world-a{border:3px solid #d3a55780;border-radius:50%;width:72px;height:72px;font-size:24px;font-weight:700}@media (hover:hover) and (pointer:fine) and (width>=700px){.world-pad{display:none}}.world-hint,.world-foot{text-align:center;color:#f1e4c8;background:#0b2036e0;border:2px solid #d3a557;border-radius:10px;justify-self:center;margin:0;padding:6px 14px;font-size:13px}.world-foot .link{color:#f1e4c8;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.world-foot a{color:#f1e4c8}@media (hover:hover) and (pointer:fine){.world-hint.touch{display:none}}@media not ((hover:hover) and (pointer:fine)){.world-hint.keys{display:none}}.gate{text-align:center;justify-items:center;gap:12px;max-width:460px;margin:0 auto;padding:72px 16px 80px;display:grid}.gate h1{font-family:var(--hand);color:var(--rose-deep);margin:0;font-size:46px;font-weight:400;line-height:1.2;animation:.7s both rise}html[lang=en] .gate h1{font-family:var(--serif-en);font-style:italic;font-weight:600}.gate-form{justify-items:center;gap:14px;width:100%;padding:26px 22px;animation:.8s .1s both rise;display:grid}.gate-form label{color:var(--ink);font-size:18px}.gate-form input{width:100%;max-width:260px;font:inherit;text-align:center;letter-spacing:.2em;border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;padding:10px 14px;font-size:22px}.gate-form input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 4px #c39a5c2e}.gate-form .cta{font:inherit;cursor:pointer;border:0}.gate-wrong{color:var(--rose-deep);margin:0;font-size:14px}.gate-form.shake{animation:.4s shake}@keyframes shake{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}