.t-sky{--soft: var(--sky-soft);--deep: var(--sky-deep);--mid: var(--sky)}.t-leaf{--soft: var(--leaf-soft);--deep: var(--leaf-deep);--mid: var(--leaf)}.t-sun{--soft: var(--sun-soft);--deep: var(--sun-deep);--mid: var(--sun)}.t-or{--soft: var(--tangerine-soft);--deep: var(--tangerine-deep);--mid: var(--tangerine)}.t-berry{--soft: #ffe0e8;--deep: var(--berry-deep);--mid: var(--berry)}.t-lilac{--soft: var(--lilac-soft);--deep: var(--lilac-deep);--mid: var(--lilac)}.t-mint{--soft: #d4f3ee;--deep: var(--mint-deep);--mid: var(--mint)}.t-cin{--soft: var(--cinnabar-soft);--deep: var(--cinnabar-deep);--mid: var(--cinnabar)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:16px var(--gutter) 0}.topbar .bar-home{min-width:0}.topbar .bar-home span{overflow:hidden;text-overflow:ellipsis}.topbar nav{display:flex;align-items:center;gap:4px;flex:none;padding:5px;border:4px solid #fff;border-radius:999px;background:var(--milk);box-shadow:0 0 0 1px var(--line),0 3px 0 var(--lip)}.topbar nav a{padding:10px 14px;border-radius:999px;font:800 14px/1 var(--ui);color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}.topbar nav a:hover{background:var(--sun-soft);color:var(--ink)}.topbar nav a.tb-wish{background:var(--sun);color:var(--ink)}@media(max-width:520px){.topbar .bar-home span{display:none}}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0 0 22px;padding:0;list-style:none;font:800 13px/1.4 var(--ui);color:var(--ink-3)}.crumbs li{display:flex;align-items:center;min-width:0}.crumbs li+li:before{content:"";flex:none;width:6px;height:6px;margin:0 10px;border-right:2px solid currentColor;border-top:2px solid currentColor;rotate:45deg;opacity:.7}.crumbs a{color:var(--ink-2);text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.crumbs [aria-current]{color:var(--ink-3)}.art{padding:0 var(--gutter)}.art-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(28px,5vw,64px);max-width:var(--wrap);margin:0 auto;padding:clamp(36px,6vw,72px) 0 clamp(20px,3vw,36px)}.art-head.solo{grid-template-columns:minmax(0,1fr);max-width:860px}.art-head .eyebrow{margin-bottom:14px}.art-h1{margin:0;font:900 clamp(34px,5vw,60px)/1.04 var(--serif);letter-spacing:-.018em;color:var(--ink);text-wrap:balance}.art-lede{margin:20px 0 0;max-width:60ch;font:700 clamp(17px,1.55vw,19px)/1.6 var(--ui);color:var(--ink-2);text-wrap:pretty}.art-cta{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:28px}.illo{position:relative;margin:0 8px 12px 0;rotate:1deg;container-type:inline-size}.illo:before{content:"";position:absolute;inset:0;z-index:-1;border:5px solid #fff;border-radius:30px;background:var(--mid);opacity:.55;box-shadow:0 0 0 1px var(--line),var(--shadow-2);transform:translate(10px,12px) rotate(-2.6deg)}.illo-paper{position:relative;overflow:hidden;aspect-ratio:400 / 250;border:7px solid #fff;border-radius:30px;background:var(--soft);box-shadow:0 0 0 1px var(--line),var(--shadow-3)}.illo-paper>svg{display:block;width:100%;height:100%}.illo-paper image{filter:drop-shadow(0 2px 0 rgba(140,100,70,.18))}.illo-bub{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.35em;max-width:var(--bw);padding:.6em .95em .5em;border:.22em solid #fff;border-radius:1.1em;background:var(--milk);box-shadow:0 0 0 1px var(--line),0 .22em 0 var(--lip),0 .8em 1.2em -.7em #3c261673;font-size:clamp(11px,3.9cqw,26px);text-align:center}.illo-bub:after{content:"";position:absolute;width:.9em;height:.9em;background:var(--milk);border-right:.22em solid #fff;border-bottom:.22em solid #fff;box-shadow:.12em .12em 0 -.02em var(--lip)}.illo-bub.tail-b:after{left:50%;bottom:-.55em;translate:-50% 0;rotate:45deg}.illo-bub.tail-l:after{left:1.1em;bottom:-.55em;rotate:45deg}.illo-bub.tail-r:after{right:1.1em;bottom:-.55em;rotate:45deg}.illo-zh .ph{font-size:1.32em}.illo-en{font:800 .62em/1.2 var(--ui);color:var(--ink-2)}@media(prefers-reduced-motion:no-preference){.illo-bub{animation:bub-in .7s var(--ease-pop) .35s backwards}}@keyframes bub-in{0%{opacity:0;transform:translateY(10px) scale(.86)}}.art-body{max-width:760px;margin:0 auto}.art-body.wide{max-width:var(--wrap)}.as{padding-top:clamp(56px,8vw,96px)}.as.wide{width:min(1080px,calc(100vw - 2 * var(--gutter)));margin-left:50%;translate:-50% 0}.as.wide>.as-head,.as.wide>.as-lede{max-width:760px;margin-inline:auto}.as-head{display:flex;align-items:center;gap:16px}.as-head .cell{flex:none;display:grid;place-items:center;width:58px;height:58px;border:4px solid #fff;border-radius:50%;background:var(--soft);color:var(--deep);box-shadow:0 0 0 1px var(--line),0 4px 0 var(--lip)}.as-head .cell svg{width:60%;height:60%}.as-h{margin:0;font:900 clamp(27px,3.4vw,40px)/1.08 var(--serif);letter-spacing:-.012em;color:var(--ink);text-wrap:balance}.as-lede{margin:18px 0 0;font:700 17px/1.6 var(--ui);color:var(--ink-2);text-wrap:pretty}.as>:is(ol,ul,div,figure):not(.as-head){margin-top:28px}.prose p{margin:0 0 16px;font:700 17px/1.65 var(--ui);color:var(--ink-2);text-wrap:pretty}.prose p:last-child{margin-bottom:0}.moments{display:grid;gap:14px;margin:0;padding:0;list-style:none}.moment{position:relative;padding:20px 24px 20px 74px;border:5px solid #fff;border-radius:26px;background:var(--milk);box-shadow:0 0 0 1px var(--line),var(--shadow-1)}.moment-n{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:40px;height:40px;border:3px solid #fff;border-radius:50%;background:var(--sky-soft);color:var(--sky-deep);font:900 18px/1 var(--serif);box-shadow:0 0 0 1px var(--line),0 3px 0 var(--lip)}.moment h3,.ingame h3,.tip h3{margin:0 0 6px;font:600 clamp(19px,1.9vw,21px)/1.25 var(--serif);color:var(--ink)}.moment p,.ingame p,.tip p{margin:0;font:700 16px/1.6 var(--ui);color:var(--ink-2);text-wrap:pretty}.pcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.pc{display:flex;flex-direction:column;padding:24px 24px 20px;border:5px solid #fff;border-radius:30px;background:var(--milk);box-shadow:0 0 0 1px var(--line),var(--shadow-2)}.pc-say{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:16px}.pc-zh .ph{justify-content:flex-start;font-size:clamp(26px,2.6vw,32px)}.pc-en{font:900 16px/1.3 var(--ui);color:var(--tangerine-deep)}.pc-when{margin:0;font:700 16px/1.55 var(--ui);color:var(--ink-2);text-wrap:pretty}.pc-back{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto;padding-top:16px;border-top:2px dashed rgba(75,58,48,.12)}.pc-when+.pc-back{margin-top:16px}.pc-tag{font:800 11px/1 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}.pc-bz .ph{justify-content:flex-start;font-size:19px}.pc-ben{font:700 14px/1.4 var(--ui);color:var(--ink-2)}.pc-note{font-weight:700;color:var(--ink-3)}.pcs-note{display:flex;align-items:center;gap:10px;max-width:760px;margin:22px auto 0;font:700 14px/1.5 var(--ui);color:var(--ink-3)}.pcs-note span{flex:none;width:26px;height:26px;color:var(--mint-deep)}.pcs-note svg{width:100%;height:100%}.ingame{display:grid;gap:12px;margin:0;padding:0;list-style:none}.ingame li{padding:18px 22px 18px 24px;border:5px solid #fff;border-radius:24px;background:var(--milk);box-shadow:inset 6px 0 0 var(--leaf-soft),0 0 0 1px var(--line),var(--shadow-1)}.media{margin:40px 10px 0 0}.media .clip-frame img{display:block;width:100%;height:100%;object-fit:cover}.media:before{background:var(--leaf-soft)}.media figcaption{margin:22px 0 0;font:700 14px/1.5 var(--ui);color:var(--ink-3);text-align:center;rotate:calc(var(--tilt, 0deg) * -1)}.tips{display:grid;gap:12px;margin:0;padding:0;list-style:none}.tip{display:flex;gap:16px;padding:18px 22px;border:5px solid #fff;border-radius:24px;background:var(--milk);box-shadow:0 0 0 1px var(--line),var(--shadow-1)}.tip-i{flex:none;display:grid;place-items:center;width:36px;height:36px;border:3px solid #fff;border-radius:50%;background:#d4f3ee;color:var(--mint-deep);box-shadow:0 0 0 1px var(--line)}.tip-i svg{width:62%;height:62%}.wish-card{display:flex;align-items:center;justify-content:space-between;gap:18px 24px;margin-top:clamp(48px,7vw,80px);padding:24px 28px;border:5px solid #fff;border-radius:30px;background:var(--sun-soft);box-shadow:0 0 0 1px var(--line),var(--shadow-2)}.wish-card p{margin:0;font:600 19px/1.35 var(--serif);color:var(--ink);text-wrap:pretty}.wish-card .btn{flex:none}.art-faq{max-width:none}.art-faq summary h3{margin:0;font:inherit}.related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.related a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 56px 20px 22px;border:5px solid #fff;border-radius:26px;background:var(--milk);color:var(--ink);text-decoration:none;box-shadow:0 0 0 1px var(--line),var(--shadow-1);transition:transform .24s var(--ease-pop),box-shadow .24s}.related a:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line),var(--shadow-2)}.rl-t{font:600 19px/1.25 var(--serif)}.rl-p{font:700 14px/1.45 var(--ui);color:var(--ink-2)}.rl-go{position:absolute;right:16px;top:50%;width:30px;height:30px;margin-top:-15px;color:var(--tangerine-deep)}.rl-go svg{width:100%;height:100%}.hub-groups{max-width:var(--wrap);margin:0 auto}.hub-group{padding-top:clamp(48px,7vw,84px)}.hub-group .as-lede{max-width:70ch}.hub-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;margin:28px 0 0;padding:0;list-style:none}.hub-card a{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:24px 24px 22px;border:5px solid #fff;border-radius:30px;background:var(--milk);color:var(--ink);text-decoration:none;box-shadow:0 0 0 1px var(--line),var(--shadow-2);transition:transform .24s var(--ease-pop),box-shadow .24s}.hub-card a:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 0 0 1px var(--line),var(--shadow-3)}.hub-card .hc-art{width:64px;height:64px;margin:-4px 0 6px -4px}.hub-card .hc-art svg{width:100%;height:100%;overflow:visible}.hub-card .hc-t{font:600 clamp(20px,2vw,23px)/1.2 var(--serif)}.hub-card .hc-p{font:700 15px/1.5 var(--ui);color:var(--ink-2)}.hub-card .hc-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font:900 14px/1 var(--ui);color:var(--tangerine-deep)}.hub-card .hc-go svg{width:20px;height:20px}.hub-also{max-width:70ch;margin:14px 0 0;font:700 14px/1.6 var(--ui);color:var(--ink-3)}@media(max-width:900px){.art-head{grid-template-columns:minmax(0,1fr)}.art-head .illo{max-width:560px;margin-right:12px}}@media(max-width:760px){.pcs,.related{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.illo-paper,.illo:before{border-radius:20px;border-width:5px}.illo:before{transform:translate(6px,8px) rotate(-2.6deg)}.moment{padding:18px 18px 18px 64px;border-radius:22px}.moment-n{left:14px;width:36px;height:36px;font-size:16px}.pc{padding:20px 18px 18px;border-radius:24px}.as-head .cell{width:50px;height:50px}.wish-card{flex-direction:column;align-items:flex-start;padding:22px}.media{margin-right:6px}.tip{padding:16px;gap:12px}}.art-date{display:flex;align-items:center;gap:6px;margin:14px 0 0;font:800 13px/1.3 var(--ui);color:var(--ink-3)}.art-date>span:first-child{display:inline-flex;width:16px;height:16px;color:var(--ink-3)}.art-date svg{width:100%;height:100%}.art-sources{margin:clamp(48px,7vw,80px) 0 0;padding:22px 24px 18px;border-radius:24px;background:color-mix(in srgb,var(--milk) 60%,transparent);box-shadow:0 0 0 1px var(--line)}.art-sources h2{margin:0 0 4px;font:900 15px/1.3 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.art-sources p{margin:0 0 10px;font:700 14px/1.5 var(--ui);color:var(--ink-3)}.art-sources ul{margin:0;padding:0 0 0 18px;font:700 14px/1.5 var(--ui)}.art-sources li{margin:4px 0;overflow-wrap:anywhere}.art-sources li span{display:block;color:var(--ink-3);font-weight:600}.art-sources a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--tangerine);text-underline-offset:3px}.rb{white-space:nowrap;font-family:var(--zh);font-weight:700;color:var(--ink)}.rb ruby{ruby-position:over;ruby-align:center;margin:0 .04em}.rb rt{font:800 .66em/1 var(--ui);letter-spacing:0;color:var(--t5)}.rb rt.t1{color:var(--t1)}.rb rt.t2{color:var(--t2)}.rb rt.t3{color:var(--t3)}.rb rt.t4{color:var(--t4)}:is(p,li):has(>.rb){line-height:2.05}
