:is(html:has(.title-shell),body:has(.title-shell)){background:#111713;width:100%;height:100%;min-height:100%;overflow:hidden}body:has(.title-shell){place-items:center;display:grid}.title-shell{isolation:isolate;color:#fff0bd;background:#193b39;width:min(100vw,390px);max-width:390px;height:min(100dvh,844px);max-height:844px;font-family:Inter,Microsoft YaHei,sans-serif;position:relative;overflow:hidden;box-shadow:0 18px 58px #000000a8}.title-background{z-index:-7;filter:saturate()contrast(1.03)brightness(.9);pointer-events:none;background:url(/title-frontier-camp-v1.png) 50%/cover no-repeat;position:absolute;inset:0}.title-clouds{z-index:-6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-clouds>i{--cloud-scale:1;opacity:.28;filter:saturate(.48)brightness(.82);will-change:transform;background:url(/title-cloud-wisp-v1.png) 50%/contain no-repeat;width:214px;height:107px;animation:27s linear -10s infinite titleCloudPass;position:absolute;top:15%;left:-220px}.title-clouds>i:nth-child(2){--cloud-scale:.7;opacity:.2;animation-duration:35s;animation-delay:-20s;top:25%}.title-clouds>i:nth-child(3){--cloud-scale:.48;opacity:.17;animation-duration:23s;animation-delay:-12s;top:5%}.title-flags{z-index:-5;pointer-events:none;position:absolute;inset:0}.title-flags i{opacity:.48;mix-blend-mode:screen;filter:blur(.35px);will-change:transform;display:block;position:absolute;overflow:hidden}.title-flags i:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffe6a84f 43%,#0000 56%);animation:2.8s ease-in-out infinite alternate titleFlagShine;position:absolute;inset:-14% -35%}.title-flags .is-left{transform-origin:0 38%;clip-path:polygon(0 5%,77% 14%,100% 42%,82% 78%,0 68%);background:repeating-linear-gradient(103deg,#0000 0 17%,#d3603742 22%,#0000 31%);width:73px;height:38px;animation:2.6s ease-in-out infinite alternate titleFlagWave;top:32.5%;left:13.2%}.title-flags .is-right{transform-origin:100% 40%;clip-path:polygon(100% 2%,21% 12%,0 37%,19% 67%,100% 92%);background:repeating-linear-gradient(257deg,#0000 0 18%,#4a969640 24%,#0000 34%);width:67px;height:60px;animation:3.1s ease-in-out -.8s infinite alternate titleFlagWaveRight;top:55%;right:-2.5%}.title-shell:before{content:"";z-index:-4;pointer-events:none;background:linear-gradient(#05141738 0,#08181803 38%,#11161103 63%,#080c0a4f 100%),radial-gradient(at 50% 12%,#0000 0 34%,#040d0e1f 76%,#03070752 100%);position:absolute;inset:0}.title-mist{z-index:-3;opacity:.3;filter:blur(10px);pointer-events:none;background:radial-gradient(at 35%,#cfebdc70,#0000 42%),radial-gradient(at 68% 48%,#dfeace57,#0000 45%);height:25%;position:absolute;top:41%;left:-35%;right:-35%}.title-fire-glow{z-index:-2;filter:blur(17px);pointer-events:none;background:radial-gradient(#ff913059,#ef5f1814 43%,#0000 70%);border-radius:50%;width:78%;height:35%;animation:2.6s ease-in-out infinite alternate titleFireGlow;position:absolute;bottom:-7%;left:-24%}.title-campfire{z-index:0;filter:blur(.35px)drop-shadow(0 0 5px #ff7b1f8a);pointer-events:none;width:30px;height:32px;position:absolute;bottom:7.4%;left:19.2%;transform:translate(-50%)}.title-campfire i{transform-origin:50% 100%;mix-blend-mode:color-dodge;background:linear-gradient(155deg,#fffaa7ad 4%,#ffa82799 48%,#e94c130a 90%);border-radius:68% 38% 62% 44%;width:9px;height:24px;animation:1.05s ease-in-out infinite alternate titleFlame;position:absolute;bottom:0;left:50%}.title-campfire i:first-child{margin-left:-8px;animation-duration:.86s;animation-delay:-.4s}.title-campfire i:nth-child(2){width:7px;height:29px;margin-left:-3px;animation-duration:1.2s;animation-delay:-.72s}.title-campfire i:nth-child(3){width:8px;height:21px;margin-left:3px;animation-duration:.72s;animation-delay:-.13s}.title-chest-cat{z-index:0;filter:drop-shadow(0 1px 1px #18110b80);pointer-events:none;width:26px;height:31px;display:block;position:absolute;top:calc(69.3% - 31px);left:calc(43.5% - 13px)}.title-particles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-particles i{left:var(--x);top:var(--y);opacity:0;width:3px;height:3px;animation:titleSpark var(--duration) linear var(--delay) infinite;background:#ffd174;border-radius:50%;position:absolute;box-shadow:0 0 6px 2px #ffa63c9e}.title-brand{left:14px;right:14px;top:max(27px,calc(env(safe-area-inset-top,0px) + 19px));text-align:center;filter:drop-shadow(0 7px 6px #050f0eb8);justify-items:center;animation:4.8s ease-in-out infinite alternate titleLogoFloat;display:grid;position:absolute}.title-brand h1{place-items:center;width:min(302px,82vw);margin:0;display:grid;position:relative}.title-brand img{width:100%;height:auto;display:block}.title-logo-arrow-spark{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.title-logo-arrow-spark>path{fill:none;stroke:none}.title-logo-arrow-glint{filter:drop-shadow(0 0 8px #fff6a8fa)drop-shadow(0 0 16px #ffb937e6)}.title-logo-arrow-glow{fill:#ffd75357;animation:6s linear infinite titleLogoArrowGlow}.title-logo-arrow-core{fill:#fffde8;stroke:#ffd35b;stroke-width:3px;animation:6s linear infinite titleLogoArrowCore}.title-logo-arrow-ray{fill:none;stroke:#fff9c8;stroke-linecap:round;stroke-width:5px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:6s ease-out infinite titleLogoArrowFlare}.title-logo-arrow-ray-short{stroke-width:3.5px;animation-delay:35ms}.title-menu{gap:9px;width:218px;display:grid;position:absolute;top:31.5%;left:50%;transform:translate(-50%)}.title-menu:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 0,#468b7f2b,#0000 58%),linear-gradient(#081f1e9e,#08181773);border:1px solid #e2b95c2e;border-radius:24px 8px;position:absolute;inset:-14px -15px;box-shadow:0 10px 25px #030a094d}.title-menu button{color:#f2d89a;letter-spacing:.17em;text-indent:.17em;text-shadow:0 2px #172c29;cursor:pointer;background:linear-gradient(#1e4e49f0,#113331f5);border:1px solid #b98c46;border-radius:10px 3px;height:42px;padding:0 17px;font:900 13px/40px Georgia,STKaiti,KaiTi,serif;transition:transform .13s,filter .13s,box-shadow .13s;position:relative;box-shadow:0 3px #261b14e6,inset 0 1px #e2ffe62b,0 0 0 1px #2d5b5380}.title-menu button:before,.title-menu button:after{content:"";background:#7b4d28;border:1px solid #e1b756;width:5px;height:5px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg);box-shadow:0 0 0 2px #153e3ab8}.title-menu button:before{left:11px}.title-menu button:after{right:11px}.title-menu button.is-primary{color:#fff0b3;text-shadow:0 2px #21423d;background:radial-gradient(at 50% 0,#cbffe242,#0000 48%),linear-gradient(#419184fc,#194d49fc);border:1px solid #b9d9c4;border-radius:15px 5px;height:50px;margin:3px -7px 5px;font-size:15px;line-height:48px;animation:3.2s ease-in-out infinite alternate titleStartPulse;box-shadow:0 4px #243f3a,0 0 0 2px #4d877beb,0 0 0 3px #314d46cc,0 0 20px #49b6a26b,inset 0 2px #e7ffe64d}.title-menu button.is-primary:before,.title-menu button.is-primary:after{background:#b7d6c3;border:0;width:13px;height:1px;box-shadow:0 -4px 0 -3px #b7d6c3,0 4px 0 -3px #b7d6c3}.title-menu button.is-primary:before{left:13px}.title-menu button.is-primary:after{right:13px}:is(.title-menu button:hover,.title-menu button:focus-visible){filter:brightness(1.13)saturate(1.05);outline:0;transform:translateY(-1px);box-shadow:0 3px #243f3a,0 0 0 2px #e8bc5494,0 0 16px #5bc7b35c}.title-menu button:active{transform:translateY(2px);box-shadow:0 1px #243f3a}.title-notice{z-index:5;color:#ffe8a4;letter-spacing:.06em;cursor:pointer;background:#153934f0;border:1px solid #d7ad59;border-radius:18px;width:max-content;max-width:calc(100% - 36px);min-height:36px;padding:8px 16px;font:800 10px/16px Georgia,STKaiti,KaiTi,serif;position:absolute;bottom:104px;left:50%;transform:translate(-50%);box-shadow:0 3px #3d281a,0 0 14px #00000059}.title-version{right:13px;bottom:calc(11px + env(safe-area-inset-bottom,0px));color:#ffe5a6e6;text-align:right;text-shadow:0 2px 3px #000000eb;white-space:nowrap;justify-items:end;font-family:Georgia,serif;display:grid;position:absolute}.title-version span{letter-spacing:.13em;font-size:9px;font-weight:800;line-height:13px}.title-version b{color:#ffe8b4c2;letter-spacing:.1em;font-size:7px;line-height:10px}@keyframes titleCloudPass{0%{transform:translate3d(0,0,0) scale(var(--cloud-scale))}to{transform:translate3d(620px,0,0) scale(var(--cloud-scale))}}@keyframes titleFlagWave{0%{transform:perspective(90px)rotateY(-7deg)skewY(-1deg)scaleX(.96)}to{transform:perspective(90px)rotateY(9deg)skewY(2deg)scaleX(1.035)}}@keyframes titleFlagWaveRight{0%{transform:perspective(90px)rotateY(8deg)skewY(1deg)scaleX(.97)}to{transform:perspective(90px)rotateY(-9deg)skewY(-2deg)scaleX(1.03)}}@keyframes titleFlagShine{0%{transform:translate(-16%)}to{transform:translate(22%)}}@keyframes titleFlame{0%{opacity:.72;transform:translate(-50%)scale(.84,.96)rotate(-6deg)}to{opacity:1;transform:translate(-50%)scale(1.06,1.12)rotate(7deg)}}@keyframes titleLogoFloat{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes titleLogoArrowGlow{0%,7.5%,62.5%,to{opacity:0}12.5%{opacity:.55}25%,45%{opacity:.9}55%{opacity:.38}}@keyframes titleLogoArrowCore{0%,7.5%,62.5%,to{opacity:0}12.5%{opacity:.96}25%,47.5%{opacity:1}57.5%{opacity:.25}}@keyframes titleLogoArrowFlare{0%,42.5%,65%,to{opacity:0;transform:scale(.25)rotate(0)}50%{opacity:1;transform:scale(.78)rotate(12deg)}59%{opacity:.25;transform:scale(1.35)rotate(24deg)}}@keyframes titleStartPulse{0%{filter:brightness(.98);box-shadow:0 4px #243f3a,0 0 0 2px #4e8678e0,0 0 0 3px #6597876b,0 0 13px #49b6a24d,inset 0 2px #e7ffe647}to{filter:brightness(1.07);box-shadow:0 4px #243f3a,0 0 0 2px #5b9789eb,0 0 0 3px #9bc3ae8f,0 0 22px #5bd0b885,inset 0 2px #e7ffe661}}@keyframes titleFireGlow{0%{opacity:.66;transform:scale(.96)}to{opacity:1;transform:scale(1.05)}}@keyframes titleSpark{0%{opacity:0;transform:translateY(10px)scale(.7)}15%{opacity:.82}75%{opacity:.3}to{opacity:0;transform:translate(12px,-62px)scale(.2)}}@media (max-height:700px){.title-brand{top:20px}.title-brand img{width:min(276px,78vw)}.title-menu{gap:7px;width:210px;top:29%}.title-menu button{height:39px;font-size:12px;line-height:37px}.title-version{bottom:8px;right:10px}}@media (prefers-reduced-motion:reduce){.title-clouds>i,.title-flags i,.title-flags i:after,.title-campfire i,.title-brand,.title-menu button.is-primary,.title-fire-glow,.title-particles i{animation:none}.title-clouds,.title-particles{display:none}}