.landing-page .world-art{background-image:url(/assets/landing/hero.webp);background-position:50% 72%;height:100svh}.landing-page .world-shade{height:100svh}.landing-page .landing-frame{position:relative}.jr-wrap{width:min(1200px,100% - 32px);margin-inline:auto}.jr-kicker,.jr-head>p{color:#d7bc80;letter-spacing:.28em;text-transform:uppercase;align-items:center;gap:.7rem;margin:0;font:400 .74rem/1.2 Georgia,Times New Roman,serif;display:flex}.jr-kicker span,.jr-head>p span{color:#ffe2a0;letter-spacing:.04em;background:#2a231c;border:1px solid #8a7650;border-radius:50%;place-items:center;min-width:2rem;height:2rem;padding:0 .3rem;display:grid}.jr-scroll-cue{z-index:5;color:#e8d6ae;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 2px 10px #000;flex-direction:column;justify-self:center;align-items:center;gap:.5rem;margin-top:-2.5rem;font:.78rem Georgia,Times New Roman,serif;text-decoration:none;display:inline-flex;position:relative}.jr-scroll-cue i{transform-origin:top;background:linear-gradient(#f0d28f,#0000);width:1px;height:46px;animation:2.2s ease-in-out infinite jr-cue}.jr-scroll-cue:hover{color:#ffe2a0}@keyframes jr-cue{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.jr-band{z-index:1;isolation:isolate;align-items:center;min-height:min(640px,86svh);padding:6rem 0;display:grid;position:relative;overflow:hidden}.jr-band-art{z-index:-1;background:50%/cover no-repeat;position:absolute;inset:0}.jr-band-art:after{content:"";background:linear-gradient(#211b16 0%,#211b1600 22% 70%,#211b16 100%),linear-gradient(90deg,#1a1410ee 0%,#1a1410b0 42%,#1a141000 75%);position:absolute;inset:0}.jr-story-copy,.jr-finale-copy{gap:1rem;display:grid}.jr-story-copy>:not(.jr-kicker){max-width:540px}.jr-band h2{color:#ffe2a0;text-shadow:0 3px 18px #000c;margin:0;font:400 clamp(2rem,4.4vw,3.4rem)/1.08 Georgia,Times New Roman,serif}.jr-band p{color:#e6e0d4;text-shadow:0 2px 10px #000;margin:0;font-size:1.02rem;line-height:1.7}.jr-realms{flex-wrap:wrap;gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.jr-realms li{color:#ebd39a;letter-spacing:.08em;background:#1f1813cc;border:1px solid #8a765099;border-radius:999px;padding:.35rem .8rem;font:.8rem Georgia,Times New Roman,serif}.jr-realms li:last-child{color:#b9b0a1;border-style:dashed;font-style:italic}.jr-chapters{--chapter-gap:clamp(5rem, 10vw, 8.5rem);--chapter-start:5rem;z-index:1;gap:var(--chapter-gap);width:min(1200px,100% - 32px);padding:var(--chapter-start) 0 6rem;margin:0 auto;display:grid;position:relative}.jr-chapter{gap:2rem;min-width:0;scroll-margin-top:90px;display:grid;position:relative}.jr-story:before,.jr-chapter:before,.jr-finale:before{content:"";z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='20' viewBox='0 0 88 20' fill='none'%3E%3Cg stroke='%23b89960' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 10h16c8 0 10-6 18-6-2 4-4 6-10 6 6 0 8 2 10 6-8 0-10-6-18-6M88 10H72c-8 0-10-6-18-6 2 4 4 6 10 6-6 0-8 2-10 6 8 0 10-6 18-6' opacity='.65'/%3E%3Cpath d='m44 3 5 7-5 7-5-7Z'/%3E%3C/g%3E%3C/svg%3E") 50%/88px 20px no-repeat,linear-gradient(90deg,#0000,#80633e80 28%,#b8996099) 0/calc(50% - 44px) 1px no-repeat,linear-gradient(90deg,#b8996099,#80633e80 72%,#0000) 100%/calc(50% - 44px) 1px no-repeat;width:min(1040px,100% - 48px);height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.jr-chapter:before{top:calc(var(--chapter-gap) / -2 - 10px)}.jr-chapter:first-child:before{top:calc(var(--chapter-start) / -2 - 10px)}.jr-band,#story{scroll-margin-top:0}.jr-head{gap:.7rem;max-width:720px;display:grid}.jr-head h2,.jr-chapter h2{color:#ffe2a0;margin:0;font:400 clamp(1.7rem,3.2vw,2.6rem)/1.12 Georgia,Times New Roman,serif}.jr-head>span,.jr-guardian-copy>p:not(.jr-kicker),.jr-cards-copy>p:not(.jr-kicker){color:#c9bda9;font-size:.98rem;line-height:1.7}.jr-ticks{gap:.55rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.jr-ticks li{color:#e6e0d4;padding-left:1.4rem;font-size:.92rem;position:relative}.jr-ticks li:before{content:"";border:1px solid #f0d28f;width:7px;height:7px;position:absolute;top:.5em;left:.2rem;transform:rotate(45deg)}.jr-class{gap:1.1rem;display:grid}.jr-class-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.jr-class-picker button{color:#c9bda9;cursor:pointer;background:linear-gradient(#3d352c,#29231d);border:1px solid #6c5c42;border-top-color:#9c8559;border-radius:6px;justify-content:center;align-items:center;gap:.55rem;min-height:54px;padding:.4rem .6rem;font:600 .9rem Georgia,Times New Roman,serif;transition:border-color .16s,color .16s,background .16s;display:flex}.jr-class-picker img{object-fit:cover;background:#1a1612;border:1px solid #8a7650;border-radius:50%;width:36px;height:36px}.jr-class-picker button:hover{color:#ffe2a0;border-color:#b99a62}.jr-class-picker button[aria-selected=true]{color:#ffe2a0;background:linear-gradient(#64523a,#43382a);border-color:#d6b774;box-shadow:inset 0 1px #ffedbc33,0 0 18px #d6b77422}.jr-class-body{background:linear-gradient(140deg,#2f2821,#1e1915);border:1px solid #8a7650;border-radius:10px;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);animation:.38s jr-swap;display:grid;overflow:hidden;box-shadow:0 20px 50px #0008}.jr-class-scene{background:#2a221b;min-height:420px;margin:0;position:relative;overflow:hidden}.jr-class-shot{object-fit:cover;object-position:50% 72%;width:100%;height:100%;position:absolute;inset:0}.jr-class-scene:after{content:"";background:linear-gradient(90deg,#1e191500 55%,#1e1915 100%),linear-gradient(#1e191500 60%,#1e1915aa);position:absolute;inset:0}.jr-class-copy{flex-direction:column;gap:.7rem;padding:clamp(1.2rem,2.6vw,2.2rem);display:flex}.jr-class-copy small{color:#d7bc80;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}.jr-class-copy h3{color:#ffe2a0;margin:0;font:400 clamp(2rem,3.4vw,2.8rem)/1 Georgia,Times New Roman,serif}.jr-class-copy p{color:#e6e0d4;margin:0;line-height:1.6}.jr-class-copy .jr-class-gear{color:#b9b0a1;font-size:.84rem}.jr-class-gear b{color:#a99f8e;letter-spacing:.12em;text-transform:uppercase;margin-right:.4rem;font-size:.7rem;font-weight:400}.jr-trees{border-top:1px solid #8a765055;gap:.6rem;margin-top:.4rem;padding-top:.9rem;display:grid}.jr-tree{grid-template-columns:7.5rem 1fr;align-items:center;gap:.6rem;display:grid}.jr-tree>span{color:#ebd39a;font-size:.8rem}.jr-tree>div{flex-wrap:wrap;gap:.35rem;display:flex}.jr-tree button{cursor:pointer;background:#1a1612;border:1px solid #4d463b;border-radius:6px;padding:2px;line-height:0;transition:border-color .14s,transform .14s}.jr-tree button:hover{border-color:#b99a62;transform:translateY(-1px)}.jr-tree button[aria-pressed=true]{border-color:#f0d28f;box-shadow:0 0 10px #f0d28f55}.jr-class-copy .jr-skill-line{scrollbar-width:thin;color:#d8ccb6;background:#4f40212e;border-left:2px solid #b99453;border-radius:0 6px 6px 0;height:7.4em;padding:.7rem .85rem;font-size:.86rem;line-height:1.55;overflow-y:auto}.jr-skill-line b{color:#ffe2a0;font-weight:600}@keyframes jr-swap{0%{opacity:.35}to{opacity:1}}.jr-demo{z-index:1;background:#2a221b;animation:.4s jr-swap;position:absolute;inset:0;overflow:hidden}.jr-demo-zoom{transform-origin:50% 78%;position:absolute;inset:0}.jr-demo .player-nameplate{transform-origin:50% 0;transform:translate(-50%)scale(1.3)}.jr-demo :is(.stone-portal-label,.stone-portal-prompt,.stone-portal-hint,.map-portal-hint){display:none!important}.landing-page .jr-class-scene .vn-skill-cutin-caption strong{white-space:nowrap}.landing-page .jr-class-scene .vn-skill-cutin.vn-skill-cutin{z-index:2;width:min(32%,240px);position:absolute;inset:auto auto 5% 0}.jr-places{outline:none;position:relative}.jr-places:focus-visible .jr-place.is-current{box-shadow:0 0 0 2px #f0d28f,0 24px 60px #000a}.jr-places-stage{--card:min(64vw, 760px);height:calc(var(--card) * .5625 + 2px);perspective:1600px;perspective-origin:50% 45%;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.jr-place{width:var(--card);margin:0 0 0 calc(var(--card) / -2);cursor:pointer;transform:translateX(calc(var(--o) * var(--card) * .58)) translateZ(calc(var(--abs) * -260px)) rotateY(calc(var(--o) * -38deg)) scale(calc(1 - min(var(--abs), 2) * .05));opacity:calc(1 - max(var(--abs) - 1, 0) * .65);filter:brightness(calc(1 - min(var(--abs), 1) * .42)) saturate(calc(1 - min(var(--abs), 1) * .25));background:#2a221b;border:1px solid #8a7650;border-radius:12px;transition:transform .62s cubic-bezier(.2,.75,.2,1),opacity .42s,filter .42s,box-shadow .3s;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 18px 44px #0009}.jr-place.is-far{visibility:hidden}.jr-place.is-current{cursor:default;box-shadow:0 24px 60px #000a,0 0 0 1px #d6b774}.jr-place:not(.is-current):hover{filter:brightness(.78)}.jr-place-ambience{z-index:1;pointer-events:none;animation:.6s jr-swap;position:absolute;inset:0}.jr-place figcaption{z-index:2}.jr-place img{aspect-ratio:16/9;object-fit:cover;pointer-events:none;width:100%;display:block}.jr-place:after{content:"";pointer-events:none;background:linear-gradient(calc(90deg + var(--o) * 1deg), #fff0 30%, #fff3d814 50%, #fff0 70%);opacity:min(var(--abs), 1);position:absolute;inset:0}.jr-place figcaption{background:linear-gradient(#1a141000,#1a1410ee 70%);gap:.2rem;padding:3.5rem 1.4rem 1.2rem;transition:opacity .3s;display:grid;position:absolute;inset:auto 0 0}.jr-place:not(.is-current) figcaption{opacity:0}.jr-place small{color:#d7bc80;letter-spacing:.18em;text-transform:uppercase;font-size:.7rem}.jr-place strong{color:#ffe2a0;font:400 1.5rem Georgia,Times New Roman,serif}.jr-place span{color:#e6e0d4;max-width:560px;font-size:.9rem;line-height:1.5}.jr-places-nav{justify-content:center;align-items:center;gap:.8rem;margin-top:1.4rem;display:flex}.jr-places-nav>button{color:#ebd39a;cursor:pointer;background:linear-gradient(#3d352c,#29231d);border:1px solid #8a7650;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.jr-places-nav>button:hover{color:#ffe2a0;border-color:#d6b774}.jr-places-dots{gap:.5rem;display:flex}.jr-places-dots button{cursor:pointer;background:0 0;border:1px solid #8a7650;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s,transform .2s}.jr-places-dots button[aria-current]{background:#f0d28f;border-color:#f0d28f;transform:scale(1.25)}.jr-guardian{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem)}.jr-guardian-art{margin:0;position:relative}.jr-guardian-art>img:first-child{aspect-ratio:16/9;object-fit:cover;border:1px solid #8a7650;border-radius:10px;width:100%;display:block;box-shadow:0 20px 50px #0008}.jr-guardian-live{border:1px solid #8a7650;border-radius:10px;overflow:hidden;box-shadow:0 20px 50px #0008}.jr-guardian-live>img:first-child{box-shadow:none;border:0}.jr-guardian-live .jr-demo{border-radius:10px}.landing-page .jr-guardian-art .vn-skill-cutin.vn-skill-cutin{z-index:2;width:min(32%,240px);position:absolute;inset:auto 0 6% auto}.jr-guardian-copy{gap:1rem;display:grid}.jr-pets{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.jr-pet{--frame:#8a7650;--glow:#f1d79622;--tint:#2c251f;border:1px solid var(--frame);text-align:center;background:radial-gradient(ellipse at 50% 32%, var(--glow), transparent 62%), linear-gradient(var(--tint), #1c1714);box-shadow:inset 0 0 0 3px #15110e, inset 0 0 0 4px color-mix(in srgb, var(--frame) 40%, transparent);border-radius:12px;grid-template-rows:240px 1.1rem 1.8rem 3.2rem auto;place-items:center;gap:.3rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.jr-pet:hover{box-shadow:inset 0 0 0 3px #15110e, inset 0 0 0 4px var(--frame), 0 0 24px color-mix(in srgb, var(--frame) 30%, transparent);transform:translateY(-3px)}.jr-pet:before,.jr-pet:after{content:"";pointer-events:none;position:absolute}.jr-pet[data-line=lumen]{--frame:#d8b25c;--glow:#ffd88a33;--tint:#33291c}.jr-pet[data-line=lumen]:before{background:repeating-conic-gradient(from 0deg at 50% 100%, #ffe2a014 0 6deg, transparent 6deg 18deg);height:80%;inset:-40% -40% auto}.jr-pet[data-line=lantern]{--frame:#6fb7b0;--glow:#8fe3e033;--tint:#1c2a2a}.jr-pet[data-line=lantern]:before{background:radial-gradient(60% 22% at 30% 100%,#8fe3e022,#0000),radial-gradient(50% 18% at 75% 90%,#8fe3e01c,#0000);height:46%;inset:auto 0 0}.jr-pet[data-line=ember]{--frame:#d9774a;--glow:#ff8a4a33;--tint:#2f1d16}.jr-pet[data-line=ember]:before{background:radial-gradient(70% 40% at 50% 110%,#ff7a3a2a,#0000 70%);height:60%;inset:auto 0 0}.jr-pet[data-line=veil]{--frame:#9a86d8;--glow:#a28dd93a;--tint:#221d2e}.jr-pet[data-line=veil]:before{background-image:radial-gradient(1px 1px at 18% 22%,#fff9,#0000),radial-gradient(1px 1px at 72% 14%,#fffa,#0000),radial-gradient(1.5px 1.5px at 84% 46%,#e6dcff,#0000),radial-gradient(1px 1px at 28% 58%,#fff8,#0000),radial-gradient(1px 1px at 60% 36%,#fff7,#0000);inset:0}.jr-pet:after{border:1px solid color-mix(in srgb, var(--frame) 35%, transparent);border-radius:8px;inset:8px}.jr-pet-stage{z-index:1;place-items:center;width:100%;height:240px;animation:.52s jr-evolve;display:grid;position:relative}@keyframes jr-evolve{0%{opacity:.5;filter:brightness(2.2)drop-shadow(0 0 18px #ffe2a0);transform:scale(.86)}60%{opacity:1;filter:brightness(1.3)drop-shadow(0 0 10px #ffe2a088)}to{filter:none;transform:scale(1)}}.jr-pet small{color:color-mix(in srgb, var(--frame) 70%, #fff);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;position:relative}.jr-pet h3{color:#ffe2a0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font:400 1.3rem Georgia,Times New Roman,serif;position:relative;overflow:hidden}.jr-pet p{color:#c9bda9;align-self:start;margin:0;font-size:.86rem;line-height:1.5;position:relative}.jr-pet-path{border-top:1px solid color-mix(in srgb, var(--frame) 30%, transparent);align-items:center;gap:.3rem;margin:0;padding:.55rem 0 0;list-style:none;display:flex;position:relative}.jr-pet-path li{align-items:center;gap:.3rem;display:flex}.jr-pet-path li:after{content:"›";color:var(--frame)}.jr-pet-path li:last-child:after{content:none}.jr-pet-path button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:2px;line-height:0;transition:border-color .14s,background .14s;display:grid}.jr-pet-path button:hover{border-color:var(--frame)}.jr-pet-path button[aria-pressed=true]{border-color:var(--frame);background:color-mix(in srgb, var(--frame) 18%, transparent)}.jr-pet-path img{object-fit:contain;width:40px;height:40px}.jr-cards{grid-template-columns:minmax(280px,.9fr) minmax(0,1.3fr);align-items:center;gap:2rem}.jr-cards-copy{gap:1rem;display:grid}.jr-fan{--card-scale:clamp(.4, calc((100vw - 72px) / 480px), 1);grid-template-columns:repeat(2, calc(240px * var(--card-scale)));justify-content:center;align-items:start;gap:24px 20px;width:100%;padding-block:8px;display:grid;position:relative}.jr-fan-card{min-width:0;transition:transform .2s}.jr-fan-card .vn-tcg{zoom:var(--card-scale)}.jr-fan-finish{color:#d7bc80;letter-spacing:.14em;text-align:center;text-transform:uppercase;margin-top:.5rem;font:.72rem Georgia,Times New Roman,serif;display:block}.jr-fan-card:hover{transform:translateY(-4px)}.jr-expedition{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem)}.jr-expedition-copy{gap:1rem;min-width:0;display:grid}.jr-expedition-copy>p:not(.jr-kicker){color:#c9bda9;margin:0;font-size:.98rem;line-height:1.7}.jr-coming{color:#d7bc80;letter-spacing:.08em;border:1px solid #8a7650;border-radius:4px;justify-self:start;padding:.35rem .65rem;font-size:.72rem}.jr-expedition-art{background:#1e1915;border:1px solid #8a7650;border-radius:10px;min-width:0;margin:0;overflow:hidden;box-shadow:0 18px 44px #0006}.jr-expedition-art img{width:100%;height:auto;display:block}.jr-expedition-art figcaption{color:#c9bda9;gap:.3rem;padding:1rem 1.2rem;font-size:.82rem;line-height:1.5;display:grid}.jr-expedition-art figcaption strong{color:#ffe2a0;font:400 1.1rem Georgia,Times New Roman,serif}.jr-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.jr-features li{background:linear-gradient(150deg,#2c251f,#1f1a16);border:1px solid #4d463b;border-radius:10px;align-content:start;gap:.5rem;padding:1.5rem;display:grid}.jr-features svg{color:#d7bc80}.jr-features h3{color:#ffe2a0;margin:.2rem 0 0;font:400 1.12rem Georgia,Times New Roman,serif}.jr-features p{color:#c9bda9;margin:0;font-size:.88rem;line-height:1.6}.jr-finale{min-height:min(620px,80svh)}.jr-finale .jr-band-art:after{background:linear-gradient(#211b16 0%,#211b1640 30%,#211b16cc 100%),radial-gradient(at 50% 60%,#1a141000,#1a1410aa)}.jr-finale-copy{text-align:center;justify-items:center}.jr-cta{color:#1b1308;background:linear-gradient(#f0d58e,#c9a14f);border:1px solid #8a6a2c;border-radius:6px;justify-content:center;align-items:center;min-height:52px;margin-top:.6rem;padding:0 2rem;font:700 1.05rem Georgia,Times New Roman,serif;text-decoration:none;transition:filter .16s,transform .16s;display:inline-flex;box-shadow:0 6px 20px #000a,0 0 30px #f0d28f33}.jr-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.landing-page>.landing-footer{border-top:1px solid #78604444;padding:1.4rem 0 2rem}.jr-rail{z-index:30;opacity:0;pointer-events:none;gap:.35rem;transition:opacity .3s;display:grid;position:fixed;top:50%;right:18px;translate:0 -50%}.jr-rail.is-shown{opacity:1;pointer-events:auto}.jr-rail a{color:#a99f8e;justify-content:flex-end;align-items:center;gap:.55rem;font:.72rem Georgia,Times New Roman,serif;text-decoration:none;display:flex}.jr-rail a span{opacity:0;text-shadow:0 1px 6px #000;transition:opacity .2s,translate .2s;translate:6px}.jr-rail:hover a span,.jr-rail a[aria-current] span{opacity:1;translate:0}.jr-rail i{background:#1f1915e6;border:1px solid #6c5c42;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.62rem;font-style:normal;display:grid}.jr-rail a[aria-current]{color:#ffe2a0}.jr-rail a[aria-current] i{background:#5a4831;border-color:#f0d28f;box-shadow:0 0 10px #f0d28f55}.jr-motion .jr-reveal{opacity:0;transition:opacity .7s,translate .7s cubic-bezier(.2,.7,.2,1);translate:0 28px}.jr-motion .jr-reveal.is-in{opacity:1;translate:0}.jr-features li:nth-child(3n+2){transition-delay:90ms}.jr-features li:nth-child(3n){transition-delay:.18s}.jr-pets .jr-pet:nth-child(2){transition-delay:80ms}.jr-pets .jr-pet:nth-child(3){transition-delay:.16s}.jr-pets .jr-pet:nth-child(4){transition-delay:.24s}@media (max-width:1100px){.jr-rail{display:none}.jr-class-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.jr-pets{grid-template-columns:repeat(2,minmax(0,1fr))}.jr-cards{grid-template-columns:1fr}}@media (max-width:860px){.landing-page .world-art{background-position:50% 72%}.jr-class-body,.jr-guardian,.jr-expedition{grid-template-columns:1fr}.jr-class-scene{aspect-ratio:16/10;min-height:0}.landing-page .jr-class-scene .vn-skill-cutin.vn-skill-cutin{width:30%;min-width:118px}.jr-class-scene:after{background:linear-gradient(#1e191500 55%,#1e1915)}.jr-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.jr-scroll-cue{margin-top:-1rem}.jr-band{min-height:0;padding:4.5rem 0}.jr-band-art:after{background:linear-gradient(#211b16 0%,#211b1660 25%,#211b1699 60%,#211b16 100%)}.jr-chapters{--chapter-start:3.5rem}.jr-class-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.jr-class-picker button{flex-direction:column;gap:.25rem;min-height:70px;font-size:.8rem}.jr-tree{grid-template-columns:1fr;gap:.35rem}.jr-class-scene{aspect-ratio:1}.landing-page .jr-class-scene .vn-skill-cutin.vn-skill-cutin{width:34%;min-width:0;top:3%;bottom:auto}.landing-page .jr-guardian-art .vn-skill-cutin.vn-skill-cutin{width:34%;top:3%;bottom:auto}.jr-guardian-art>img:first-child{aspect-ratio:1}.jr-places-stage{--card:78vw;height:calc(var(--card) * .5625 + 7.5rem)}.jr-place{transform:translateX(calc(var(--o) * var(--card) * .62)) translateZ(calc(var(--abs) * -220px)) rotateY(calc(var(--o) * -42deg))}.jr-place figcaption{background:#1f1915;padding:.8rem 1rem 1rem;position:static}.jr-place strong{font-size:1.2rem}.jr-pets{gap:.6rem}.jr-pet{grid-template-rows:160px 1.6rem 1.6rem 4rem auto;padding:.8rem .5rem}.jr-pet p{font-size:.8rem}.jr-pet-path img{width:26px;height:26px}.jr-pet-path,.jr-pet-path li{gap:.1rem}.jr-pet-path button{padding:1px}.jr-pet small{white-space:normal;letter-spacing:.08em;font-size:.58rem;line-height:1.3}.jr-pet h3{font-size:1rem}.jr-pet-stage{height:160px}.jr-pet-stage .vn-pet-art{zoom:.7}.jr-fan{gap:20px}.jr-fan-finish{font-size:.6rem}.jr-features{grid-template-columns:1fr}.jr-features li{padding:1.2rem}.landing-page>.landing-footer{text-align:center;flex-direction:column;gap:.4rem}}@media (prefers-reduced-motion:reduce){.jr-motion .jr-reveal{opacity:1;transition:none;translate:none}.jr-scroll-cue i,.jr-class-body,.jr-pet-stage{animation:none}.jr-place,.jr-fan-card{transition:none}}.landing-page{--cream:#f2e6ca;--gold:#c8ae77;--gold-bright:#f0d28f;--line:#88734d66;--panel:#29231ed9;--panel-deep:#211c18f5;color:#e8dfce;background:#211b16;overflow-x:clip}.landing-page .world-shade{background:linear-gradient(90deg,#211910ed 0%,#241c18a8 36%,#241c1810 70%),linear-gradient(#211b1633,#0000 40%,#211b16 100%)}.landing-page .landing-frame{gap:36px;max-width:1480px;margin-inline:auto;padding:100px clamp(20px,3.8vw,56px) 24px}.landing-page .hero-stage{min-height:min(720px,100svh - 112px)}.landing-page .hero-content{max-width:590px;margin-left:clamp(0px,2vw,28px)}.landing-page .hero-logo{filter:drop-shadow(0 3px 8px #1b120baa)}.landing-page .hero-lore{color:#ded4c0}.landing-page .hero-kicker{color:#e8cd94;letter-spacing:.24em}.landing-page .landing-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#342b24f5,#231d18f5);border-bottom:1px solid #a38b5e80;justify-content:space-between;gap:24px;height:72px;display:flex;box-shadow:0 3px 16px #110c0855,inset 0 1px #f3d99912}.landing-page .primary-nav{gap:clamp(16px,2.5vw,36px)}.landing-page .primary-nav a{color:#d9cbb2;align-items:center;min-height:44px;font-size:.9rem;display:flex}.landing-page .primary-nav a:hover{color:#ffe2a0}.landing-page .language-selector{cursor:default;color:#c7b798;font-size:.75rem}.landing-page .landing-footer{color:#ae9e85;border-color:#78604466}.landing-page .landing-footer a{color:#d2bd96}.landing-page .vn-dash{background:linear-gradient(145deg,#332b23f5,#211b16f5);border-color:#a88b58}@media (max-width:760px){.landing-page .landing-header{gap:14px;height:64px;padding:0 18px}.landing-page .header-brand-logo{height:34px}.landing-page .primary-nav{gap:0;margin-left:auto;display:flex}.landing-page .primary-nav a:not(:first-child){display:none}.landing-page .primary-nav a{border:1px solid #9c825355;border-radius:5px;padding:8px 12px;font-size:.8rem}.landing-page .language-selector{display:none}.landing-page .landing-frame{gap:30px;padding:88px 16px 24px}.landing-page .hero-stage{min-height:min(690px,100svh - 104px)}.landing-page .hero-content{width:100%;max-width:520px;margin:0;padding:16px 4px}.landing-page .hero-logo{width:min(360px,95%)}.landing-page .hero-promise{font-size:clamp(1.5rem,5.5vw,2.1rem)}.landing-page .hero-kicker{letter-spacing:.16em;font-size:.65rem}.landing-page .hero-lore{max-width:400px;line-height:1.65}.landing-page .world-shade{background:linear-gradient(90deg,#211910d9,#211910aa),linear-gradient(#0000 40%,#211b16)}}@media (prefers-reduced-motion:reduce){.landing-page *{scroll-behavior:auto!important}}
