@font-face{font-family:NaiwaCover;src:url('cover/cover-bold.woff2') format('woff2');font-weight:800 1000;font-display:swap}
:root{color-scheme:dark;--ink:#0d201b;--paper:#fffde9;--lime:#d6fa68;--purple:#ac79f7;font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}button:disabled{cursor:wait}kbd{font-family:inherit}[hidden]{display:none!important}#stage{width:100%;height:100%;height:100dvh;position:relative;isolation:isolate;background:#102a23}#canvas{width:100%;height:100%;display:block;outline:0;touch-action:none}
#cover{position:absolute;inset:0;isolation:isolate;overflow:auto;display:flex;flex-direction:column;padding:30px clamp(24px,5.4vw,104px) 20px;--realm-accent:#d6fa68;background:#102b24}#cover[data-realm=cavern]{--realm-accent:#c6b1ff}#cover[data-realm=storm]{--realm-accent:#a2e6ff}#cover[data-realm=forge]{--realm-accent:#ffcb81}.landscape,.grain{position:absolute;inset:0;pointer-events:none;z-index:-2;overflow:hidden}.landscape::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071c18f5 0%,#0d251be0 28%,#0b28265c 61%,#0b252332 100%),linear-gradient(0deg,#071f1e 0%,#071f1e1a 44%,#061c1b76 100%)}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;opacity:0;transform:scale(1.035);transition:opacity .65s,transform 1.2s;filter:saturate(.88)}.scene.current{opacity:1;transform:scale(1)}.grain{z-index:-1;opacity:.09;background-image:radial-gradient(#edffe8 1px,transparent 1px);background-size:5px 5px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px;flex-shrink:0}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none}.wordmark svg{width:38px;height:38px;color:var(--lime);transform:rotate(-9deg)}.wordmark>span{font-size:19px;font-weight:900;letter-spacing:1px}.wordmark small{display:block;font-size:10px;font-weight:500;letter-spacing:4px;margin-top:2px}.header-note{font-size:11px;letter-spacing:2px;color:#d4dfd4}.quiet-button{display:flex;gap:10px;align-items:center;min-height:42px;border:0;border-bottom:1px solid #e0ebd45c;padding:4px 0;color:var(--paper);background:transparent;font-size:12px}.tiny-key{border:1px solid #dae9d378;border-radius:4px;padding:0 5px;font-size:10px}.quiet-button:hover{color:var(--lime)}
.hero-layout{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;flex:1;min-height:420px;max-height:780px;position:relative;gap:3vw;width:100%;max-width:1520px;align-self:center}.hero-copy{padding:26px 0 20px;z-index:2}.chapter-label{font-size:11px;letter-spacing:2px;color:#d7e8c5;display:flex;align-items:center;gap:9px}.chapter-label i{width:6px;height:6px;background:var(--lime);box-shadow:0 0 12px #b6ec73;border-radius:50%}.game-logo{position:relative;isolation:isolate;width:max-content;margin:14px 0 26px;transform:rotate(-3deg)}.logo-ink{position:absolute;width:112%;height:113%;left:-7%;top:-4%;z-index:-1;color:var(--lime);transform:rotate(3deg)}h1{font-family:NaiwaCover,'Microsoft YaHei',sans-serif;font-size:clamp(88px,8.6vw,156px);font-weight:900;line-height:1.07;letter-spacing:-6px;margin:0;color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:5px 7px 0 var(--ink);padding:0 30px}h1>span{display:block;width:max-content;font-size:.25em;line-height:1.3;letter-spacing:5px;margin:4px 0 0 44px;background:#9564d5;color:#fff;transform:rotate(1deg);padding:4px 12px 7px;-webkit-text-stroke:0;text-shadow:2px 2px #3d2669;box-shadow:4px 4px 0 var(--ink);border:2px solid var(--ink)}.hero-tagline{font-family:NaiwaCover,'Microsoft YaHei',sans-serif;font-size:clamp(25px,2.3vw,40px);line-height:1.3;margin:0 0 12px;letter-spacing:2px;font-weight:800}.hero-tagline strong{font-weight:inherit;color:var(--lime)}.hero-description{font-size:13px;color:#e0e8db;line-height:1.95;margin:0 0 26px;letter-spacing:.6px}.launch-area{max-width:420px}.launch-row{display:flex;align-items:center;gap:22px}#start,#retry{border:3px solid var(--ink);color:var(--ink);background:var(--lime);border-radius:8px 16px 8px 12px;box-shadow:4px 6px 0 #071714,0 0 0 2px #edf8d15c;display:flex;align-items:center;gap:17px;padding:14px 19px 16px;font-family:NaiwaCover,'Microsoft YaHei',sans-serif;font-size:23px;font-weight:900;white-space:nowrap;transition:translate .16s,rotate .16s,box-shadow .16s;rotate:-1deg;position:relative;overflow:hidden;min-height:66px}#start::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff8 48%,transparent 65%);translate:-130% 0;transition:translate .5s}#start:hover,#start:focus-visible{translate:0 -3px;rotate:0deg;box-shadow:5px 9px 0 #071714,0 0 0 2px var(--lime)}#start:hover::after{translate:130% 0}#start:active,#retry:active{translate:2px 4px;box-shadow:1px 2px 0 #071714}.start-arrow{font:33px/1 system-ui,sans-serif}#start kbd{font:9px system-ui,sans-serif;border:1px solid #172c2b80;border-radius:3px;padding:3px 5px;margin-left:8px}.play-note{color:#d8e7ca;font-size:10px;line-height:1.8;letter-spacing:1px}.save-note{color:#c5d8c0;font-size:10px;letter-spacing:.7px;margin:16px 0 0}.load-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:12px;min-height:24px}#percent{color:var(--lime);font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}.load-track{position:relative}.load-track>span{position:absolute;right:-4px;top:-8px;color:var(--lime);font-size:27px;animation:twinkle 1.6s ease-in-out infinite}progress{display:block;appearance:none;width:100%;height:10px;overflow:hidden;border:1px solid #bccfae5c;border-radius:5px;background:#0b1a1a}progress::-webkit-progress-bar{background:#132b28}progress::-webkit-progress-value{background:var(--lime);border-radius:4px;transition:width .25s}progress::-moz-progress-bar{background:var(--lime)}#load-detail{font-size:10px;color:#c9d9c1;line-height:1.6;display:block;margin-top:10px}#failure{padding:12px 14px;border-left:3px solid #ffbcb6;color:#ffe3df;background:#351d28b8;font-size:12px;line-height:1.8}#retry{font-size:16px;min-height:46px;padding:10px 20px}
.hero-stage{position:relative;align-self:stretch;min-height:400px;display:flex;align-items:center;justify-content:center;padding:12px 0 30px}.hero-stage::before{content:'';position:absolute;width:85%;height:70%;top:14%;background:radial-gradient(ellipse,#eaffb34d,transparent 67%);pointer-events:none}.orbit{position:absolute;border:1px solid #e4fbc84a;border-radius:50%;width:93%;aspect-ratio:1;max-height:85%;rotate:-25deg;scale:1 .82}.orbit-inner{width:76%;border:2px dashed #d7f29745;rotate:25deg;scale:1 .9}.orbit-outer::before,.orbit-outer::after{content:'';position:absolute;width:10px;height:10px;background:var(--realm-accent);border:3px solid #194337;border-radius:50%;top:17%;left:11%}.orbit-outer::after{top:auto;left:auto;right:10%;bottom:15%;width:7px;height:7px}.pet-button{position:relative;z-index:1;border:0;background:none;height:100%;max-height:620px;min-height:370px;width:90%;padding:0;filter:drop-shadow(0 20px 12px #001e2480);transform-origin:50% 85%;outline-offset:-25px!important}.pet-button>img{display:block;height:100%;max-height:620px;max-width:100%;min-height:370px;object-fit:contain;margin:auto;animation:breathe 4s ease-in-out infinite;transform-origin:50% 91%;pointer-events:none}.pet-button.greeting>img{animation:boop .75s ease both}.pet-hi{position:absolute;top:12%;right:4%;padding:9px 17px;background:var(--paper);color:var(--ink);font-size:21px;font-weight:900;rotate:12deg;border:3px solid var(--ink);border-radius:40% 50% 45% 5%;opacity:0;scale:.6;transition:opacity .18s,scale .3s}.greeting .pet-hi{opacity:1;scale:1}.pet-shadow{position:absolute;width:65%;height:25px;background:#001d1bcc;border-radius:50%;bottom:8%;filter:blur(6px)}.floating-sticker{position:absolute;z-index:2;pointer-events:none;font-family:NaiwaCover,'Microsoft YaHei',sans-serif;box-shadow:3px 4px 0 var(--ink);border:2px solid var(--ink);font-size:12px;line-height:1.4}.sticker-top{top:12%;right:-2%;padding:10px 18px;background:var(--paper);color:var(--ink);rotate:8deg;border-radius:4px 11px 5px 11px}.sticker-bottom{right:-3%;bottom:17%;background:#b98cf4;color:#1d1531;rotate:-10deg;padding:10px 12px;display:flex;align-items:center;gap:6px}.sticker-bottom b{font-size:29px}.sticker-bottom svg{width:30px;margin-left:4px}.hero-spark{position:absolute;color:var(--lime);font-size:48px;z-index:2;animation:twinkle 4s ease-in-out infinite;pointer-events:none}.spark-one{left:5%;top:25%;rotate:15deg}.spark-two{right:6%;top:47%;font-size:25px;animation-delay:-2s}.pet-caption{position:absolute;bottom:4%;font-size:10px;letter-spacing:1px;color:#d4e7c4;text-align:center;z-index:2}.pet-caption>b{font-family:NaiwaCover,sans-serif;display:inline-block;font-size:19px;color:var(--paper);margin-left:7px;rotate:-5deg}.pet-caption small{display:block;font-size:9px;margin-top:6px;color:#c4d2bd}
.realm-nav{width:100%;max-width:1520px;align-self:center;margin-top:12px;padding-top:16px;border-top:1px solid #c6ddbd45;flex-shrink:0}.realm-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.realm-heading>span{font-size:12px;color:#c7d8bc;letter-spacing:1px}.realm-heading b{font-size:14px;color:var(--paper);margin-left:2px}.realm-heading small{font-size:9px;color:#c4d7bf}.realm-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.realm{position:relative;display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #c5ddbb42;border-radius:5px;background:#061f1c9c;color:var(--paper);padding:11px;overflow:hidden;transition:translate .18s,background .18s,border-color .18s;min-height:77px}.realm>img{width:69px;height:50px;object-fit:cover;border-radius:2px;filter:saturate(.75);transition:filter .2s}.realm-number{position:absolute;top:9px;left:10px;font-size:9px;background:#112526dd;padding:2px 4px;color:#fff}.realm-name{font-family:NaiwaCover,'Microsoft YaHei',sans-serif;font-size:15px;white-space:nowrap}.realm-name small{font:9px 'Microsoft YaHei',sans-serif;display:block;letter-spacing:.5px;color:#c6d7bf;margin-top:6px}.realm-mark{margin-left:auto;align-self:flex-start;font-size:17px;color:#b6c7ad}.realm.active{border-color:var(--realm-accent);background:#d4fba017;box-shadow:inset 0 -3px var(--realm-accent)}.realm.active .realm-mark{color:var(--realm-accent)}.realm:hover{translate:0 -3px;background:#36513bba;border-color:#e8f8d8}.realm.active img,.realm:hover img{filter:none}.cover-footer{max-width:1520px;width:100%;align-self:center;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;flex-shrink:0;color:#c7d9c2;font-size:9px}.keys{display:flex;gap:17px;flex-wrap:wrap}.keys>span{white-space:nowrap}.keys kbd{font-size:9px;color:#e3eddb;border:1px solid #d6e9cd47;background:#132c28;border-radius:3px;padding:3px 5px;margin-right:4px}.cover-footer>a{text-decoration:none;white-space:nowrap;color:#bfceb9;padding:6px 0}.cover-footer>a:hover{color:var(--lime)}
#fullscreen{position:absolute;z-index:6;right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));border:1px solid #ffffff4d;color:#fff;background:#141f27bf;font-size:23px;width:34px;height:34px;border-radius:7px;opacity:.65}#fullscreen:hover{opacity:1}#audio-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:#18232cdd;border:1px solid #c3f88c70;border-radius:7px;padding:7px 14px;font-size:12px;white-space:nowrap;pointer-events:none}#rotate{position:absolute;inset:0;z-index:8;background:#191824ed;align-items:center;justify-content:center;font-size:23px;pointer-events:none}#rotate:not([hidden]){display:flex}dialog{border:2px solid #b9de95;background:#102822;color:var(--paper);border-radius:12px;padding:35px;width:min(440px,calc(100% - 30px));box-shadow:8px 8px 0 #061812;max-height:90dvh;overflow:auto}dialog::backdrop{background:#021612c9;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#d5e8c6;width:40px;height:40px;font-size:29px}.dialog-eyebrow{color:var(--lime);font-size:11px;letter-spacing:3px}dialog h2{font-family:NaiwaCover,sans-serif;font-size:32px;margin:10px 0 25px}dl>div{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #b9d6a926;font-size:12px}dt{width:110px;flex-shrink:0}dt kbd{display:inline-block;min-width:25px;border:1px solid #bad5ab73;border-radius:3px;padding:4px 6px;color:var(--lime)}dd{margin:0}dialog p{font-size:11px;line-height:1.9;color:#c4d6ba;margin-top:23px}
.grain{opacity:.025}
@media(max-width:700px){.hero-layout{flex:none}.realm-nav,.cover-footer{flex-shrink:0}}
@keyframes breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.015,.99)}}@keyframes boop{0%,100%{transform:scale(1)}25%{transform:scale(1.06,.94) rotate(-3deg)}65%{transform:scale(.98,1.025) rotate(2deg)}}@keyframes twinkle{0%,100%{opacity:.5;scale:.85}50%{opacity:1;scale:1}}
@media(min-width:1600px) and (min-height:900px){.hero-description{font-size:15px}.hero-copy{padding-top:35px}.game-logo{margin-top:22px;margin-bottom:36px}.launch-area{margin-top:32px}.hero-stage{padding-bottom:45px}.masthead{margin-bottom:10px}.realm{min-height:92px}.realm>img{width:88px;height:60px}.realm-name{font-size:18px}.realm-name small{font-size:10px}.cover-footer{margin-top:28px}}
@media(max-width:1100px){#cover{padding:24px 4vw 17px}.header-note{display:none}.hero-layout{gap:1vw;min-height:400px}.hero-stage{min-height:380px}.pet-button,.pet-button>img{min-height:350px}.sticker-top{right:-4%;font-size:10px}.sticker-bottom{font-size:10px}.realm{gap:9px;padding:9px}.realm>img{width:49px}.realm-name{font-size:13px}.realm-name small{font-size:8px;letter-spacing:0}.realm-mark{display:none}.keys{gap:10px}}
@media(max-height:740px) and (min-width:701px){#cover{padding-top:18px}.masthead{min-height:36px}.wordmark svg{width:31px}.wordmark>span{font-size:16px}.hero-layout{min-height:350px}.hero-copy{padding:15px 0 12px}.game-logo{margin:10px 0 18px}h1{font-size:100px}.hero-tagline{font-size:27px}.hero-description{margin-bottom:18px;font-size:11px}.hero-stage{min-height:340px;max-height:420px}.pet-button,.pet-button>img{min-height:300px;max-height:390px}.chapter-label{font-size:9px}.realm-nav{padding-top:12px;margin-top:0}.realm-heading{margin-bottom:10px}.realm{min-height:65px;padding:7px}.realm>img{height:43px}.realm-name small{margin-top:4px}.cover-footer{margin-top:16px}#start{min-height:56px;font-size:20px;padding:10px 15px}.sticker-top{top:9%}}
@media(max-width:700px){#cover{padding:22px 23px}.masthead{min-height:38px}.wordmark svg{width:30px}.wordmark>span{font-size:16px}.quiet-button{font-size:11px;gap:6px}.tiny-key{display:none}.hero-layout{grid-template-columns:1fr;min-height:0;max-height:none;gap:0}.hero-copy{padding:32px 0 12px}.chapter-label{font-size:9px}.game-logo{margin:16px 0 24px}h1{font-size:111px;padding:0 24px}.hero-tagline{font-size:28px}.hero-description{font-size:12px;line-height:1.9;margin-bottom:22px}.hero-stage{height:330px;min-height:330px;margin:4px 0 12px;max-width:420px;width:100%;justify-self:center}.pet-button,.pet-button>img{min-height:290px;max-height:320px}.orbit{width:83%;max-height:92%}.orbit-inner{width:68%}.sticker-top{right:0%;top:12%}.sticker-bottom{right:0;bottom:20%}.pet-caption{bottom:2%}.pet-shadow{bottom:9%;width:50%}.spark-one{left:7%;top:24%}.spark-two{right:12%}.landscape::after{background:linear-gradient(90deg,#071c18e8,#071c1880),linear-gradient(0deg,#071f1e 0%,transparent 55%,#071c18b8 100%)}.launch-area{max-width:400px}.realm-list{grid-template-columns:repeat(2,1fr);gap:10px}.realm-heading{align-items:flex-start}.realm-heading small{max-width:110px;text-align:right;line-height:1.6}.realm>img{width:45px;height:43px}.realm-name{font-size:12px}.realm-name small{font-size:8px}.cover-footer{align-items:flex-start;margin-top:24px}.keys{gap:14px 9px;max-width:245px;font-size:8px}.cover-footer>a{font-size:8px}.keys kbd{font-size:8px}.play-note{font-size:9px}.launch-row{gap:17px}}
@media(max-height:480px) and (min-width:701px){#cover{padding-top:12px}.hero-layout{min-height:300px}.hero-stage{min-height:280px}.pet-button,.pet-button>img{min-height:250px;max-height:295px}.realm-heading{display:none}.realm-name small{display:none}.cover-footer{margin-top:12px}.hero-tagline{font-size:23px}h1{font-size:84px}.hero-description{font-size:10px;margin-bottom:13px}.game-logo{margin-bottom:18px}.chapter-label{font-size:8px}.pet-caption{bottom:0}.realm{min-height:55px}.realm>img{height:35px}.hero-copy{padding-top:10px}}
@media(max-height:480px) and (min-width:701px){.hero-layout{flex:none;min-height:330px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene{transform:none}.pet-hi{scale:1}}