:root{--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--ink: #2d3142;--paper: #fffaf0;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:var(--font);color:inherit}button:focus-visible{outline:4px solid #1982c4;outline-offset:3px}.app{position:absolute;inset:0}.loading{position:absolute;inset:0;display:grid;place-items:center;font-size:120px}.home{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr;justify-items:center;padding:4vh 32px;background:radial-gradient(circle at 20% 10%,#fff3c9,transparent 40%),radial-gradient(circle at 85% 90%,#d6f0ff,transparent 45%),var(--paper)}.home-title{margin:0 0 4vh;font-size:48px;font-weight:900;letter-spacing:4px;cursor:pointer}.home-grid{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:36px}.home-card{width:260px;height:280px;display:grid;place-items:center;grid-template-rows:1fr auto;padding:28px 16px 24px;border:6px solid #fff;border-radius:40px;background:var(--c);box-shadow:0 12px color-mix(in srgb,var(--c) 70%,#000 12%);cursor:pointer;transition:transform .15s ease}.home-card:hover{transform:translateY(-6px) rotate(-1deg)}.home-card:active{transform:translateY(6px);box-shadow:0 4px color-mix(in srgb,var(--c) 70%,#000 12%)}.home-card-emoji{font-size:130px;line-height:1}.home-card-emoji>svg{display:block;height:150px;width:auto}.home-card-title{font-size:32px;font-weight:800}.home-btn{position:fixed;top:18px;left:18px;z-index:50;width:88px;height:88px;border-radius:28px;border:5px solid #fff;background:#ffd166;box-shadow:0 6px #e0a92a;font-size:48px;cursor:pointer}.parent-gate{position:relative;width:56px;height:56px;border:0;border-radius:50%;background:transparent;cursor:pointer;opacity:.35;touch-action:none}.parent-gate-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#1982c4 calc(var(--p) * 360deg),transparent 0);-webkit-mask:radial-gradient(circle,transparent 60%,#000 62%);mask:radial-gradient(circle,transparent 60%,#000 62%)}.parent-gate-icon{position:relative;font-size:26px}.corner-gate{position:fixed;top:12px;right:12px;z-index:60}.celebrate{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.celebrate-piece{position:absolute;bottom:-80px;animation:celebrate-rise 2.2s ease-out forwards}@keyframes celebrate-rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translateY(-110vh) scale(1.1) rotate(20deg);opacity:.2}}.rest{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;background:linear-gradient(#1d2b53,#3a4f8f 60%,#7d8fc9);color:#fff;text-align:center}.rest-sky{position:absolute;inset:0;pointer-events:none}.rest-moon{position:absolute;top:8vh;right:14vw;font-size:110px}.rest-star{position:absolute;font-size:36px;animation:rest-twinkle 3s ease-in-out infinite}.rest-star.s1{top:16vh;left:14vw}.rest-star.s2{top:30vh;left:30vw;animation-delay:1s}.rest-star.s3{top:12vh;left:60vw;animation-delay:2s}.rest-rocket{font-size:120px;transform:rotate(135deg);animation:rest-land 2.4s ease-out}.rest-base{font-size:110px;margin-top:-30px}.rest-text{margin:16px 0 0;font-size:56px;font-weight:900}.rest-sub{margin:0;font-size:30px;opacity:.85}.rest-gate{opacity:.25}@keyframes rest-twinkle{50%{opacity:.3}}@keyframes rest-land{0%{transform:translateY(-60vh) rotate(135deg)}to{transform:translateY(0) rotate(135deg)}}.parent{position:absolute;inset:0;overflow:auto;padding:32px max(32px,calc(50vw - 420px));background:#f6f7f9;user-select:text;-webkit-user-select:text}.parent h1{margin:0 0 16px}.parent h2{margin:0 0 10px;font-size:18px}.parent section{background:#fff;border-radius:14px;padding:18px 20px;margin-bottom:16px}.parent-row{display:flex;flex-wrap:wrap;gap:10px}.parent button{font-size:16px;padding:10px 16px;border-radius:10px;border:1px solid #ccd3dc;background:#fff;cursor:pointer}.parent button.is-on{border-color:#1982c4;background:#e7f2fb;font-weight:700}.parent button.parent-primary{background:#1982c4;color:#fff;border-color:#1982c4}.parent-note{color:#667;font-size:14px;margin:10px 0 0}.parent ul{margin:0;padding-left:20px;line-height:1.9}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01s!important;transition-duration:.01s!important}}.word-label{font:700 40px/1 "Avenir Next","Helvetica Neue",var(--font);color:#556;letter-spacing:1px;white-space:nowrap}.word-label b{font-weight:900;color:hsl(var(--h) 70% 48%);font-size:1.25em}