.frn-tools{background:#0b101b;color:#fff;font-family:Arial,sans-serif}.frn-tools *{box-sizing:border-box}.frn-tools a{color:inherit;text-decoration:none}.frn-hero{height:min(65vw,690px);min-height:500px;position:relative;overflow:hidden}.frn-track,.frn-slide{position:absolute;inset:0}.frn-slide{opacity:0;visibility:hidden;transition:opacity .5s;background:linear-gradient(90deg,#080b18ed 5%,#080b1855 75%),var(--frn-image) var(--frn-x,50%) var(--frn-y,50%)/cover,radial-gradient(circle at 65%,#a13976,#14172d)}.frn-slide.is-active{opacity:1;visibility:visible}.frn-slide-copy{position:absolute;bottom:10%;left:7%;max-width:620px}.frn-slide-copy span{font-size:12px;letter-spacing:.2em;color:#b9f941}.frn-slide h2{font:400 clamp(42px,6vw,82px)/1.05 Georgia,serif;margin:14px 0}.frn-slide p{font-size:clamp(16px,2vw,20px);line-height:1.5}.frn-slide-copy a,.frn-contact a{display:inline-block;background:#ff61bb;color:#140d1b;padding:13px 20px;border-radius:4px;font-weight:700;margin-top:14px}.frn-controls{position:absolute;right:5%;bottom:6%;display:flex;gap:10px}.frn-controls button{font-size:30px;color:#fff;background:#1119;border:1px solid #fff9;border-radius:4px;width:48px;height:48px;cursor:pointer}.frn-routes,.frn-worlds,.frn-contact{padding:42px max(22px,5vw)}.frn-routes h2,.frn-worlds h2,.frn-contact h2{font:400 clamp(32px,4vw,54px) Georgia,serif;margin:0 0 24px}.frn-route-grid,.frn-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.frn-route{padding:24px;min-height:145px;display:flex;flex-direction:column;justify-content:center;gap:12px;color:#091015!important;background:linear-gradient(125deg,var(--route),#fff9);border:1px solid var(--route);border-radius:8px;transition:transform .2s}.frn-route:hover{transform:translateY(-4px)}.frn-route strong{font:700 clamp(20px,2.5vw,32px) Georgia,serif}.frn-route span{font-size:14px}.frn-worlds{background:#151728}.frn-world{overflow:hidden;background:#22243a;border:1px solid #ffffff40;border-radius:8px}.frn-world img{width:100%;height:235px;object-fit:cover}.frn-world>div{padding:24px}.frn-world h3{font:400 30px Georgia,serif;margin:0}.frn-world p{line-height:1.5}.frn-world a{display:inline-block;border:1px solid #ff6ac0;padding:10px 13px;color:#ffadcf}.frn-world details{margin-top:18px;border-top:1px solid #ffffff50;padding-top:15px}.frn-world summary{cursor:pointer;font-weight:700;color:#b9f941}.frn-world details div{padding-top:12px;line-height:1.5}.frn-contact{background:#311b42}.frn-tools :focus-visible{outline:3px solid #b9f941;outline-offset:3px}@media(max-width:700px){.frn-hero{height:590px}.frn-slide-copy{left:22px;right:22px;bottom:15%}.frn-route-grid,.frn-world-grid{grid-template-columns:1fr}.frn-route{min-height:105px}}@media(prefers-reduced-motion:reduce){.frn-slide,.frn-route{transition:none}}

.frn-center-art,.frn-character-art{position:absolute;z-index:1;max-height:80%;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}.frn-character-art{z-index:2}.frn-slide-copy{z-index:3}

.frn-arc-logo{position:absolute;z-index:5;width:min(32vw,310px);height:auto;left:50%;top:45%;object-fit:contain;opacity:0;pointer-events:none}.frn-slide.is-active .frn-arc-logo{animation:frn-logo-arc var(--gfrn-logo-time,3.2s) ease-in-out both}@keyframes frn-logo-arc{0%{opacity:0;transform:translate(-34vw,-90vh) rotate(-32deg) scale(.38)}24%{opacity:1;transform:translate(-14vw,-25vh) rotate(-12deg) scale(.76)}44%{opacity:1;transform:translate(0,9vh) rotate(7deg) scale(1.06)}56%{opacity:1;transform:translate(3vw,-13vh) rotate(-5deg) scale(.94)}68%{opacity:1;transform:translate(4vw,2vh) rotate(2deg) scale(1)}77%{opacity:1;transform:translate(11vw,-7vh) rotate(12deg) scale(.94)}100%{opacity:0;transform:translate(105vw,-72vh) rotate(39deg) scale(.52)}}@media(prefers-reduced-motion:reduce){.frn-slide.is-active .frn-arc-logo{animation:none;display:none}}

@media(max-width:700px){.frn-slide{background-image:linear-gradient(90deg,#080b18ed 5%,#080b1855 75%),var(--frn-mobile-image,var(--frn-image)),radial-gradient(circle at 65%,#a13976,#14172d);background-position:center,var(--frn-mx,50%) var(--frn-my,50%),center}.frn-center-art,.frn-character-art{left:var(--frn-mobile-left,50%)!important;top:var(--frn-mobile-top,50%)!important;width:var(--frn-mobile-width,42%)!important}.frn-arc-lockup{left:var(--frn-mobile-left,50%)!important;top:var(--frn-mobile-top,45%)!important}.frn-arc-lockup img{width:var(--frn-mobile-width,38vw)!important}}

.frn-arc-lockup{position:absolute;z-index:5;display:flex;align-items:center;gap:20px;white-space:nowrap;pointer-events:none}.frn-arc-lockup img{position:static!important;opacity:1!important;width:var(--frn-logo-width,24%)!important;max-height:50vh;object-fit:contain;transform:none!important;animation:none!important}.frn-arc-lockup span{max-width:30vw;white-space:normal;color:#fff3d6;font:700 clamp(20px,3vw,46px)/1.05 Georgia,serif;text-shadow:0 5px 18px #000}.frn-slide.is-active .frn-arc-lockup{animation:frn-logo-arc var(--gfrn-logo-time,3.2s) ease-in-out both}@media(max-width:700px){.frn-arc-lockup{gap:10px}.frn-arc-lockup span{max-width:45vw;font-size:clamp(16px,5vw,29px)}.frn-arc-lockup img{width:var(--frn-mobile-width,38%)!important}}@media(prefers-reduced-motion:reduce){.frn-slide.is-active .frn-arc-lockup{animation:none;display:none}}

.frn-slide-art{display:contents}
@media(max-width:760px){
 .frn-tools .frn-hero,.frn-tools .frn-track{position:relative;inset:auto;height:auto;min-height:0;max-height:none}
 .frn-tools .frn-slide{display:none;position:relative;inset:auto;height:auto;min-height:0;max-height:none;padding:12px 8px 0;transition:none}
 .frn-tools .frn-slide.is-active{display:block}
 .frn-tools .frn-slide-art{display:block;position:relative;height:230px;pointer-events:none}
 .frn-tools .frn-slide-copy{position:relative;inset:auto;max-width:none;width:100%;height:auto;max-height:none;overflow:visible;margin:0;padding:20px 18px;background:#101c2a}
 .frn-tools .frn-slide-copy h2{font-size:clamp(30px,8vw,44px);line-height:1.08;overflow-wrap:break-word}
 .frn-tools .frn-slide-copy p{font-size:15px;line-height:1.55;overflow-wrap:anywhere}
 .frn-tools .frn-slide-copy a{display:flex;justify-content:center;align-items:center;min-height:48px;width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
 .frn-tools .frn-controls{position:relative;inset:auto;display:flex;justify-content:center;gap:12px;width:100%;min-height:68px;padding:12px 8px;background:#131d30}
 .frn-tools .frn-center-art,.frn-tools .frn-character-art,.frn-tools .frn-arc-lockup{animation:none!important}
 .frn-tools .frn-arc-lockup{display:none}
}