@property --accent{syntax: "<color>"; inherits: true; initial-value: oklch(.68 .15 60);}:root{--accent: oklch(.68 .15 60);--sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}html,body,#root{height:100dvh;min-height:100dvh;margin:0;overflow:hidden;background:color-mix(in oklab,var(--accent) 22%,#88ccac)}html.is-tap,html.is-tap body,html.is-tap #root{height:100dvh;min-height:100dvh;overflow:hidden}.tap-page{position:relative;width:100%;height:100dvh;min-height:100dvh;background:color-mix(in oklab,var(--accent) 22%,#88ccac);color:#fff;overflow:hidden;font-family:Quicksand,"Noto Sans SC",var(--sans);text-align:center}.tap-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer;background:color-mix(in oklab,var(--accent) 22%,#88ccac)}.tap-scene{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none}.tap-top,.tap-load{pointer-events:auto;width:min(90%,520px)}.tap-top h1{margin:0 0 25px;font-size:1.5rem;font-weight:500;letter-spacing:.18em}.tap-start,.tap-link,.tap-corner{display:inline-block;border:0;background:transparent;color:#fff;font:inherit;cursor:pointer;text-decoration:none}.tap-start{margin-bottom:15px;font-size:1.05rem;border-bottom:1px dashed #fff}.tap-link{display:block;margin:8px auto 0;width:fit-content;font-size:.95rem;border-bottom:1px dashed #fff}.tap-note{margin:25px 0 0;font-size:.9rem;letter-spacing:.08em}.tap-load hr{width:42%;margin:0 auto;border:0;height:1px;background:#fff;animation:tap-load .8s linear infinite}@keyframes tap-load{0%{width:8%;opacity:.3}to{width:88%;opacity:1}}.tap-corner{position:absolute;z-index:6;top:10px;padding:10px;font-size:1rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.tap-corner.is-on{opacity:1;pointer-events:auto}.tap-back{left:0}.tap-fs{right:0;left:auto}.tap-play-hint{position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .2s ease}.tap-play-hint.is-on{opacity:1;pointer-events:auto}.tap-play-hint p{margin:0 0 16px;letter-spacing:.08em}.tap-about{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#ffffff80}.tap-about-card{position:relative;width:min(640px,100%);padding:40px;background:color-mix(in oklab,var(--accent) 28%,#88ccac);color:#fff;letter-spacing:.12em;line-height:1.7}.tap-about-close{display:block;margin:0 auto 30px;border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.tap-about-card p{margin:0 0 20px}.tap-about-meta{margin-top:30px;line-height:1.5}@media(max-width:640px){.tap-top h1{font-size:1.2rem;margin-bottom:18px}.tap-start{margin-bottom:10px;font-size:.9rem}.tap-note{font-size:.6rem;margin-top:18px}.tap-about-card{padding:30px;letter-spacing:.08em}.tap-play-hint p,.tap-play-hint .tap-link{font-size:.7rem}}