:root{--bg:#f4f3f0;--bg-2:#efeee9;--surface:#fff;--surface-2:#faf9f6;--surface-3:#eceae4;--ink:#15181d;--ink-2:#565b66;--ink-3:#656a74;--line:#15181d1a;--line-2:#15181d0f;--line-strong:#15181d38;--accent:#ef6f53;--accent-deep:color-mix(in srgb, var(--accent) 76%, #000 24%);--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--accent-ink:#fff;--sky-1:#f7f6f2;--sky-2:#eceae3;--star:#15181d1a;--radius:14px;--maxw:1180px;--font:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--display:"IBM Plex Sans JP", system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--round:"Zen Maru Gothic", "IBM Plex Sans JP", sans-serif;--fx-scale:1}[data-theme=dark]{--bg:#111322;--bg-2:#0c0e1a;--surface:#1a1d31;--surface-2:#20243b;--surface-3:#262a44;--ink:#eef0f7;--ink-2:#aab0c6;--ink-3:#9aa1bb;--line:#ffffff1f;--line-2:#ffffff0f;--accent-soft:color-mix(in srgb, var(--accent) 24%, transparent);--sky-1:#161a30;--sky-2:#0b0d18;--star:#ffffff29}[data-intensity=calm]{--fx-scale:.72}[data-intensity=lively]{--fx-scale:1.32}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}body.page-light,.stage.page-light{color:var(--ink)}a{color:inherit;text-decoration:none}button{font-family:inherit}.gate{z-index:30;background:radial-gradient(120% 80% at 50% -6%, var(--bg-2) 0%, var(--bg) 60%);flex-direction:column;justify-content:space-between;align-items:center;padding:clamp(18px,3vw,34px);transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.gate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.gate{overflow-y:auto}.gate>*{flex-shrink:0}.gate:before{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--line-2) 1px, transparent 1px), linear-gradient(to bottom, var(--line-2) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 75% at 50% -8%,#000,#0000 72%);mask-image:radial-gradient(120% 75% at 50% -8%,#000,#0000 72%)}.gate__bar{z-index:1;width:100%;max-width:var(--maxw);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.brand{align-items:center;gap:11px;display:flex}.brand__mark{background:var(--surface);border:1px solid var(--line);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.brand__mark:before{content:"";opacity:.55;border:2px solid;border-radius:50%;width:30px;height:11px;position:absolute;transform:rotate(-22deg)}.brand__mark:after{content:"";background:currentColor;border-radius:50%;width:15px;height:15px}.brand__txt{line-height:1.15}.brand__name{font-family:var(--display);letter-spacing:.04em;font-size:15px;font-weight:600}.brand__sub{font-family:var(--mono);letter-spacing:.22em;color:var(--ink-3);text-transform:uppercase;font-size:10.5px}.gate__url{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:7px 12px;font-size:12px}.gate__hero{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:clamp(14px,2.4vw,26px);margin:auto 0;display:flex;position:relative}.planet{width:clamp(132px,20vw,196px);height:clamp(132px,20vw,196px);animation:5.5s ease-in-out infinite planetFloat;position:relative}.planet__body{background:radial-gradient(60% 55% at 34% 30%, #ffd58a 0%, var(--accent) 46%, var(--accent-deep) 100%);box-shadow:inset -14px -16px 34px #78281457, inset 10px 12px 26px #ffffff80, 0 24px 50px -22px color-mix(in srgb, var(--accent) 70%, #000 18%);border-radius:50%;position:absolute;inset:0}.planet__body:after{content:"";opacity:.5;background:radial-gradient(circle at 64% 38%,#78281447 0 9px,#0000 10px),radial-gradient(circle at 40% 66%,#78281438 0 13px,#0000 14px),radial-gradient(circle at 30% 44%,#fff6 0 6px,#0000 7px);border-radius:50%;position:absolute;inset:0}.planet__ring{border:9px solid color-mix(in srgb, var(--accent) 52%, #fff 32%);opacity:.8;border-radius:50%;width:172%;height:56%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-20deg)}.planet__moon{background:radial-gradient(60% 60% at 36% 34%,#fff,#c9ccd8 70%,#9aa0b4);border-radius:50%;width:26px;height:26px;animation:5.5s ease-in-out infinite moonOrbit;position:absolute;top:6%;right:-6%;box-shadow:0 6px 14px -6px #0006}.planet__spark{color:var(--accent);opacity:0;animation:3s ease-in-out infinite twinkle;position:absolute}.planet__spark svg{width:100%;height:100%;display:block}.planet__spark.s1{width:20px;height:20px;animation-delay:.2s;top:-6%;left:8%}.planet__spark.s2{color:#2f7dd1;width:14px;height:14px;animation-delay:1.1s;bottom:2%;left:-8%}.planet__spark.s3{color:#3fa66a;width:16px;height:16px;animation-delay:1.9s;bottom:14%;right:-10%}.gate__title{font-family:var(--display);letter-spacing:.02em;color:var(--ink);text-wrap:balance;word-break:auto-phrase;font-size:clamp(30px,5vw,48px);font-weight:600;line-height:1.12}.gate__title .dot{color:var(--accent-text,#ac503c)}[data-theme=dark] .gate__title .dot{color:var(--accent)}.gate__lead{color:var(--ink-2);text-wrap:balance;max-width:34ch;font-size:clamp(14px,1.8vw,18px);line-height:1.7}.gate__keys{flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px;display:flex}.keychip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12.5px;display:inline-flex}.keychip kbd{font-family:var(--mono);background:var(--bg-2);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.playbtn{font-family:var(--display);letter-spacing:.04em;color:var(--accent-ink);cursor:pointer;background:var(--accent-btn,#994735);box-shadow:0 16px 34px -14px color-mix(in srgb, var(--accent) 75%, #000 10%), inset 0 2px 0 #fff6;border:none;border-radius:9px;align-items:center;gap:12px;padding:14px 32px;font-size:clamp(18px,2.2vw,21px);font-weight:600;transition:transform .16s cubic-bezier(.3,.7,.4,1.4),box-shadow .16s;display:inline-flex}.playbtn:hover{transform:translateY(-2px)scale(1.02)}.playbtn:active{transform:translateY(0)scale(.98)}.playbtn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.playbtn svg{width:22px;height:22px}.gate__foot{z-index:1;width:100%;max-width:var(--maxw);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex;position:relative}.gate__foot .u{font-family:var(--mono);color:var(--ink-2)}.stage{z-index:1;background:radial-gradient(130% 100% at 50% 0%, var(--sky-1), var(--sky-2));cursor:pointer;position:fixed;inset:0;overflow:hidden}.stage:before{content:"";pointer-events:none;background-image:radial-gradient(var(--star) 1.4px, transparent 1.6px), radial-gradient(var(--star) 1px, transparent 1.2px);opacity:.8;background-position:0 0,30px 40px;background-size:62px 62px,113px 113px;position:absolute;inset:0}.fxlayer{z-index:2;pointer-events:none;position:absolute;inset:0}.fxlayer--vehicles{z-index:3}.fxlayer--confetti{z-index:4}.bgflash{z-index:1;pointer-events:none;opacity:0;border-radius:0;position:absolute;inset:0}.bgflash.go{animation:.9s ease-out bgFlash}.stagebar{z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:clamp(12px,2vw,20px);display:flex;position:absolute;top:0;left:0;right:0}.stagebar>*{pointer-events:auto}.stagebar__right{gap:9px;display:flex}.iconbtn{border:1px solid var(--line-strong);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:42px;height:42px;color:var(--ink-2);cursor:pointer;border-radius:9px;flex:none;place-items:center;transition:background .18s,color .18s,border-color .18s,transform .18s;display:grid;position:relative}.iconbtn:hover{color:var(--ink);background:var(--surface-2);border-color:var(--ink-3);transform:translateY(-1px)}.iconbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.iconbtn.lc-help{background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;width:42px;height:42px;padding:0}.iconbtn.lc-help span{display:none}.iconbtn.lc-help svg{width:20px;height:20px;color:inherit}.iconbtn svg{width:20px;height:20px}.iconbtn .tip{letter-spacing:.04em;white-space:nowrap;background:var(--ink);color:var(--bg);opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:11px;transition:opacity .15s,visibility .15s;position:absolute;top:48px;left:50%;transform:translate(-50%)}.iconbtn:hover .tip{opacity:.95;visibility:visible}.iconbtn .tip.right{left:auto;right:0;transform:none}.stagehint{z-index:5;pointer-events:none;text-align:center;font-family:var(--display);letter-spacing:.04em;color:var(--ink-2);flex-direction:column;align-items:center;gap:12px;font-size:clamp(15px,2vw,19px);font-weight:500;transition:opacity .6s;animation:2.6s ease-in-out infinite hintBob;display:flex;position:absolute;bottom:clamp(26px,6vh,64px);left:50%;transform:translate(-50%)}.stagehint.gone{opacity:0}.stagehint .kbicon{border:2px solid var(--ink-3);opacity:.7;border-radius:9px;width:54px;height:38px;position:relative}.stagehint .kbicon:before,.stagehint .kbicon:after{content:"";background:var(--ink-3);border-radius:2px;position:absolute}.stagehint .kbicon:before{opacity:.6;height:5px;top:8px;left:7px;right:7px}.stagehint .kbicon:after{height:6px;bottom:8px;left:16px;right:16px}.fx-letter{z-index:2;font-family:var(--round);will-change:transform,opacity;text-shadow:0 6px #0000001a,0 2px 14px #0000001f;animation:letterPop var(--dur,1.15s) cubic-bezier(.2,.8,.3,1.2) forwards;font-weight:700;line-height:1;position:absolute;transform:translate(-50%,-50%)scale(0)}.fx-letter .sub{font-family:var(--mono);letter-spacing:.14em;opacity:.7;text-transform:uppercase;margin-top:.18em;font-size:.22em;font-weight:600;display:block}.fx-num{z-index:2;width:var(--bs,118px);height:var(--bs,118px);font-family:var(--round);color:#fff;font-weight:700;font-size:calc(var(--bs,118px) * .52);opacity:0;will-change:transform,opacity;border-radius:24px;place-items:center;animation:1.2s cubic-bezier(.18,.9,.3,1.3) forwards numRise;display:grid;position:absolute;bottom:0;left:0;transform:translate(-50%,40px)scale(.4);box-shadow:inset 0 -10px #00000029,inset 0 6px #ffffff52,0 14px 30px -12px #0006}.confetti-piece{z-index:4;font-size:var(--cs,20px);will-change:transform,opacity;animation:confettiFly var(--dur,1.5s) cubic-bezier(.15,.6,.4,1) forwards;line-height:1;position:absolute;top:0;left:0}.vehicle{z-index:3;width:var(--vw,150px);will-change:transform;height:auto;animation:vehicleRun var(--dur,1.8s) linear forwards;position:absolute;left:0}.vehicle svg{width:100%;height:auto;animation:.42s ease-in-out infinite vehicleBob;display:block}.vehicle.flip svg{transform:scaleX(-1)}@keyframes planetFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-14px)rotate(1deg)}}@keyframes moonOrbit{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10px,14px)scale(.9)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:.9;transform:scale(1)}}@keyframes hintBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-7px)}}@keyframes letterPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}16%{transform:translate(-50%,-50%) scale(1.18) rotate(var(--r0,0deg));opacity:1}34%{transform:translate(-50%,-50%) scale(1) rotate(var(--r0,0deg));opacity:1}to{transform:translate(calc(-50% + var(--tx,0px)), calc(-50% + var(--ty,-90px))) scale(.86) rotate(var(--rot,0deg));opacity:0}}@keyframes numRise{0%{opacity:0;transform:translate(-50%,40px)scale(.4)}22%{transform:translate(-50%, var(--rise,-180px)) scale(1.12);opacity:1}58%{transform:translate(-50%, var(--rise,-180px)) scale(1);opacity:1}to{transform:translate(-50%, calc(var(--rise,-180px) - 46px)) scale(1.45);opacity:0}}@keyframes confettiFly{0%{transform:translate(0,0) rotate(0) scale(var(--s,1));opacity:1}to{transform:translate(var(--dx,0px), var(--dy,200px)) rotate(var(--spin,360deg)) scale(var(--s,1));opacity:0}}@keyframes vehicleRun{0%{transform:translateX(var(--from,-30vw))}to{transform:translateX(var(--to,130vw))}}@keyframes vehicleBob{0%,to{transform:var(--bobbase,translateY(0)) translateY(0)}50%{transform:var(--bobbase,translateY(0)) translateY(-5px)}}@keyframes bgFlash{0%{opacity:0}28%{opacity:.5}to{opacity:0}}.scrim{z-index:140;background:color-mix(in srgb, var(--ink) 40%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.ppp-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.stage:focus{outline:none}.sheet{z-index:141;background:var(--surface);border-left:1px solid var(--line);visibility:hidden;width:min(380px,92vw);height:100%;font-family:var(--font);flex-direction:column;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-24px 0 60px -34px #00000080}.sheet.open{visibility:visible;transition-delay:0s;transform:translate(0)}.sheet__head{border-bottom:1px solid var(--line);background:var(--surface);z-index:2;justify-content:space-between;align-items:center;padding:18px 20px;display:flex;position:sticky;top:0}.sheet__title{font-family:var(--display);color:var(--ink);align-items:baseline;gap:9px;font-size:16px;font-weight:600;display:flex}.sheet__title .en{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:500}.sheet__body{flex-direction:column;gap:18px;padding:18px 20px 36px;display:flex}.sheet__x{border:1px solid var(--line);background:var(--surface-2);width:34px;height:34px;color:var(--ink-2);cursor:pointer;border-radius:9px;flex:none;place-items:center;padding:0;transition:color .14s,border-color .14s;display:grid}.sheet__x:hover{color:var(--ink);border-color:var(--ink-3)}.sheet__x svg{width:17px;height:17px}.fgroup{flex-direction:column;gap:10px;display:flex}.flabel{letter-spacing:.05em;color:var(--ink-2);justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.flabel .en{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:9px}.seg{background:var(--surface-3);border:1px solid var(--line);border-radius:10px;gap:3px;padding:3px;display:flex}.seg button{height:36px;color:var(--ink-2);letter-spacing:.01em;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;transition:color .15s;display:flex}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);border:1px solid var(--line);font-weight:600;box-shadow:0 1px 3px #00000014}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field{flex-direction:column;gap:8px;display:flex}.switch-row{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.switch-row__txt{flex-direction:column;gap:2px;min-width:0;display:flex}.switch-row__t{color:var(--ink);font-size:13.5px;font-weight:600}.switch{background:var(--line);cursor:pointer;border:0;border-radius:999px;flex:none;width:46px;height:26px;padding:0;transition:background .16s;position:relative}.switch[aria-checked=true]{background:var(--accent)}.switch i{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true] i{transform:translate(20px)}.swatches{flex-wrap:wrap;gap:9px;display:flex}.swatch{cursor:pointer;background:var(--sw);width:34px;height:34px;box-shadow:0 0 0 1px var(--line) inset;border:2px solid #0000;border-radius:9px;padding:0;transition:transform .12s,box-shadow .12s;position:relative}.swatch:hover{transform:translateY(-2px)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface) inset, 0 0 0 2px var(--sw)}.swatch[aria-pressed=true]:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 1px #0000002e}.rangeslider{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;outline:none;width:100%;height:4px}.rangeslider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0000004d}.rangeslider::-moz-range-thumb{background:var(--accent);border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0000004d}@media (width<=560px){.gate__url,.brand__sub{display:none}}@media (prefers-reduced-motion:reduce){.planet,.planet__moon,.planet__spark,.stagehint,.vehicle svg{animation:none}}