/* Integration of the reference artwork with the site's existing Laravel pages. */
.arc-theme{--arc-font:'Outfit',Arial,sans-serif;font-family:var(--arc-font)!important}
.arc-reference,.arc-reference *{box-sizing:border-box}.arc-reference{background:#02080a}
.arc-reference .ref-page-heroWrapper{position:relative;isolation:isolate}
.arc-reference .ref-HeroSlider-sliderContainer{height:100vh;min-height:720px}
.arc-reference .ref-HeroSlider-heroPromoModal{box-sizing:content-box}
.arc-reference .ref-HeroSlider-heroTitle{font-family:'Rowdies',cursive!important;letter-spacing:0}
.arc-reference .ref-HeroSlider-ctaOverlay{z-index:5}.arc-reference .ref-HeroSlider-heroBottomScrim{z-index:3}
.arc-reference .ref-Top3Section-section{z-index:9}.arc-reference .ref-Top3Section-top3Card{width:380px;min-width:0}
.arc-reference .ref-Top3Section-classImage{image-rendering:auto;display:block}
.arc-reference-ranking-link{display:block;color:#88e0df;text-align:center;font-size:11px;font-weight:700;margin:16px 0 0;text-transform:uppercase}
.arc-reference .ref-FeaturesCards-title{font-family:'Rowdies',sans-serif;font-size:28px;line-height:1.2;margin-bottom:55px}
.arc-reference .ref-FeaturesCards-description{font-family:'Outfit',sans-serif;font-size:14px;font-weight:500}
.arc-reference .ref-FeaturesCards-content{padding:0 20px 20px}
.arc-reference .ref-FeaturesCards-btnOrange{display:inline-block}
.arc-reference .ref-FeaturesCards-card{flex-shrink:0}
.arc-reference .arc-ticker{height:44px;margin:0;padding:0;background:#050505;border-top:1px solid #253333;border-bottom:1px solid #253333;z-index:10;position:relative}
.arc-reference .arc-ticker-label{max-width:350px;font-size:12px;line-height:1.15;clip-path:polygon(0 0,96% 0,100% 100%,0 100%);padding:8px 28px 8px 16px}
.arc-reference .arc-ticker-hero{font-family:'Outfit',sans-serif;gap:10px}
.arc-reference-gallery{position:relative;max-width:1400px;margin:auto;padding:60px 80px 20px}
.arc-reference .ref-AdventureGallery-section{padding-top:75px;padding-bottom:130px}
.arc-reference-gallery-stage{margin:0 auto;max-width:1020px;aspect-ratio:16/9;position:relative}
.arc-reference-slide{margin:0;width:100%;height:100%;border:8px solid #301e1e;border-radius:32px;overflow:hidden;box-shadow:0 20px 40px #0008}
.arc-reference-slide img{display:block;width:100%;height:100%;object-fit:cover}
.arc-gallery-prev,.arc-gallery-next{border:0;background:transparent;position:absolute;top:50%;transform:translateY(-50%);width:50px;height:70px;padding:0;cursor:pointer}
.arc-gallery-prev{left:16px}.arc-gallery-next{right:16px}.arc-gallery-prev img,.arc-gallery-next img{width:100%;height:100%;object-fit:contain}
.arc-reference .arc-gallery-dots{margin-top:24px}.arc-reference .arc-gallery-dots button{background:url('../arkafus/images/dot-off.png') center/contain no-repeat;border:0;border-radius:0;width:18px;height:18px}
.arc-reference .arc-gallery-dots button[aria-pressed=true]{background-image:url('../arkafus/images/dot.png')}
.arc-reference-news-copy{padding:16px}.arc-reference-news-copy time{color:#9daeb7;font-size:11px}.arc-reference-news-copy h3{font-size:16px;color:white;line-height:1.3;margin:8px 0}
.ref-NewsSection-newsCardImage{width:100%;height:100%;object-fit:cover}
.arc-reference-full-character{width:100%;height:100%;object-fit:contain;image-rendering:auto}
.ref-ClassSelector-iconBox img{width:100%;height:100%;position:absolute;inset:0}
.ref-ClassSelector-classButton[aria-selected=true]{background:#45c3c81a;border-color:#45c3c88c;box-shadow:0 0 0 1px #45c3c81f,0 10px 28px #0004}
.ref-ClassSelector-classButton[aria-selected=true] .ref-ClassSelector-iconBox{opacity:1;border-color:#45c3c873}
.ref-ClassSelector-classButton[aria-selected=true] .ref-ClassSelector-btnName{color:#45c3c8;background:#082024bf}
.ref-ClassSelector-genderBtn[aria-pressed=true]{background:#45c3c8f2;border-color:#45c3c8bf;box-shadow:0 0 16px #45c3c859}
.ref-ClassSelector-genderBtn[aria-pressed=true] .ref-ClassSelector-genderSprite{background-position:top}
.arc-theme #navbarContainer.arc-navbar{position:fixed;top:30px;width:calc(100% - 144px);max-width:1800px;height:82px;padding:0 30px 0 80px;gap:24px;background:rgba(16,17,17,.97);z-index:1000}
.arc-theme #navbarContainer.arc-navbar.sticky{top:12px}
.arc-theme .arc-navbar-brand{width:170px;height:130px;flex:0 0 170px;overflow:visible;align-self:center}
.arc-theme .arc-navbar-brand img{width:100%;height:100%;max-height:none;object-fit:contain}
.arc-theme #arc-main-menu{flex:1;justify-content:space-evenly;gap:18px}
.arc-theme #arc-main-menu .navbar-item{font-family:'Outfit',sans-serif;font-size:16px;font-weight:800;white-space:nowrap}
.arc-theme .arc-nav-badge{padding:8px 16px;white-space:nowrap;background:linear-gradient(100deg,#ff6b35,#ff8b15);color:white;border-radius:24px;font-size:12px;box-shadow:0 0 14px #ff772933}
.arc-theme .arc-nav-state{background:#1d995d;color:white;font-size:12px;padding:7px 16px;border-radius:24px;font-weight:800;white-space:nowrap}
.arc-theme .arc-account-link{border:2px solid #ffffff24;border-radius:50%;width:42px;height:42px;padding:6px;justify-content:center}
.arc-theme .arc-account-link>span{display:none}.arc-theme .arc-account-link img{border-radius:50%;width:26px;height:26px}
.arc-theme .arc-nav-play{font-size:20px;letter-spacing:1px;min-width:130px;padding:14px 24px;box-shadow:0 4px 18px #45c3c840}
.arc-theme .navbar-right{gap:16px}
.arc-scroll-controls{position:fixed;right:30px;bottom:30px;display:flex;flex-direction:column;gap:10px;z-index:200}
.arc-scroll-controls .arc-back-top,.arc-scroll-controls>a{position:static;display:grid;place-items:center;border:1px solid #45c3c88c;background:#080d0de6;color:#45c3c8;border-radius:9px;width:46px;height:46px;font-size:24px}
@media(min-width:1700px){.arc-reference .ref-Top3Section-top3Card{width:380px}.arc-reference .ref-HeroSlider-heroPromoModal{width:720px}.arc-reference .ref-HeroSlider-ctaOverlay{bottom:10%}}
@media(max-width:1300px) and (min-width:1025px){.arc-reference .ref-Top3Section-section{left:20px}.arc-reference .ref-Top3Section-top3Card{width:300px;padding:15px}.arc-reference .ref-HeroSlider-ctaOverlay{left:64%}.arc-reference .ref-HeroSlider-heroPromoModal{width:520px}.arc-reference .ref-HeroSlider-heroTitle{font-size:44px}.arc-theme #navbarContainer.arc-navbar{padding-left:20px;width:calc(100% - 48px);gap:12px}.arc-theme .arc-navbar-brand{width:130px;flex-basis:130px}.arc-theme .navbar-right{gap:10px}}
@media(max-width:1024px){.arc-reference .ref-page-heroWrapper{display:flex;flex-direction:column}.arc-reference .ref-HeroSlider-sliderContainer{order:0;height:780px;min-height:0}.arc-reference .ref-Top3Section-section{order:1;background:#030d10;margin:0;padding:20px;position:relative;inset:auto;transform:none}.arc-reference .ref-Top3Section-top3Card{width:100%;max-width:720px;margin:auto}.arc-theme #navbarContainer.arc-navbar{top:14px;width:calc(100% - 32px);padding:0 18px;height:72px}.arc-theme .arc-navbar-brand{width:120px;height:98px;flex-basis:120px}.arc-theme #arc-menu-toggle{display:block}.arc-theme #arc-main-menu{display:none}.arc-theme .arc-menu-open #arc-main-menu{display:flex;position:absolute;top:100%;left:0;right:0;padding:24px;background:#0b1113;flex-direction:column;align-items:stretch}.arc-theme .arc-nav-state{display:none}.arc-reference .ref-HeroSlider-heroPromoModal{box-sizing:border-box;width:min(92vw,760px)}.arc-theme .arc-nav-play{min-width:0;font-size:16px;padding:12px 18px}}
@media(max-width:640px){.arc-theme #navbarContainer.arc-navbar{gap:12px}.arc-theme .arc-nav-badge{display:none}.arc-theme .navbar-right{margin-left:auto;gap:10px}.arc-reference .ref-HeroSlider-sliderContainer{height:720px}.arc-reference .ref-HeroSlider-ctaOverlay{bottom:6%;width:100%}.arc-reference .ref-HeroSlider-heroTitle{font-size:36px}.arc-reference .ref-HeroSlider-heroSubtitle{font-size:12px}.arc-reference .ref-FeaturesCards-section{padding-bottom:120px}.arc-reference .ref-FeaturesCards-card{width:min(90vw,380px)}.arc-reference-gallery{padding:60px 36px 20px}.arc-reference-slide{border-width:4px;border-radius:16px}.arc-gallery-prev,.arc-gallery-next{width:25px;height:45px}.arc-gallery-prev{left:3px}.arc-gallery-next{right:3px}.arc-reference .ref-AdventureGallery-section{padding-top:40px;padding-bottom:100px}.arc-reference .arc-ticker-label{max-width:150px;font-size:10px}.arc-reference .ref-ClassSelector-yopukaVideo{display:none}.arc-scroll-controls{right:12px;bottom:12px}.arc-theme .arc-account-link{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.arc-reference *{animation:none!important;scroll-behavior:auto!important}.arc-reference .ref-HeroSlider-heroVideo{visibility:hidden}.arc-reference .ref-ClassSelector-yopukaVideo{display:none}}
@media(min-width:1301px) and (max-width:1699px){.arc-reference .ref-HeroSlider-ctaOverlay{left:64%}.arc-reference .ref-HeroSlider-heroPromoModal{width:min(58vw,760px);box-sizing:border-box}.arc-reference .ref-Top3Section-top3Card{width:29vw;max-width:380px}}
.arc-theme .arc-navbar-brand img{transform:scale(1.4)}
