@font-face{font-family:Dreamwalk Kai;src:url(../fonts/dreamwalk-kai.woff2) format("woff2");font-display:block;unicode-range:U+0020,U+00A0,U+00B7,U+2E80-2FDF,U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/cormorant/cormorant-garamond-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/cormorant/cormorant-garamond-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f4efe3;--paper-2: #ebe3d1;--ink: #2a2824;--ink-soft: #5b564c;--seal: #b03a2a;--gold: #b8954a;--jade: #3f6a55;--serif: "Cormorant Garamond", "Dreamwalk Kai", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--kai: "Dreamwalk Kai", "Cormorant Garamond", "Kaiti SC", "STKaiti", "KaiTi", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#dfe9dd}#scene-container{position:fixed;inset:0}#ui-root{position:fixed;inset:0;pointer-events:none;font-family:var(--serif);color:var(--ink);z-index:10}#ui-root button{font-family:inherit}.paper{background:radial-gradient(120% 90% at 20% 10%,rgba(255,255,255,.55),transparent 60%),linear-gradient(180deg,var(--paper),var(--paper-2));border:1px solid rgba(90,70,40,.22);box-shadow:0 18px 50px #2832282e,inset 0 0 0 6px #ffffff59,inset 0 0 0 7px #b8954a59;border-radius:6px}.seal{display:inline-flex;align-items:center;justify-content:center;background:var(--seal);color:#f7e9dc;font-family:var(--kai);border-radius:4px;box-shadow:inset 0 0 0 2px #ffebdc80;line-height:1}.key{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;border-radius:5px;background:#fffaf0;border:1px solid rgba(60,50,30,.25);border-bottom-width:3px;font:600 13px/1 var(--serif);color:var(--ink);letter-spacing:.02em}#intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(80% 70% at 50% 45%,#ecf0e640,#d6e0d6bf);backdrop-filter:blur(3px);transition:opacity .9s ease,visibility .9s}#intro.hidden{opacity:0;visibility:hidden}#intro .card{display:grid;grid-template-columns:auto 1fr;gap:34px;padding:44px 52px 38px;max-width:760px;width:calc(100% - 48px)}#intro .vtitle{writing-mode:vertical-rl;font-family:var(--kai);font-size:72px;letter-spacing:.12em;color:var(--ink);line-height:1;position:relative;padding-top:4px}#intro .vtitle .seal{writing-mode:horizontal-tb;letter-spacing:0;position:absolute;bottom:-18px;left:-14px;width:40px;height:40px;font-size:15px;transform:rotate(-4deg)}#intro h1{margin:2px 0 6px;font-weight:500;font-size:40px;letter-spacing:.01em;line-height:1.05}#intro .tag{margin:0 0 20px;font-style:italic;font-size:19px;color:var(--ink-soft)}#intro .rule{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:0 0 18px;opacity:.7}#intro .controls{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px 14px;align-items:center;font-size:16px;color:var(--ink-soft);margin-bottom:24px}#intro .controls .keys{display:flex;gap:4px}#intro .actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn{pointer-events:auto;cursor:pointer;border:none;border-radius:4px;padding:13px 26px;font-size:19px;font-weight:600;letter-spacing:.04em;background:var(--ink);color:var(--paper);box-shadow:0 6px 16px #1e1e1440;transition:transform .15s ease,background .2s,opacity .3s}.btn:hover{transform:translateY(-1px);background:#3a3731}.btn:disabled{opacity:.45;cursor:progress;transform:none}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px #2a28248c}.btn.ghost:hover{background:#2a28240f}.btn .zh{font-family:var(--kai);font-weight:400;margin-right:8px;opacity:.8}#intro .foot{margin-top:16px;font-size:14.5px;color:var(--ink-soft);font-style:italic}#intro .loading{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-soft)}#intro .loading .bar{width:120px;height:3px;background:#00000014;border-radius:2px;overflow:hidden}#intro .loading .bar i{display:block;height:100%;width:40%;background:var(--seal);animation:load 1.2s ease-in-out infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(260%)}}#hud{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}#hud.on{opacity:1}#brand{position:absolute;top:18px;left:20px;display:flex;gap:12px;align-items:center;padding:10px 16px 10px 10px}#brand .seal{width:40px;height:40px;font-size:14px;flex-direction:column;letter-spacing:-1px}#brand .name{font-family:var(--kai);font-size:22px;line-height:1}#brand .sub{font-size:14px;color:var(--ink-soft);margin-top:4px;letter-spacing:.02em}#brand .dots{display:flex;gap:5px;margin-top:6px}#brand .dots i{width:9px;height:9px;transform:rotate(45deg);border:1.5px solid rgba(42,40,36,.45);transition:all .5s}#minimap-wrap{position:absolute;top:18px;right:20px;width:150px;height:254px;border-radius:14px;padding:0;overflow:hidden}#minimap{width:100%;height:100%;display:block;object-fit:cover}#minimap-wrap .north{position:absolute;top:6px;left:50%;transform:translate(-50%);font:600 12px var(--serif);color:var(--seal)}#prompt{position:absolute;left:50%;bottom:84px;transform:translate(-50%,10px);display:flex;gap:10px;align-items:center;padding:10px 18px;opacity:0;transition:all .35s ease;font-size:19px}#prompt.on{opacity:1;transform:translate(-50%)}#hints{position:absolute;left:20px;bottom:20px;padding:10px 14px;display:flex;gap:14px;align-items:center;font-size:14.5px;color:var(--ink-soft);transition:opacity 1s ease}#hints.dim{opacity:.72}#hints span{display:inline-flex;align-items:center;gap:6px}#cross{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1px #00000040;opacity:0;transition:opacity .3s}#cross.on{opacity:.8}#toast{position:absolute;top:112px;left:20px;transform:translate(-24px);opacity:0;transition:all .7s cubic-bezier(.2,.8,.2,1);padding:14px 22px 14px 16px;display:flex;gap:14px;align-items:center;width:360px}#toast.on{opacity:1;transform:translate(0)}#toast .zh{font-family:var(--kai);font-size:34px;line-height:1;writing-mode:vertical-rl;letter-spacing:.06em;padding:2px 16px 2px 0;border-right:1px solid rgba(184,149,74,.5)}#toast .kicker{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--seal);font-weight:600}#toast .en{font-size:21px;font-weight:600;margin:2px 0 3px;line-height:1.15}#toast .verse{font-style:italic;color:var(--ink-soft);font-size:15.5px;line-height:1.3}#note{position:absolute;left:50%;bottom:140px;transform:translate(-50%);font-style:italic;font-size:19px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45);opacity:0;transition:opacity .6s;white-space:nowrap}#note.on{opacity:1}#pause{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#dce4da59;backdrop-filter:blur(2px);pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}#pause.on{opacity:1;visibility:visible}#pause .card{padding:30px 36px;width:520px;max-width:calc(100% - 40px)}#pause h2{margin:0 0 4px;font-weight:500;font-size:30px;display:flex;align-items:baseline;gap:12px}#pause h2 .zh{font-family:var(--kai);font-size:28px;color:var(--seal)}#pause .row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(90,70,40,.12);font-size:18px}#pause .seg{display:flex;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #2a282459}#pause .seg button{pointer-events:auto;cursor:pointer;border:none;background:transparent;padding:6px 14px;font-size:16px;color:var(--ink)}#pause .seg button.on{background:var(--ink);color:var(--paper)}#pause input[type=range]{pointer-events:auto;accent-color:var(--seal);width:160px}#pause .views{display:grid;grid-template-columns:1fr;gap:5px;margin:14px 0 20px;font-size:16.5px}#pause .views-title{margin-top:16px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--seal);font-weight:600}#pause .views div{display:flex;gap:8px;align-items:center;color:var(--ink-soft)}#pause .views div.on{color:var(--ink)}#pause .views b{font-family:var(--kai);font-weight:400;font-size:18px;color:var(--seal);min-width:74px;white-space:nowrap}#pause .views div:not(.on) b{color:#2a28244d}#pause .actions{display:flex;gap:12px;margin-top:6px}@media(max-width:720px){#intro .card{grid-template-columns:1fr;padding:30px 26px}#intro .vtitle{writing-mode:horizontal-tb;font-size:44px}#intro .controls{grid-template-columns:auto 1fr}#minimap-wrap{width:96px;height:162px}#hints{display:none}}#pause .views i{margin-left:auto;color:var(--jade);font-style:normal;font-weight:700}#flash{position:absolute;inset:0;background:#f4efe3;opacity:0;pointer-events:none}#flash.on{animation:flash .9s ease-out}@keyframes flash{0%{opacity:.85}to{opacity:0}}#brand .dots i.found{border-color:var(--seal)}#brand .dots i.on{background:var(--seal);border-color:var(--seal)}#toast .todo{display:block;margin-top:5px;font-style:normal;font-size:14px;color:var(--seal);font-weight:600;letter-spacing:.02em}#toast.final{width:460px}#toast .stamp{position:absolute;right:-14px;bottom:-16px;width:62px;height:62px;background:var(--seal);color:#f7e9dc;font-family:var(--kai);font-size:17px;line-height:1.15;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:6px;box-shadow:inset 0 0 0 3px #ffebdc80;transform:rotate(-8deg) scale(2.6);opacity:0;animation:stamp .55s .9s cubic-bezier(.3,1.6,.5,1) forwards}@keyframes stamp{to{transform:rotate(-8deg) scale(1);opacity:.95}}#note{padding:7px 16px;border-radius:20px;background:#2428228c;backdrop-filter:blur(3px);text-shadow:none}#pause .views em{display:block;font-size:13.5px;color:var(--ink-soft);font-style:italic}#pause .views div{align-items:flex-start}#map-legend{position:absolute;top:262px;right:20px;width:236px;display:flex;justify-content:space-around;padding:6px 8px;font-size:13px;color:var(--ink-soft)}#map-legend span{display:inline-flex;align-items:center;gap:5px}#map-legend i{display:inline-block;width:10px;height:10px}.lg-ring{border:2px solid var(--seal);border-radius:50%}.lg-found{border:2px solid var(--seal);background:var(--paper)}.lg-done{background:var(--seal)}#toast.final{padding-right:70px}#flash.on{animation:flash2 .5s ease-out}@keyframes flash2{0%{opacity:.4}to{opacity:0}}#toast .verse{font-size:16.5px}#toast .todo{font-size:15px}#map-legend{font-size:14px}#pause .views em{font-size:14.5px}#toast .zh{white-space:nowrap}#pause .views b.unk{color:#2a282452}#hints{font-size:15.5px;color:var(--ink)}#minimap-wrap.pulse{animation:mpulse 1.2s ease-out}@keyframes mpulse{0%{box-shadow:0 0 #b03a2a99}to{box-shadow:0 0 0 22px #b03a2a00}}#toast .zh{white-space:nowrap;min-height:2.3em;text-orientation:upright}#toast .verse{font-size:17.5px;color:#47433b}#toast .en{font-size:22px}#note{font-size:20px;font-style:normal;background:#1e211ca8}.touch-only{display:none!important}body.touch .touch-only{display:grid!important}body.touch .desk-only{display:none!important}html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-layer{position:absolute;inset:0;pointer-events:none;touch-action:none}.touch-layer.live{pointer-events:auto}.joy-base{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;opacity:0;transform:scale(.85);transition:opacity .18s,transform .18s;pointer-events:none;background:radial-gradient(circle,#f4efe34d,#f4efe31f 70%);box-shadow:inset 0 0 0 2px #ffffff8c,0 6px 24px #0000002e;backdrop-filter:blur(2px)}.joy-base.on{opacity:1;transform:scale(1)}.joy-ring{position:absolute;inset:10px;border-radius:50%;border:1.5px dashed rgba(184,149,74,.75);transition:border-color .2s,box-shadow .2s}.joy-base.run .joy-ring{border:2px solid rgba(176,58,42,.9);box-shadow:0 0 18px #b03a2a73}.joy-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fffaf0,#e9dfc8);box-shadow:0 4px 14px #00000047,inset 0 0 0 2px #b8954a99}.joy-knob:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:3px;background:var(--seal);transform:rotate(45deg);opacity:.85}.joy-ghost{position:absolute;left:calc(96px + env(safe-area-inset-left));bottom:calc(118px + env(safe-area-inset-bottom));width:112px;height:112px;margin:0 0 -56px -56px;border-radius:50%;border:2px dashed rgba(255,255,255,.75);display:none;align-items:center;justify-content:center;pointer-events:none;animation:ghostPulse 2.2s ease-in-out infinite}.joy-ghost.live{display:flex}.joy-ghost.gone{opacity:0!important;transition:opacity .6s;animation:none}.joy-ghost-knob{width:44px;height:44px;border-radius:50%;background:#ffffff8c}.joy-ghost span,.look-ghost span{position:absolute;bottom:-30px;white-space:nowrap;color:#fff;font:600 15px var(--serif);text-shadow:0 1px 6px rgba(0,0,0,.5);letter-spacing:.04em}.look-ghost{position:absolute;right:calc(110px + env(safe-area-inset-right));bottom:calc(150px + env(safe-area-inset-bottom));width:120px;height:40px;display:none;pointer-events:none}.look-ghost.live{display:block}.look-ghost:before{content:"⟵  ✋  ⟶";position:absolute;inset:0;text-align:center;color:#ffffffd9;font-size:22px;text-shadow:0 1px 6px rgba(0,0,0,.45);animation:swipe 2.2s ease-in-out infinite}.look-ghost span{left:50%;transform:translate(-50%)}.look-ghost.gone{opacity:0;transition:opacity .6s}@keyframes ghostPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.05)}}@keyframes swipe{0%,to{transform:translate(-10px)}50%{transform:translate(10px)}}.touch-act{position:absolute;right:calc(26px + env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;flex-direction:row-reverse;border:none;background:none;padding:0;pointer-events:none;opacity:0;transform:translateY(14px) scale(.92);transition:all .25s cubic-bezier(.2,.9,.3,1.3)}.touch-act.on{opacity:1;transform:none;pointer-events:auto}.touch-act-e{width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 28px var(--serif);color:#f7e9dc;background:radial-gradient(circle at 35% 30%,#c8503c,var(--seal));box-shadow:0 8px 22px #781e1466,inset 0 0 0 3px #ffe1be8c,0 0 0 4px #f4efe399}.touch-act-label{background:#f4efe3f0;color:var(--ink);font:600 17px var(--serif);padding:9px 15px;border-radius:20px;box-shadow:0 6px 16px #0000002e;white-space:nowrap;max-width:46vw;overflow:hidden;text-overflow:ellipsis}.touch-act.down .touch-act-e{transform:scale(.9);filter:brightness(1.15)}.touch-btn{position:absolute;width:50px;height:50px;border-radius:50%;border:none;display:none;align-items:center;justify-content:center;font-size:22px;color:var(--ink);background:linear-gradient(180deg,var(--paper),var(--paper-2));box-shadow:0 6px 16px #0000002e,inset 0 0 0 2px #b8954a73;pointer-events:auto}.touch-btn.live{display:flex}.touch-btn.down{transform:scale(.9)}.touch-menu{top:calc(16px + env(safe-area-inset-top));right:calc(118px + env(safe-area-inset-right))}.touch-time{top:calc(74px + env(safe-area-inset-top));right:calc(118px + env(safe-area-inset-right))}.rotate-hint{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#d6e0d6db;backdrop-filter:blur(6px);pointer-events:auto;z-index:30}body.touch .rotate-hint.on:not(.dismissed){display:flex}.rotate-card{padding:28px 26px 22px;text-align:center;width:min(320px,86vw)}.rotate-phone{width:46px;height:78px;margin:4px auto 16px;border-radius:9px;border:3px solid var(--ink);position:relative;animation:rot 2.4s ease-in-out infinite}.rotate-phone:after{content:"";position:absolute;left:50%;bottom:5px;width:10px;height:3px;margin-left:-5px;border-radius:2px;background:var(--ink)}@keyframes rot{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-zh{font-family:var(--kai);font-size:34px;color:var(--seal)}.rotate-en{font-size:22px;font-weight:600;margin:4px 0 6px}.rotate-sub{font-size:15px;color:var(--ink-soft);margin-bottom:16px}body.touch #minimap-wrap{width:92px;height:156px;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right))}body.touch #map-legend,body.touch #hints,body.touch #prompt,body.touch #cross{display:none}body.touch #brand{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));padding:7px 12px 7px 7px;gap:9px}body.touch #brand .seal{width:32px;height:32px;font-size:11px}body.touch #brand .name{font-size:18px}body.touch #toast{top:calc(78px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));width:min(330px,46vw);padding:10px 14px 10px 12px;gap:10px}body.touch #toast .zh{font-size:26px}body.touch #toast .en{font-size:18px}body.touch #toast .verse{font-size:14.5px}body.touch #note{bottom:calc(120px + env(safe-area-inset-bottom));font-size:16px;max-width:70vw;white-space:normal;text-align:center}body.touch #pause .card{max-height:90vh;overflow-y:auto;padding:20px 22px}body.touch #pause .views{margin:8px 0 12px}@media(max-height:520px){#intro .card{padding:18px 22px;gap:18px;max-width:680px}#intro .vtitle{font-size:44px}#intro h1{font-size:26px}#intro .tag{font-size:15px;margin-bottom:10px}#intro .controls{gap:6px 10px;font-size:14px;margin-bottom:12px}#intro .foot{margin-top:8px;font-size:13px}.btn{padding:10px 18px;font-size:17px}}body.touch #pause{align-items:flex-start;padding-top:max(10px,env(safe-area-inset-top))}body.touch #pause .card{max-height:calc(100dvh - 20px);overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}body.touch #pause .row{padding:7px 0;font-size:16px}body.touch #pause h2{font-size:24px}@media(max-width:700px)and (pointer:coarse){body.touch #toast{width:min(270px,40vw)}body.touch #toast .verse{display:none}body.touch #brand .sub{font-size:12.5px}}#ui-root.clean>*{display:none!important}#hints.dim{opacity:1}#hints>span{transition:opacity 1.6s ease}#hints.dim>span{opacity:.45}#note{white-space:normal;max-width:min(720px,80vw);text-align:center;text-wrap:balance}#toast .todo{display:block;margin-top:6px;text-wrap:pretty}#toast .todo.done{padding-left:1.1em;text-indent:-1.1em}#toast .verse{text-wrap:pretty}#intro .tag{text-wrap:balance}body.touch #map-legend{display:none}#map-legend.gone{opacity:0;transition:opacity 1.2s}#note.high{bottom:auto;top:22px}#map-legend{width:auto;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 12px;font-size:13.5px}body[data-place=canal] #map-legend{top:280px}body[data-place=garden]{background:#dde7de}body[data-place=garden] #minimap-wrap{width:236px;height:236px;border-radius:50%}body[data-place=garden] #minimap{object-fit:fill}@media(max-width:720px){body[data-place=garden] #minimap-wrap{width:120px;height:120px}}body.touch[data-place=garden] #minimap-wrap{width:132px;height:132px}body[data-place=garden] .touch-menu,body[data-place=garden] .touch-time{right:calc(160px + env(safe-area-inset-right))}#veil{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--paper);opacity:0;pointer-events:none;transition:opacity .45s ease}#veil.on{opacity:1;pointer-events:auto}#veil .vz{font-family:var(--kai);font-size:64px;color:var(--ink);letter-spacing:.08em}#veil .ve{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--ink-soft)}#hub-hud{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}#hub-hud.on{opacity:1}#hub-hud>*{pointer-events:auto}#hub-hud #hints,#hub-hud #note,#hub-tags{pointer-events:none}#hub-hud #note.high{bottom:auto;top:calc(86px + env(safe-area-inset-top))}@media(max-height:450px){#hub-hud #note.high{top:auto;bottom:calc(8px + env(safe-area-inset-bottom))}}#hub-tags{position:absolute;inset:0;overflow:hidden}#hub-tags .tag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;padding:4px 12px 5px;min-height:44px;justify-content:center;border:0;border-radius:4px;background:#f4efe3f0;box-shadow:0 2px 8px #1e1e1447,inset 0 0 0 1px #b8954a80;color:var(--ink);font-family:var(--serif);white-space:nowrap;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s,box-shadow .18s ease}#hub-tags .tag.on{opacity:1;visibility:visible;pointer-events:auto}#hub-hud.winding #hub-tags .tag{transition:none}#hub-hud.winding #hub-card{opacity:0!important;transition:none!important;pointer-events:none}#hub-tags .tag b{font-family:var(--kai);font-weight:400;font-size:19px;line-height:1.15;letter-spacing:.06em}#hub-tags .tag span{font-size:14px;font-style:italic;line-height:1.2;color:var(--ink-soft)}#hub-tags .tag.hot,#hub-tags .tag:hover{box-shadow:0 3px 10px #1e1e1452,inset 0 0 0 1.5px var(--seal)}#hub-tags .tag.hot b,#hub-tags .tag:hover b{color:var(--seal)}#hub-tags .tag.edge{flex-direction:row;gap:8px;padding:4px 10px}#hub-tags .tag.edge:before{content:"";flex:none;width:8px;height:8px;border-top:2px solid var(--seal);border-left:2px solid var(--seal)}#hub-tags .tag.edge[data-edge=l]:before{transform:rotate(-45deg)}#hub-tags .tag.edge[data-edge=r]:before{order:2;transform:rotate(135deg)}#hub-tags .tag.edge[data-edge=u]:before{transform:rotate(45deg)}#hub-tags .tag.edge[data-edge=d]:before{transform:rotate(225deg)}#hub-hud button:focus-visible,#intro button:focus-visible{outline:2px solid var(--seal);outline-offset:3px;box-shadow:0 0 0 5px #f4efe3d9}#hub-hud button:focus:not(:focus-visible){outline:none}#hub-card{position:absolute;right:calc(22px + env(safe-area-inset-right));top:50%;width:300px;padding:14px 18px 18px;transform:translate(24px,-50%);opacity:0;visibility:hidden;transition:opacity .35s ease,transform .35s ease,visibility .35s}#hub-card.on{opacity:1;visibility:visible;transform:translateY(-50%)}#hub-card .x{position:absolute;top:26px;right:28px;z-index:1;width:30px;height:30px;border:0;border-radius:50%;background:#f7f2e6eb;box-shadow:0 1px 4px #1e1e1440;font-size:20px;color:var(--ink);cursor:pointer;line-height:30px;padding:0}#hub-card .pv{position:relative;height:172px;margin:6px 0 12px;border-radius:6px;background:#d9d2c0 center / cover no-repeat;box-shadow:inset 0 0 0 1px #2a28241f}#hub-card .pv .stamp{position:absolute;right:10px;bottom:10px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--kai);font-size:15px;line-height:1.1;color:#f7e9dc;background:#b03a2aeb;border-radius:4px;transform:rotate(-6deg)}#hub-card .head{display:flex;align-items:center;gap:10px}#hub-card .head .zh{font-family:var(--kai);font-size:34px;line-height:1;color:var(--ink)}#hub-card .head .seal{width:30px;height:30px;font-size:17px}#hub-card .en{margin-top:4px;font-size:19px;font-weight:500}#hub-card .region{font-size:14px;color:var(--ink-soft);letter-spacing:.04em}#hub-card .verse{margin:10px 0 12px;font-style:italic;font-size:16.5px;color:var(--ink-soft);text-wrap:balance}#hub-card .prog{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:14px;color:var(--ink-soft)}#hub-card .prog .dots{display:inline-flex;gap:4px}#hub-card .prog .dots i{width:8px;height:8px;transform:rotate(45deg);border:1.5px solid var(--seal)}#hub-card .prog .dots i.on{background:var(--seal)}#hub-card .btn{width:100%;justify-content:center}body[data-place=hub] .touch-layer,body[data-place=hub] .joy-base,body[data-place=hub] .joy-ghost,body[data-place=hub] .look-ghost,body[data-place=hub] .touch-act,body[data-place=hub] .touch-btn,body[data-place=hub] .rotate-hint{display:none!important}body[data-place=hub] canvas{cursor:grab}@media(max-width:720px){#hub-card{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;transform:translateY(24px)}#hub-card.on{transform:none}#hub-card .pv{height:128px}#hub-card .x{width:44px;height:44px;line-height:44px;font-size:24px;top:20px;right:22px}#hub-hud.card-open #note{bottom:auto;top:calc(78px + env(safe-area-inset-top))}}#pause .actions .btn{white-space:nowrap;padding-left:22px;padding-right:22px}#pause .actions .btn.ghost{flex:1}#pause .views-title .gloss{float:right;font-size:12.5px;letter-spacing:.04em;text-transform:none;font-weight:400;font-style:italic;color:var(--ink-soft);opacity:.75}#ui-root,#ui-root button,#veil{font-variant-numeric:lining-nums}#brand,#toast .kicker,#toast .todo,#hub-card .prog,#pause,#prompt{font-variant-numeric:lining-nums tabular-nums}#pause .actions .btn{flex:1}#pause .views{grid-template-columns:max-content 1fr auto;column-gap:12px}#pause .views div{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;row-gap:0}#pause .views b{min-width:0}#brand .name.latin{font-family:var(--serif);font-weight:600;font-size:21px;letter-spacing:.03em}#hub-tools{position:absolute;top:calc(18px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));display:flex;gap:10px}.hub-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--paper);box-shadow:0 4px 12px #1e1e142e,inset 0 0 0 1px #b8954a73;font-size:20px;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.hub-btn:hover{background:var(--paper-2)}.hub-btn svg{width:22px;height:22px;display:block}.hub-btn.off{color:#2a282473}body.touch #hub-tools{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}@media(max-width:720px){#intro .vtitle .seal{position:relative;bottom:auto;left:auto;top:-8px;display:inline-flex;vertical-align:middle;margin-left:14px}}@media(max-height:520px){#hub-card{top:calc(10px + env(safe-area-inset-top));transform:translate(24px);max-height:calc(100dvh - 20px);overflow-y:auto;width:280px;padding:10px 14px 12px}#hub-card.on{transform:none}#hub-card .pv{height:92px;margin:4px 0 8px}#hub-card .head .zh{font-size:26px}#hub-card .verse{margin:6px 0 8px;font-size:15px}#hub-card .prog{margin-bottom:8px}#hub-hud.card-open #hub-tools{display:none}}#veil .vl{width:140px;height:2px;margin-top:22px;background:#2a28241f;overflow:hidden;opacity:0;transition:opacity .4s}#veil .vl i{display:block;width:40%;height:100%;background:var(--seal);animation:load 1.2s ease-in-out infinite}#veil.slow .vl{opacity:1}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.key.arrow{display:inline-flex;align-items:center;justify-content:center;min-width:26px}.key.arrow svg{width:14px;height:10px;display:block}#hub-card .goal{margin:-8px 0 14px;font-size:14.5px;font-style:italic;color:var(--ink-soft)}#hub-card .region,#hub-card .prog,#hub-tags .tag span{font-size:15px}@media(pointer:coarse){#hub-card .x{width:44px;height:44px;line-height:44px;font-size:24px;top:20px;right:22px}body.touch #brand .sub,#hub-card .goal{font-size:15px}#hub-tags .tag span{font-size:15.5px}}@media(max-height:520px){#hub-card .goal{margin:-4px 0 8px}}@media(prefers-reduced-motion:reduce){#hub-card,#hub-card.on{transition:opacity .2s ease,visibility .2s}#intro,#veil,#note{transition-duration:.2s}}@media(prefers-reduced-motion:reduce)and (min-width:721px)and (min-height:521px){#hub-card{transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce)and (max-width:720px),(prefers-reduced-motion:reduce)and (max-height:520px){#hub-card,#hub-card.on{transform:none}}#hub-tags .tag .mark{position:absolute;top:-5px;right:-5px;width:11px;height:11px;transform:rotate(45deg);background:var(--paper);border:1.5px solid var(--seal);display:none}#hub-tags .tag[data-state=begun] .mark{display:block}#hub-tags .tag[data-state=sealed] .mark{display:block;background:var(--seal)}#hub-tags .tag span{font-style:normal;font-weight:500}#hub-card .goal{font-style:normal;font-size:15px}#hub-card .back{margin:-4px 0 10px;font-size:14.5px;font-weight:500;color:var(--seal);letter-spacing:.01em}#brand .sub{font-size:15px}@media(pointer:coarse){body.touch #brand .sub,#hub-card .goal,#hub-card .region,#hub-card .prog,#hub-card .back,#hub-tags .tag span{font-size:16px}}@media(max-height:450px){#hub-tags .tag{flex-direction:row;gap:7px;min-height:44px;padding:3px 12px}#hub-tags .tag b{font-size:17px}#hub-tags .tag span{font-size:14.5px}}.hub-btn.off{color:#2a2824b3}.hub-btn[hidden]{display:none}#hub-hud #note{background:#f4efe3f5;color:var(--ink);box-shadow:0 3px 12px #1e1e1438,inset 0 0 0 1px #b8954a80;font-style:normal;font-weight:500}@media(min-width:721px)and (min-height:521px){#hub-card{width:320px}}#hub-card .region,#hub-card .prog,#hub-card .goal,#hub-card .back{font-size:16px}#hub-card .prog span:last-child,#hub-card .goal,#hub-card .back,#hub-card .verse{text-wrap:balance}#hub-card .prog{flex-wrap:wrap;row-gap:4px}canvas,.touch-layer,.touch-layer *{touch-action:none}#hub-tags .tag:active{transform-origin:center;filter:brightness(.96);box-shadow:0 1px 4px #1e1e144d,inset 0 0 0 1.5px var(--seal)}.key{font-size:14px}@media(pointer:coarse){body.touch #brand .sub,#hub-card .goal,#hub-card .region,#hub-card .prog,#hub-card .back,#hub-tags .tag span{font-size:17px}#hub-card .prog .dots i{width:11px;height:11px}}@media(max-width:720px){#hub-hud #note.high{top:auto;bottom:calc(24px + env(safe-area-inset-bottom))}}@media(max-width:720px){#hub-hud.card-open #note.high{bottom:auto;top:calc(78px + env(safe-area-inset-top))}}#hub-card .x svg{width:18px;height:18px;display:block;margin:auto}@media(pointer:coarse){#hub-card .x svg{width:22px;height:22px}}#hub-tags .tag span{font-size:16px}#hub-card .region,#hub-card .prog,#hub-card .goal,#hub-card .back{font-size:16.5px;font-weight:500}#hub-hud #hints span{font-size:16px}#hub-card .prog span:last-child{flex-basis:100%}@media(max-height:520px){#hub-card.on{display:grid;grid-template-columns:136px 1fr;column-gap:16px;align-content:start}#hub-card .pv{grid-row:1 / span 7;height:auto;min-height:150px;margin:4px 0}#hub-card .verse,#hub-card .goal{display:none}#hub-card .prog span:last-child{flex-basis:auto}#hub-card #visit-btn{position:sticky;bottom:0;grid-column:2}#hub-card{width:min(540px,calc(100vw - 40px - env(safe-area-inset-left) - env(safe-area-inset-right)))}}#hub-hud #hints{flex-wrap:wrap;max-width:calc(100vw - 40px - env(safe-area-inset-left) - env(safe-area-inset-right));row-gap:6px}#hub-card .prog .dots{gap:5px}@media(max-height:520px){#hub-card{width:min(470px,calc(100vw - 40px - env(safe-area-inset-left) - env(safe-area-inset-right)))}}@media(max-height:520px){#hub-card .prog{margin-top:6px}}@media(max-height:520px){#hub-card .head,#hub-card .en{padding-right:52px}}@media(any-pointer:fine){body.touch #hub-hud #hints{display:flex}body.touch #intro .desk-only{display:grid!important}body.touch #intro .touch-only{display:none!important}}#hub-card h2.en{margin:4px 0 0;font-family:inherit;line-height:inherit}@media(max-width:720px){#hub-card{max-height:56dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:0}#hub-card #visit-btn{position:sticky;bottom:0;margin-bottom:14px;box-shadow:0 14px 0 0 var(--paper-2),0 -10px 14px 2px var(--paper-2)}}@media(max-height:520px){#hub-card .goal{display:block;grid-column:2;margin:0 0 8px}}body[data-place=hub] .key{font-size:15px}@media(pointer:coarse){body[data-place=hub] .key{font-size:16px}}body[data-place=hub] #intro .foot{font-size:16px;font-style:normal}@media(max-height:520px){body[data-place=hub] #intro .tag,body[data-place=hub] #intro .controls,body[data-place=hub] #intro .foot{font-size:16px}}.key.icon{display:inline-flex;align-items:center;justify-content:center;min-width:30px}.key.icon svg{width:16px;height:16px;display:block}#hub-hud #hints{transition:opacity .3s,visibility .3s}#hub-hud.card-open #hints{opacity:0;visibility:hidden}#hints.brief>span:not(.core){display:none}#hints .more{font:inherit;font-size:15px;color:var(--ink-soft);background:transparent;border:1px solid rgba(42,40,36,.3);border-radius:6px;padding:3px 10px;min-height:30px;cursor:pointer}#hints .more:hover,#hints .more:focus-visible{color:var(--ink);border-color:var(--seal)}@media(pointer:coarse){#hub-tags .tag span{font-size:17px}body[data-place=hub] #intro .loading{font-size:16px}}#hints .more{pointer-events:auto}#hub-hud.card-open #hints{opacity:1;visibility:visible}#hints.brief>span{display:none}#hub-hud:not(.card-open) #hints.brief>span.ov,#hub-hud.card-open #hints.brief>span.cd{display:inline-flex}@media(any-pointer:fine){body:not(.touch) #hub-tools .hub-btn{position:relative}body:not(.touch) #hub-time:after,body:not(.touch) #hub-sound:after{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);padding:1px 7px;border-radius:4px;border:1px solid rgba(42,40,36,.28);background:#f4efe3eb;font:600 15px/1.2 var(--serif);color:var(--ink-soft);pointer-events:none}body:not(.touch) #hub-time:after{content:"T"}body:not(.touch) #hub-sound:after{content:"M"}}#hub-tags .tag{background:#f4efe3c7;box-shadow:0 1px 3px #1e1e1438;padding:2px 9px 3px}.seal.open{background:transparent;color:#b03a2a80;box-shadow:inset 0 0 0 1.5px var(--seal)}#hub-tags .tag.edge{background:#f4efe3f0}@keyframes seal-press{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes stamp-press{0%{transform:rotate(-6deg) scale(2);opacity:0}to{transform:rotate(-6deg) scale(1);opacity:1}}#hub-card .head .seal.pressed{animation:seal-press .35s cubic-bezier(.3,1.4,.5,1) both}#hub-card .pv .stamp.pressed{animation:stamp-press .45s .15s cubic-bezier(.3,1.4,.5,1) both}@media(prefers-reduced-motion:reduce){#hub-card .pressed{animation:none!important}}#scroll-index{position:absolute;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));width:min(920px,calc(100vw - 40px));padding:6px 10px;pointer-events:auto}#hub-hud.has-index #hints{bottom:calc(72px + env(safe-area-inset-bottom))}#scroll-index[hidden]{display:none}#scroll-index .track{position:relative;height:34px;cursor:ew-resize;touch-action:none}#scroll-index .strip{position:absolute;inset:0;border-radius:3px;overflow:hidden}#scroll-index canvas{position:absolute;inset:0;width:100%;height:100%;filter:saturate(1.3) contrast(1.1)}#scroll-index .unrolled{position:absolute;top:0;bottom:0;border:1.5px solid var(--gold);border-radius:2px;box-shadow:0 0 0 999px #f4efe385,inset 0 0 0 1px #2a28244d;pointer-events:none}#scroll-index .seal-mark{--lens: 1.7;position:absolute;top:50%;width:26px;height:26px;padding:0;transform:translate(-50%,-50%);border:1.5px solid var(--seal);border-radius:3px;background:#f4efe3f0;color:var(--seal);font-family:var(--kai);font-size:16px;line-height:23px;cursor:pointer;transition:transform .12s ease}#scroll-index .seal-mark[data-state=sealed]{background:var(--seal);color:#f7e9dc}#scroll-index .seal-mark .new,#scroll-index .seal-mark[data-state=new] .g{display:none}#scroll-index .seal-mark[data-state=new] .new{display:inline}#scroll-index .seal-mark:hover,#scroll-index .seal-mark:focus-visible{transform:translate(-50%,-50%) scale(1.2);z-index:1;box-shadow:0 2px 6px #1e1e144d}#scroll-index .seal-mark.lens{transform:translate(-50%,-50%) scale(var(--lens));z-index:2;box-shadow:0 3px 10px #1e1e1459}#scroll-index.dots .seal-mark{width:12px;height:12px;border-radius:50%;font-size:0;line-height:0}#scroll-index.dots .seal-mark:before{content:"";position:absolute;inset:-9px -3px}#scroll-index.dots .seal-mark[data-state=new]{background:var(--gold);border-color:var(--gold)}#scroll-index.dots .seal-mark.lens{width:28px;height:28px;border-radius:3px;font-size:17px;line-height:25px}#scroll-index .flag{position:absolute;left:0;bottom:calc(100% + 8px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding:4px 12px 5px;border-radius:4px;white-space:nowrap;box-shadow:0 2px 8px #1e1e1447,inset 0 0 0 1px #b8954a80;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s,visibility .12s}#scroll-index .flag.on{opacity:1;visibility:visible}#hub-hud:has(#scroll-index .flag.on) #note,#hub-hud:has(#scroll-index .flag.on) #hints{opacity:0}#scroll-index.touching .flag{bottom:calc(100% + 24px)}#scroll-index .flag b{font-family:var(--kai);font-weight:400;font-size:17px;line-height:1.2;letter-spacing:.06em;color:var(--ink)}#scroll-index .flag span{font-family:var(--serif);font-size:16px;font-weight:500;line-height:1.2;color:var(--ink-soft)}#scroll-index .flag i{font-style:normal;color:var(--seal)}@media(max-width:720px),(max-height:520px){#scroll-index{left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));width:auto;transform:none;bottom:calc(8px + env(safe-area-inset-bottom))}#scroll-index .seal-mark{--lens: 1.6;width:28px;height:28px;line-height:25px;font-size:17px}}#hub-hud.card-open #scroll-index{z-index:0}#hub-card{z-index:2}#hub-tags .tag.edge:after{content:attr(data-more);margin-left:2px;font-family:var(--serif);font-size:15px;color:var(--seal)}body.touch #hub-tags .tag.edge:after{font-size:17px}@media(max-width:720px),(max-height:520px){#hub-hud.has-index #note.high{top:auto;bottom:calc(66px + env(safe-area-inset-bottom))}}#intro{align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;padding:max(10px,env(safe-area-inset-top)) 0 max(10px,env(safe-area-inset-bottom))}#intro .card{margin:auto}@media(orientation:portrait)and (max-width:560px){body.touch:not([data-place=hub]) #brand .sub{display:none}body.touch:not([data-place=hub]) #brand{max-width:calc(100vw - 254px - env(safe-area-inset-left) - env(safe-area-inset-right))}body.touch .touch-menu{top:calc(14px + env(safe-area-inset-top));right:calc(116px + env(safe-area-inset-right))}body.touch .touch-time{top:calc(14px + env(safe-area-inset-top));right:calc(174px + env(safe-area-inset-right))}body.touch #toast{top:calc(86px + env(safe-area-inset-top));width:calc(100vw - 128px - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:340px}body.touch #note{bottom:calc(236px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}body.touch[data-place=garden] #minimap-wrap{width:110px;height:110px}body.touch[data-place=garden] .touch-menu{right:calc(134px + env(safe-area-inset-right))}body.touch[data-place=garden] .touch-time{right:calc(192px + env(safe-area-inset-right))}body.touch[data-place=garden] #toast{width:calc(100vw - 146px - env(safe-area-inset-left) - env(safe-area-inset-right))}body.touch[data-place=garden] #brand{max-width:calc(100vw - 272px - env(safe-area-inset-left) - env(safe-area-inset-right))}#pause .actions{flex-wrap:wrap}#pause .actions .btn{flex:1 1 100%}body.touch #pause .card{padding:18px 20px}}@media(orientation:landscape)and (max-height:460px){body.touch:not([data-place=hub]) #brand .sub{display:none}body.touch #minimap-wrap{width:76px;height:128px;top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}body.touch .touch-menu{top:calc(10px + env(safe-area-inset-top));right:calc(98px + env(safe-area-inset-right));width:46px;height:46px}body.touch .touch-time{top:calc(64px + env(safe-area-inset-top));right:calc(98px + env(safe-area-inset-right));width:46px;height:46px}body.touch[data-place=garden] #minimap-wrap{width:104px;height:104px}body.touch[data-place=garden] .touch-menu,body.touch[data-place=garden] .touch-time{right:calc(126px + env(safe-area-inset-right))}body.touch #brand{top:calc(10px + env(safe-area-inset-top))}body.touch #toast{top:calc(70px + env(safe-area-inset-top));width:min(320px,40vw)}body.touch #toast .verse{display:none}body.touch #note{top:calc(10px + env(safe-area-inset-top));bottom:auto;max-width:min(460px,calc(100vw - 340px - env(safe-area-inset-left) - env(safe-area-inset-right)));font-size:15.5px;padding:6px 14px}body.touch .joy-ghost{bottom:calc(70px + env(safe-area-inset-bottom))}body.touch .joy-ghost span{bottom:auto;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}body.touch .look-ghost{bottom:calc(96px + env(safe-area-inset-bottom))}body.touch #pause{align-items:center;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}body.touch #pause .card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto auto auto minmax(0,1fr);column-gap:26px;width:min(760px,100%);max-width:none;max-height:calc(100dvh - 16px);overflow:hidden;padding:14px 20px}body.touch #pause h2{grid-column:1;font-size:22px;margin:0 0 2px}body.touch #pause .row{grid-column:1;padding:5px 0;font-size:15.5px}body.touch #pause .actions{grid-column:1;align-self:end;margin-top:10px;flex-wrap:wrap}body.touch #pause .actions .btn{padding:9px 14px;font-size:16px}body.touch #pause .views-title{grid-column:2;grid-row:1;margin-top:4px;align-self:end}body.touch #pause .views{grid-column:2;grid-row:2 / -1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:6px 0 0;padding-right:4px}#intro .card{padding:14px 20px 12px;gap:16px}#intro .vtitle{font-size:38px}#intro .vtitle .seal{width:32px;height:32px;font-size:12px;bottom:-10px;left:-8px}#intro h1{font-size:23px;margin-bottom:2px}#intro .tag{margin-bottom:8px}#intro .rule{margin-bottom:10px}#intro .controls{gap:5px 10px;margin-bottom:10px}#intro .actions .btn{padding:9px 16px;font-size:16.5px}#intro .foot{margin-top:6px}}#hub-tags .tag.tight>span:not(.sr-only){display:none}@media(orientation:portrait)and (max-width:420px){#intro .card{padding:24px 20px}#intro .actions .btn{white-space:nowrap;padding:12px 18px;font-size:17.5px}}@media(orientation:portrait)and (max-width:560px)and (max-height:720px){#intro .vtitle{font-size:38px}#intro h1{font-size:32px}#intro .tag,#intro .rule{margin-bottom:12px}#intro .controls{gap:7px 12px;margin-bottom:16px}#intro .foot{margin-top:10px}}@media(orientation:landscape)and (max-height:460px){#intro{padding:6px 0}}#note{width:max-content}#intro .foot{text-wrap:pretty}#intro .controls>span:not(.keys){text-wrap:balance}#brand .seal{flex:none}#brand .dots .count{display:none;margin-left:5px;font:600 14px/9px var(--serif);color:var(--ink-soft);letter-spacing:.02em}body:has(.touch-act.on) .look-ghost,body:has(.touch-act.on) .joy-ghost,body:has(#toast.on) .look-ghost,body:has(#toast.on) .joy-ghost{opacity:0!important;visibility:hidden!important;transition:opacity .3s,visibility .3s}body.touch #pause .seg button{min-height:40px}body.touch #pause .actions .btn,body.touch #intro .actions .btn{min-height:44px}@media(orientation:portrait)and (max-width:560px){body.touch:not([data-place=hub]) #brand{max-width:calc(100vw - 232px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:6px 10px 6px 6px;gap:7px}body.touch .touch-menu,body.touch .touch-time{width:46px;height:46px}body.touch .touch-menu{right:calc(166px + env(safe-area-inset-right))}body.touch .touch-time{right:calc(114px + env(safe-area-inset-right))}body.touch[data-place=garden] .touch-menu{right:calc(184px + env(safe-area-inset-right))}body.touch[data-place=garden] .touch-time{right:calc(132px + env(safe-area-inset-right))}body.touch[data-place=garden] #brand{max-width:calc(100vw - 250px - env(safe-area-inset-left) - env(safe-area-inset-right))}body.touch #note{bottom:calc(250px + env(safe-area-inset-bottom))}.touch-act{flex-direction:column-reverse;align-items:flex-end;gap:10px}}@media(orientation:portrait)and (max-width:720px)and (max-height:700px){#hub-card{max-height:66dvh}#hub-card .pv{height:100px}}@media(orientation:landscape)and (max-height:460px){body.touch:not([data-place=hub]) #brand .dots .count{display:inline}body.touch #toast{width:min(360px,44vw)}body.touch #toast .verse{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:14.5px}}@media(orientation:landscape)and (max-height:330px){#intro .card{padding:10px 18px 8px}#intro .vtitle{font-size:32px}#intro h1{font-size:20px}#intro .tag,#intro .rule{margin-bottom:6px}#intro .controls{gap:3px 10px;margin-bottom:8px}#intro .controls .key{height:24px}#intro .foot{margin-top:4px}}.look-ghost:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cg fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 11l-10 9 10 9M96 11l10 9-10 9'/%3E%3Ccircle cx='60' cy='20' r='12' stroke-opacity='.65'/%3E%3C/g%3E%3Ccircle cx='60' cy='20' r='6.5' fill='white'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 1px 4px rgba(0,0,0,.45))}@media(max-width:720px){#hub-card #visit-btn{bottom:12px;box-shadow:0 -10px 14px 2px var(--paper-2)}}body.touch #brand{box-shadow:0 10px 30px #28322829,inset 0 0 0 3px #ffffff59,inset 0 0 0 4px #b8954a59}@media(orientation:portrait)and (max-width:560px){body.touch:not([data-place=hub]) #brand{padding:8px 12px 8px 8px}body.touch #brand .dots{gap:3px;margin-top:7px}body.touch #brand .dots i{width:8px;height:8px}body.touch #toast .verse{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font-size:15px}body.touch #toast .zh{font-size:24px;padding-right:12px}body.touch #pause .card{margin-block:auto}body.touch .look-ghost{right:calc(30px + env(safe-area-inset-right))}}@media(orientation:landscape)and (max-height:330px){body.touch #toast .verse{display:none}#intro .card{padding-bottom:12px}#intro .vtitle .seal{bottom:-2px;left:-2px;width:28px;height:28px;font-size:11px}}#brand .name{white-space:nowrap}@media(orientation:portrait)and (max-width:380px){body.touch #minimap-wrap{width:84px;height:142px;right:calc(12px + env(safe-area-inset-right))}body.touch .touch-menu,body.touch .touch-time{width:44px;height:44px}body.touch .touch-time{right:calc(104px + env(safe-area-inset-right))}body.touch .touch-menu{right:calc(154px + env(safe-area-inset-right))}body.touch:not([data-place=hub]) #brand{max-width:calc(100vw - 218px - env(safe-area-inset-left) - env(safe-area-inset-right))}body.touch #toast{width:calc(100vw - 120px - env(safe-area-inset-left) - env(safe-area-inset-right))}body.touch[data-place=garden] #minimap-wrap{width:100px;height:100px}body.touch[data-place=garden] .touch-time{right:calc(120px + env(safe-area-inset-right))}body.touch[data-place=garden] .touch-menu{right:calc(170px + env(safe-area-inset-right))}body.touch[data-place=garden] #brand{max-width:calc(100vw - 234px - env(safe-area-inset-left) - env(safe-area-inset-right))}body.touch[data-place=garden] #toast{width:calc(100vw - 136px - env(safe-area-inset-left) - env(safe-area-inset-right))}}#brand .dots .count{font-variant-numeric:lining-nums tabular-nums}@media(pointer:coarse){#hub-card #visit-btn{min-height:44px}}#intro .foot{text-wrap:balance}