#world .section__inner { display: flex; flex-direction: column; align-items: center; gap: calc(48px * var(--spc)); padding: 0; }
#world .hero-title { line-height: normal; margin-bottom: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .15); }
#world .tab-panel { gap: calc(20px * var(--spc)); }
#world .tab-panel#world-panel-newworld { gap: calc(30px * var(--spc)); }
#world .tab-deck { height: calc(586px * var(--spc)); }
#world .world-body { display: flex; flex-direction: column; align-items: center; flex: 1 1 auto; width: 100%; min-height: 0; }
#world .world-para { width: 100%; font-family: var(--font-body); font-weight: 400; font-size: calc(16px * var(--spc)); line-height: 1.5; color: #FFFFFF; text-align: center; text-shadow: 0 16px 32px rgba(12, 12, 13, .4); }
#world .world-shot { position: relative; display: block; width: calc(830px * var(--spc)); height: calc(240px * var(--spc)); margin-top: calc(30px * var(--spc)); border: 1px solid rgba(255, 255, 255, .3); border-radius: calc(20px * var(--spc)); overflow: hidden; }
#world .world-shot img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scaleX(-1); }
#world .world-shot::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, .2); pointer-events: none; }
#world .world-years { display: flex; flex-direction: column; align-items: center; gap: calc(40px * var(--spc)); width: 100%; padding-top: calc(10px * var(--spc)); list-style: none; }
#world .world-year { display: flex; flex-direction: column; align-items: center; gap: calc(8px * var(--spc)); width: 100%; }
#world .world-year__head { display: flex; flex-direction: row; align-items: center; gap: calc(10px * var(--spc)); }
#world .world-year__deco { display: block; flex: none; height: calc(10.111px * var(--spc)); background: center / 100% 100% no-repeat; }
#world .world-year__deco--l { width: calc(37.497px * var(--spc)); background-image: url('../assets/images/world/deco_year_l.svg'); }
#world .world-year__deco--r { width: calc(37.345px * var(--spc)); height: calc(10.110px * var(--spc)); background-image: url('../assets/images/world/deco_year_r.svg'); }
#world .world-year__label { font-family: var(--font-title); font-weight: 400; font-size: calc(18px * var(--spc)); line-height: normal; letter-spacing: calc(0.9px * var(--spc)); color: #C89852; white-space: nowrap; }
#world .world-year__desc { width: 100%; font-family: var(--font-body); font-weight: 400; font-size: calc(16px * var(--spc)); line-height: 1.5; color: #FFFFFF; text-align: center; }
#world .tab-deck.is-motion .world-body { -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 50%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to bottom, #000 0%, #000 50%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 100%); -webkit-mask-size: 100% 200%; mask-size: 100% 200%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 0 128%; mask-position: 0 128%; }
#world .tab-deck.is-motion .tab-panel.is-in .world-body { -webkit-mask-position: 0 0%; mask-position: 0 0%; -webkit-transition: -webkit-mask-position 4.5s linear; transition: mask-position 4.5s linear, -webkit-mask-position 4.5s linear; }
@media (prefers-reduced-motion: reduce) {
  #world .tab-deck.is-motion .world-body, #world .tab-deck.is-motion .tab-panel.is-in .world-body { -webkit-mask-image: none; mask-image: none; -webkit-transition: none; transition: none; }
}