:root{--container-padding:3.4em 1.2em 3em;--container-gap:2em;--landing-max-width:min(820px, var(--app-content-max-width));--text-label-color:#7b8bbd;--landing-panel-bg:#3b40529e;--landing-row-bg:#282a3647;--landing-row-bg-hover:#444a628c;--hero-title-size:2.65em;--hero-subtitle-size:1em;--levels-gap:1.3em;--level-panel-padding:1.15em;--level-panel-radius:18px;--level-nav-gap:.75em;--level-nav-item-gap:.8em;--level-nav-item-padding-block:.8em;--level-nav-item-padding-inline:.8em;--level-nav-item-radius:14px;--level-nav-item-min-height:64px;--level-nav-item-landscape-min-height:58px;--level-nav-glyph-size:2.35em;--level-nav-launch-size:18px;--level-badge-size:1.55em;--level-label-size:.92em;--level-nav-title-size:1em;--level-nav-title-landscape-size:.7em;--level-nav-meta-size:.78em;--bg-kanji-size:7em;--features-strip-gap:1em;--landing-animation-duration:.6s;--landing-animation-easing:ease-out;--landing-animation-offset:18px;--levels-animation-delay:.12s;--features-animation-delay:.24s}html{overflow:hidden auto}body{color:#d7d7c7;background:radial-gradient(circle at 0 0,#50fa7b1a,#0000 30%),radial-gradient(circle at 100% 0,#bd93f91f,#0000 32%),linear-gradient(135deg,#282a36 0%,#1e1f29 100%);min-height:100dvh;position:relative;overflow:hidden auto}html,body{overscroll-behavior-y:auto}.landing-container{width:100%;max-width:var(--landing-max-width);padding:var(--container-padding);gap:var(--container-gap);flex-direction:column;margin-inline:auto;display:flex}.hero-section{animation:fade-in-up var(--landing-animation-duration) var(--landing-animation-easing);flex-direction:column;align-items:flex-start;display:flex}.hero-title{font-size:var(--hero-title-size);color:var(--color-dark-theme-text-default);font-weight:700;font-family:var(--font-family-japanese-font-stack);letter-spacing:-.035em;margin:0;line-height:1.05}.hero-subtitle{font-size:var(--hero-subtitle-size);color:var(--text-label-color);margin:.65em 0 0;line-height:1.45}.levels-section{gap:var(--levels-gap);animation:fade-in-up var(--landing-animation-duration) var(--landing-animation-easing) var(--levels-animation-delay) backwards;flex-direction:column;display:flex}.level-panel{--level-color:#86b6f6;--level-color-muted:#86b6f61c;--level-color-border:#86b6f642;isolation:isolate;padding:var(--level-panel-padding);border-radius:var(--level-panel-radius);border:1px solid var(--level-color-border);background:var(--landing-panel-bg);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 12px 34px #0000003d}.level-panel:before{content:"";background:linear-gradient(135deg, var(--level-color-muted), transparent 45%), radial-gradient(circle at 88% 10%, var(--level-color-muted), transparent 28%);z-index:-1;position:absolute;inset:0}.level-n5{--level-color:#45d86b;--level-color-muted:#50fa7b1f;--level-color-border:#50fa7b47}.level-n4{--level-color:#bd93f9;--level-color-muted:#bd93f921;--level-color-border:#bd93f94d}.level-header{align-items:center;gap:var(--level-nav-item-gap);margin-bottom:.95em;display:flex}.level-heading{align-items:baseline;gap:.55em;min-width:fit-content;display:flex}.level-badge{font-size:var(--level-badge-size);color:var(--level-color);white-space:nowrap;font-weight:700;line-height:1;font-family:var(--font-family-japanese-font-stack);margin:0}.level-label{font-size:var(--level-label-size);color:var(--text-label-color);white-space:nowrap;margin:0;line-height:1}.level-divider{background:linear-gradient(to right, var(--level-color-border), transparent);flex:1;height:1px}.level-nav{gap:var(--level-nav-gap);flex-direction:column;display:flex}.level-nav-item{align-items:center;gap:var(--level-nav-item-gap);min-height:var(--level-nav-item-min-height);padding-block:var(--level-nav-item-padding-block);padding-inline:var(--level-nav-item-padding-inline);color:inherit;border-radius:var(--level-nav-item-radius);background:var(--landing-row-bg);transition:transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;border:1px solid #6272a43d;grid-template-columns:auto minmax(0,1fr);padding-inline-end:calc(var(--level-nav-item-padding-inline) + var(--level-nav-launch-size) + .35em);text-decoration:none;display:grid;position:relative}.level-nav-item:focus{outline:none}.level-nav-item:focus-visible{outline:2px solid var(--level-color);outline-offset:3px}.level-nav-item:active{border-color:var(--level-color);background:var(--landing-row-bg-hover);transition:none}.level-nav-glyph{width:var(--level-nav-glyph-size);height:var(--level-nav-glyph-size);color:var(--level-color);background:var(--level-color-muted);border:1px solid var(--level-color-border);border-radius:var(--border-radius-medium);font-size:1.15em;font-weight:700;line-height:1;font-family:var(--font-family-japanese-font-stack);justify-content:center;align-self:start;align-items:center;display:inline-flex}.level-nav-copy{flex-direction:column;justify-content:center;min-width:0;line-height:1.25;display:flex}.level-nav-title{color:var(--color-dark-theme-text-default);font-size:var(--level-nav-title-size);font-weight:700}.level-nav-meta{color:var(--color-dark-theme-text-muted);font-size:var(--level-nav-meta-size);margin-top:.28em;line-height:1.35}.level-nav-launch{width:var(--level-nav-launch-size);height:var(--level-nav-launch-size);color:var(--level-color);opacity:.82;pointer-events:none;position:absolute;inset-block-start:var(--level-nav-item-padding-block);inset-inline-end:var(--level-nav-item-padding-inline)}.level-nav-launch svg{fill:currentColor}@media (hover:hover){.level-nav-item:hover{transform:var(--transform-default);background:var(--landing-row-bg-hover);border-color:var(--level-color);box-shadow:0 8px 22px #00000038}}.features-strip{justify-content:center;gap:var(--features-strip-gap);animation:fade-in-up var(--landing-animation-duration) var(--landing-animation-easing) var(--features-animation-delay) backwards;flex-wrap:wrap;padding:0;display:flex}.feature-badge{color:var(--text-label-color);white-space:nowrap;align-items:center;gap:.4em;font-size:.88em;display:flex}.feature-badge-icon{color:var(--color-dark-theme-border)}.bg-kanji{font-size:var(--bg-kanji-size);color:#50fa7b0f;font-family:var(--font-family-japanese-font-stack);pointer-events:none;user-select:none;font-weight:700;animation:8s ease-in-out infinite float;position:fixed}.bg-kanji:first-child{color:#50fa7b1c;animation-delay:0s;top:5%;left:8%}.bg-kanji:nth-child(2){color:#ff79c61a;animation-delay:3s;top:18%;right:8%}.bg-kanji:nth-child(3){color:#bd93f91a;animation-delay:2.5s;bottom:10%;left:4%}.bg-kanji:nth-child(4){color:#ff79c61a;animation-delay:1s;bottom:4%;right:12%}@keyframes fade-in-up{0%{opacity:0;transform:translateY(var(--landing-animation-offset))}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-18px)rotate(2deg)}66%{transform:translateY(18px)rotate(-2deg)}}@media (width<=768px){:root{--container-padding:2em 1em 1em;--container-gap:1.55em;--hero-title-size:2.35em;--hero-subtitle-size:.98em;--levels-gap:1.1em;--level-panel-padding:1em;--level-nav-gap:.65em;--level-nav-item-padding-block:.72em;--level-nav-item-padding-inline:.72em;--level-nav-glyph-size:2.15em;--bg-kanji-size:5em;--features-strip-gap:.85em}}@media (width<=400px){:root{--hero-title-size:2.1em;--level-nav-meta-size:.75em;--level-nav-glyph-size:2em;--level-nav-item-gap:.65em}}@media (width<=1366px) and (orientation:landscape){:root{--level-nav-meta-size:.7em}.landing-container{width:min(900px, calc(100vw - calc(var(--app-content-gutter) * 2)));max-width:none;margin-inline:auto}.levels-section{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.level-nav{flex-direction:column;display:flex}.level-nav-title{font-size:var(--level-nav-title-landscape-size);line-height:1.15}}@media (width<=768px) and (orientation:landscape){:root{--container-padding:1.3em 1em 2.5em;--container-gap:1em;--hero-title-size:2em;--levels-gap:.9em;--level-panel-padding:.85em;--level-nav-item-padding-block:.6em;--level-nav-item-padding-inline:.7em;--level-nav-glyph-size:1.9em;--bg-kanji-size:4.5em}.landing-container{width:min(600px, calc(100vw - calc(var(--app-content-gutter) * 2)))}}@media (width>=769px) and (width<=1024px){:root{--container-padding:3em 1.5em 1.5em;--hero-title-size:2.8em;--level-panel-padding:1.25em}}@media (width>=769px) and (width<=1024px) and (orientation:landscape){:root{--container-padding:1.5em 1.5em 1em;--container-gap:1.1em;--hero-title-size:2.15em;--level-panel-padding:.95em;--level-nav-item-padding-block:.65em;--level-nav-item-padding-inline:.75em;--level-nav-glyph-size:2em}}@media (width>=1025px){:root{--landing-max-width:min(1100px, var(--app-content-max-width));--container-padding:4em 2em 2em}.levels-section{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}@media (prefers-reduced-motion:reduce){.hero-section,.levels-section,.features-strip,.bg-kanji{animation:none}}