.tutorial-world{z-index:20000;width:100%;height:100%;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 24px);background:#02050b url(/branding/tutorial/tutorial_world_street_bg.png) 50%/cover no-repeat;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.tutorial-world-shade{pointer-events:none;background:radial-gradient(circle at 64% 25%,#00f0ff21,#0000 34%),linear-gradient(#01040a1a 20%,#01040a8f 58%,#01040afa 100%);animation:6s ease-in-out infinite alternate setup-lighting;position:absolute;inset:0}.tutorial-world-content{grid-template-rows:minmax(0,1fr) auto auto;gap:12px;width:min(100%,430px);height:100%;display:grid;position:relative}.tutorial-world-ageha{min-height:0;margin:0 -18px -38px;animation:.55s both ageha-scene-in;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 80%,#0000);mask-image:linear-gradient(#000 0 80%,#0000)}.tutorial-world-dialogue{z-index:2;border:1px solid color-mix(in srgb,var(--ui-accent) 50%,transparent);border-radius:var(--ui-radius-lg);min-height:142px;font-size:var(--ui-font-body);background:#03080fed;padding:15px 16px;line-height:1.7;position:relative;box-shadow:0 14px 40px #00000085}.tutorial-world-dialogue>strong{color:var(--ui-accent);font-size:var(--ui-font-caption);letter-spacing:.12em;margin-bottom:6px;display:block}.tutorial-world-dialogue .tutorial-typewriter{white-space:pre-line}.tutorial-world .semantic-cta{min-height:52px}.tutorial-world{font-family:var(--font-ui);background-attachment:fixed;animation:9s ease-out both tutorial-world-camera}.tutorial-world-ageha{filter:drop-shadow(8px 8px 16px #0000008c)}.tutorial-world-dialogue{animation:.58s ease-out both tutorial-world-copy-in}@keyframes tutorial-world-camera{0%{background-position:48%;background-size:auto 105%}to{background-position:53%;background-size:auto 112%}}@keyframes tutorial-world-copy-in{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.tutorial-world,.tutorial-world-dialogue{animation:none}}@media (min-width:700px){.tutorial-world-ageha{justify-self:center;width:304px;margin-left:0;margin-right:0}.tutorial-world-ageha img{image-rendering:auto}}.tutorial-world-content{grid-template-rows:minmax(260px,42vh) auto auto;align-content:center}.tutorial-world-ageha{margin-bottom:-24px;-webkit-mask-image:none;mask-image:none}.tutorial-world{background:#000;animation:none;position:fixed}.tutorial-world-content{background:#02050b url(/bg/bg_street_shinjuku.jpg) 50%/cover no-repeat;animation:9s ease-out both tutorial-world-camera;overflow:hidden}.tutorial-world-content>.tutorial-world-shade{inset:0}.tutorial-world-content>.tutorial-world-next-cta{z-index:2;pointer-events:auto;position:relative}.tutorial-world-content>.tutorial-world-next-cta[data-cta-state=ready]{opacity:1;color:#031014!important;filter:none!important;background:linear-gradient(135deg,#19dce9,#69f3ff)!important;border-color:#8effff!important;box-shadow:inset 0 1px #ffffff94,0 0 20px #19dce97a!important}@media (prefers-reduced-motion:reduce){.tutorial-world-content{animation:none}}.quest-town-story-world .tutorial-world-ageha{justify-content:center;align-items:flex-end;height:100%;margin-bottom:0;display:flex}.quest-town-story-world .tutorial-world-ageha .character-presentation{width:100%;height:100%;max-height:100%}.quest-town-story-world .tutorial-world-ageha .character-presentation-character{object-fit:cover;object-position:var(--story-position-x) var(--story-position-y);transform:scale(var(--story-scale));transform-origin:var(--story-position-x) var(--story-position-y)}