/* ArkBox Game brand palette: uni.scss / App.vue */
:root{--ink:#292044;--ink2:#ece5fa;--paper:#fffdfc;--gold:#6e44e8;--mint:#8a61dd;--line:#e6def0;--muted:#898398;--brand:#6e44e8}
body{background:#f8f6fc;color:#292044}a:focus-visible,button:focus-visible,video:focus-visible{outline-color:#6e44e8}.site-header{color:white;border-bottom-color:#ffffff35}.site-header.scrolled{background:#fffdfcf5;color:#292044;border-bottom-color:#e8e1f1;box-shadow:0 5px 24px #6e44e809}.site-header.scrolled .desktop-nav{color:#756487}.site-header.scrolled .nav-download{border-color:#ded2f5;background:#f2ebff;color:#6e44e8}.site-header.scrolled .nav-download span{color:#6e44e8}.desktop-nav a:after{background:#c5b0ff}.nav-download{border-color:#ffffff66}.nav-download span{color:#f0e7ff}.site-header.scrolled .menu-toggle span{background:#6e44e8}.mobile-nav{background:#fffcfffa;box-shadow:0 16px 25px #6e44e815;color:#604875}.mobile-nav a{border-color:#ece4f4}.hero-shade{background:linear-gradient(90deg,#20113ed9 0%,#25174475 42%,#1a102a05 80%),linear-gradient(0deg,#1d1233bf,transparent 52%,#1e0d3633)}.hero .eyebrow{color:#e6d4ff}.hero .eyebrow i{background:#d9c6ff}.hero h1{color:#fffaf3}.hero h1 em{color:#e7d7ff}.hero-description{color:#e2d9ed}.hero-bottom{color:#e3dbea;border-color:#ffffff3d}.hero-bottom p span{color:#b7a6c8}.hero-index{color:#e3d8f4}.hero-index i{color:#bea7d2}.scroll-cue i{color:#d7c3ff}.button-gold{background:linear-gradient(110deg,#8557f1,#6036d9);color:#fff;box-shadow:0 8px 25px #6e44e82b}.button-gold:hover{background:linear-gradient(110deg,#9467fc,#7145e4)}.section-light{background:#fffdfc;color:#292044}.section-dark{background:#f8f6fc;color:#292044}.about{background:radial-gradient(ellipse at 5% 55%,#fff9f5,transparent 55%),#fffdfc}.section-number{color:#ab96be}.about h2 span{color:#9977bd}.about-heading p{color:#9583a6}.about-heading p:first-child{color:#72578c}.text-link{color:#6e44e8;border-color:#bda1e866}.about-topics{border-color:#e9dff2;color:#9173aa}.about-topics small{color:#ba9fcd}.film-section{background:radial-gradient(ellipse at 100% 70%,#f0e7ff,transparent 60%),#f8f6fc}.eyebrow{color:#a88cbe}.section-intro h2 span{color:#a27cb9}.section-intro>p{color:#a58bb9}.film-frame{border-color:#e1d2ef;border-radius:8px;box-shadow:0 20px 50px #8158a41c;background:#ebe2f3}.film-caption{color:#fffaf6}.film-caption small{color:#e8d8ff}.film-caption p{color:#e8ddf5}.film-scrim{background:linear-gradient(0deg,#24133dbf,transparent 60%),linear-gradient(90deg,#2c155755,transparent 70%)}.film-corner{color:#e8dff2}.video-note{color:#b7a0c5}.video-note:empty{display:none}.worlds{background:radial-gradient(ellipse at 0 100%,#fff6f0,transparent 55%),#f8f6fc}.world-tabs{border-color:#e3d8ed}.world-tabs button{color:#ae94c0}.world-tabs button[aria-selected=true]{color:#6e44e8;border-color:#6e44e8}.world-tabs button:hover{background:#efe6fb77}.world-panel{border-color:#e7dced}.world-picture{border-radius:6px;box-shadow:0 14px 32px #785a9417}.world-copy .eyebrow{color:#b394c5}.world-copy>p:not(.eyebrow){color:#a28aaf}.world-copy ul{color:#9c7cad}.world-copy li:before{color:#a979dc}.text-link.light{color:#6e44e8;border-color:#bb9de866}.companion-star{color:#b28ad2}.companion-strip small{color:#bba1cb}.companion-strip p{color:#9270a8}.companion-strip>p{color:#b79bc9}.collection{background:radial-gradient(ellipse at 92% 80%,#eee3ff,transparent 50%),#fffdfc}.collection .eyebrow{color:#b299c3}.collection h2 span{color:#a17abb}.collection-copy>p:not(.eyebrow){color:#a28caf}.collection-notes{color:#b192c7}.collection-notes span+span{border-color:#e5d7ee}.collect-card{box-shadow:0 18px 40px #70489320}.collect-card figcaption{color:#8b69a2}.collect-card figcaption small{color:#b59ac5}.collection-gallery>p{color:#b49ac3}.download{background:radial-gradient(ellipse at 76% 65%,#e8dbffcc,transparent 55%),linear-gradient(120deg,#faf4ff,#fff5ef);color:#3f285c}.download h2 span{color:#a17bbf}.download-content>p:not(.eyebrow){color:#ab8dbf}.download .eyebrow{color:#b092c6}.download-ornament,.download-ornament:before,.download-ornament:after{border-color:#bb93db22}.h5-link{color:#9c6cbb}.download-platforms{color:#b193c6}.download-platforms i{background:#d6c1e5}.qr-card{background:#ffffff85;border-color:#e5d8f3;box-shadow:0 16px 45px #9469b714}.qr-image{background:#fff}.qr-card strong{color:#9b72b3}.qr-card p{color:#b29ac3}.qr-card>span{color:#bda5cc}footer{background:#f6f0fb;border-top-color:#e9dff2;color:#6c4a86}footer>p{color:#b298c3}footer>div,footer button{color:#a88bba}.copyright{border-top-color:#e5d9ef;color:#ac93bd;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.copyright strong{font-weight:500}.copyright a{color:#9e7caf;letter-spacing:0}.copyright a:hover{text-decoration:underline}.download-page{background:radial-gradient(ellipse at top,#e9ddff,transparent 65%),#fffafc;color:#5d3978}.download-page .lead{color:#ac8dc0}.platform-downloads button[disabled]{background:#f3eaf9;border-color:#e9ddf2;color:#bba2cb;box-shadow:none}.download-back{color:#9d78b7;border-color:#d9c4e7}.release-note{color:#b49ac7}.download-status{border-color:#dec8ed;color:#a47bb9}.download-legal{display:flex;flex-direction:column;gap:12px;color:#ba9cca;font-size:10px;line-height:1.8;margin-top:45px}.download-legal a{color:#a482ba}dialog{background:#fffafd;color:#513268;border-color:#e7d8f2;box-shadow:0 22px 60px #35135326}dialog::backdrop{background:#30204688}dialog>p:not(.eyebrow){color:#aa8eba}.dialog-close{color:#aa81c1}@media(max-width:760px){.hero-shade{background:linear-gradient(0deg,#24133edb 0%,#22113b8c 55%,#2617400a 86%),linear-gradient(90deg,#2b1747ac,transparent)}.mobile-nav a{color:#9270ac}.copyright{gap:14px;font-size:9px}.collection-gallery>p{font-size:8px}}
.about-heading p,.section-intro>p,.world-copy>p:not(.eyebrow),.collection-copy>p:not(.eyebrow),.download-content>p:not(.eyebrow){color:#8074a1}.world-copy ul,.collection-notes,.download-platforms{color:#9175a6}.copyright{font-size:11px;color:#8d739e}.copyright a{color:#85639a}@media(max-width:760px){.copyright{font-size:10px}}
.survival-intro{padding-top:64px}.gameplay-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:28px}.gameplay-heading h3{font-size:34px;line-height:1.5;letter-spacing:2px;margin-top:12px}.gameplay-heading h3 span{display:block;font:400 14px/1.9 var(--sans);letter-spacing:1px;color:#9175a6;margin-top:8px}.gameplay-heading>p{font-size:12px;line-height:2;color:#8074a1}.survival-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mode-card{border:1px solid #e5d9ef;border-radius:10px;overflow:hidden;background:#fffdfc}.mode-art{position:relative;aspect-ratio:1.7;overflow:hidden}.mode-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#221333b0,transparent 70%)}.mode-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.mode-card:hover .mode-art img{transform:scale(1.035)}.mode-art>span{position:absolute;z-index:1;bottom:18px;left:22px;color:#f7edff;font-size:10px;letter-spacing:2px}.mode-copy{padding:25px 25px 28px}.mode-kicker{font-size:10px;letter-spacing:2px;color:#9c7ab4}.mode-copy h4{font:500 28px/1.5 var(--serif);letter-spacing:2px;color:#36224d;margin:12px 0}.mode-copy>p:not(.mode-kicker){font-size:13px;line-height:2;color:#8074a1}.mode-tag{display:block;margin-top:22px;padding-top:16px;border-top:1px solid #ece2f4;color:#75518e;font-size:10px;letter-spacing:1px}.survival-steps{list-style:none;padding:28px 0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;border-bottom:1px solid #e5d9ef}.survival-steps li{display:flex;gap:14px;align-items:flex-start}.survival-steps b{font:italic 25px/1.4 Georgia,serif;color:#b59acb}.survival-steps li>span{font-size:13px;line-height:1.8;color:#634a7c}.survival-steps small{display:block;font-size:10px;color:#9680a7;margin-top:5px}.gameplay-note{font-size:10px;color:#9683a8;line-height:1.9;margin-top:16px}.companion-intro{margin-top:66px;display:grid;grid-template-columns:1fr 1.15fr;gap:12%;padding:45px 0 55px;border-bottom:1px solid #e5d9ef}.companion-title>span{font-size:36px;display:block;color:#ac80cc;margin-bottom:16px}.companion-title h3{font-size:34px;line-height:1.6;letter-spacing:2px;margin:18px 0}.companion-title>p:not(.eyebrow){color:#8074a1;font-size:13px;line-height:2.1;max-width:370px}.companion-features{display:grid;gap:25px;align-content:center}.companion-features article{padding-bottom:24px;border-bottom:1px solid #e5d9ef}.companion-features article:last-child{padding-bottom:0;border:0}.companion-features article>span{font-size:10px;letter-spacing:2px;color:#ac8bc0}.companion-features h4{font-size:17px;font-weight:500;color:#63477d;letter-spacing:1px;margin:10px 0}.companion-features p{font-size:12px;line-height:2;color:#8074a1}.more-worlds{text-align:center;padding:70px 20px 5px}.more-symbol{display:block;font-size:30px;color:#ae88cb;margin-bottom:20px}.more-worlds .eyebrow{justify-content:center;font-size:9px}.more-worlds h3{font-size:clamp(30px,3.1vw,45px);letter-spacing:3px;line-height:1.6;margin:15px 0}.more-worlds h3 span{color:#a17abb}.more-worlds>p:not(.eyebrow){font-size:13px;line-height:2;color:#8074a1}.more-worlds .text-link{margin-top:24px}
@media(max-width:1000px) and (min-width:761px){.survival-modes{gap:14px}.mode-copy{padding:20px 18px}.mode-copy h4{font-size:24px}.survival-steps{gap:14px}.survival-steps li{gap:8px}.survival-steps small{font-size:9px}.companion-intro{gap:7%}}
@media(max-width:760px){.survival-intro{padding-top:44px}.gameplay-heading{display:block;margin-bottom:24px}.gameplay-heading h3{font-size:29px;letter-spacing:1px}.gameplay-heading h3 span{font-size:12px;margin-top:6px}.gameplay-heading>p{font-size:11px;margin-top:18px}.survival-modes{grid-template-columns:1fr;gap:20px}.mode-art{aspect-ratio:1.9}.mode-copy{padding:22px}.mode-copy h4{font-size:26px}.mode-copy>p:not(.mode-kicker){font-size:12px}.mode-tag{margin-top:17px;padding-top:14px;font-size:9px}.survival-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;margin-top:12px;padding:24px 0}.survival-steps li{gap:10px}.survival-steps b{font-size:21px}.survival-steps li>span{font-size:12px}.survival-steps small{font-size:9px}.gameplay-note{font-size:9px}.companion-intro{display:block;margin-top:28px;padding:30px 0 35px}.companion-title h3{font-size:29px;margin:16px 0}.companion-title .eyebrow{font-size:8px;letter-spacing:2px}.companion-title>p:not(.eyebrow){font-size:12px}.companion-features{margin-top:30px;gap:21px}.companion-features h4{font-size:16px}.companion-features p{font-size:11px}.more-worlds{padding:45px 0 0}.more-worlds h3{font-size:28px;letter-spacing:1px}.more-worlds .eyebrow{font-size:7px;letter-spacing:2px}.more-worlds>p:not(.eyebrow){font-size:12px}.more-worlds .text-link{font-size:10px;gap:20px}}

/* Cultural collection: full card artwork arranged as a five-card fan. */
.culture-section{grid-template-columns:1fr 1.4fr;gap:4%;padding-top:100px;padding-bottom:90px;align-items:center}.culture-section .collection-copy>p:not(.eyebrow){max-width:410px}.culture-section h2{font-size:clamp(40px,4.1vw,65px)}.culture-values{margin-top:30px;display:grid;gap:20px}.culture-values article{display:flex;gap:18px;align-items:flex-start}.culture-values article>span{font:italic 16px/1.7 Georgia,serif;color:#b798ce}.culture-values h3{font:500 16px/1.7 var(--sans);letter-spacing:2px;color:#71508d}.culture-values p{font-size:11px;line-height:1.9;color:#9582a6;margin-top:4px}.culture-showcase{min-width:0}.culture-fan{position:relative;width:100%;min-height:570px;isolation:isolate}.culture-card{--step:clamp(43px,4.5vw,73px);position:absolute;top:24px;left:50%;width:43%;max-width:285px;padding:6px 6px 0;border:0;border-radius:5px;background:#fff;box-shadow:0 18px 40px #4832592b;transform:translateX(calc(-50% + var(--slot)*var(--step))) translateY(var(--lift)) rotate(calc(var(--slot)*8deg));transform-origin:50% 80%;transition:transform .45s,box-shadow .3s;overflow:hidden;text-align:left}.culture-card[aria-pressed=true]{box-shadow:0 25px 55px #48325938}.culture-card:hover,.culture-card:focus-visible{transform:translateX(calc(-50% + var(--slot)*var(--step))) translateY(calc(var(--lift) - 10px)) rotate(calc(var(--slot)*8deg));box-shadow:0 26px 55px #48325942}.culture-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block}.culture-card-caption{display:flex;flex-direction:column;gap:6px;padding:15px 12px 18px;color:#785693}.culture-card-caption strong{font:500 17px/1.4 var(--serif);letter-spacing:2px}.culture-card-caption small{font-size:8px;letter-spacing:2px;color:#ab93bd}.culture-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:6px}.culture-arrow{width:36px;height:36px;border:1px solid #ddcceb;background:#fff9ff;border-radius:50%;color:#8d63af;font-size:17px}.culture-arrow:hover{background:#eee4fb}.culture-controls p{text-align:center;min-width:190px}.culture-controls strong{display:block;font:500 17px/1.8 var(--serif);letter-spacing:2px;color:#6c4b86}.culture-controls p span{display:block;font-size:9px;letter-spacing:1px;color:#aa92bb;margin-top:3px}.culture-selectors{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.culture-selectors button{border:1px solid transparent;background:transparent;border-radius:30px;padding:7px 12px;font-size:10px;color:#9c82af;letter-spacing:1px}.culture-selectors button[aria-pressed=true]{color:#7545b5;background:#efe5fc;border-color:#dfcef1}.culture-note{text-align:center;font-size:9px;line-height:1.8;color:#ae97bc;margin-top:20px;letter-spacing:.5px}.culture-dialog{padding:18px;border:1px solid #e2d0f2;background:#211829;width:min(92vw,600px);max-height:94svh;overflow:auto;border-radius:10px;color:#fff}.culture-dialog::backdrop{background:#100d1be8;backdrop-filter:blur(8px)}.culture-dialog img{margin:auto;width:auto;height:auto;max-height:calc(90svh - 100px);object-fit:contain}.culture-dialog-close{position:fixed;top:20px;right:20px;width:42px;height:42px;border:1px solid #ffffff66;border-radius:50%;background:#291c3be6;color:#fff;font-size:28px;z-index:2}.culture-dialog-footer{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:12px}.culture-dialog-footer p{font-size:15px;color:#f3e5ff}.culture-dialog-footer button{border:1px solid #796088;background:#ffffff10;color:#eedcff;border-radius:50%;width:34px;height:34px}.companion-intro{grid-template-columns:1fr 1.3fr;gap:38px 8%;margin-top:40px}.companion-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-self:center}.pet-portrait{--pet-color:#5b9a91;--pet-glow:#e5f5ee;min-width:0;text-align:center;background:radial-gradient(ellipse at 50% 40%,var(--pet-glow),#fffaff00 72%);padding:12px 0}.pet-thunder{--pet-color:#9481bd;--pet-glow:#ece4fb}.pet-earth{--pet-color:#aa8b54;--pet-glow:#fff1d8}.pet-fire{--pet-color:#c78390;--pet-glow:#ffe6e9}.pet-portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 10px 15px #8a65a51c)}.pet-portrait strong{display:block;font:500 20px/1.7 var(--serif);letter-spacing:3px;color:var(--pet-color);margin-top:8px}.pet-portrait figcaption span{display:block;font-size:9px;line-height:1.8;color:#a38eae;margin-top:3px}.companion-features{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.companion-features article{border:0;border-top:1px solid #e5d9ef;padding:22px 0 0}.companion-features article:last-child{border-top:1px solid #e5d9ef;padding-top:22px}
@media(min-width:1700px){.culture-fan{min-height:620px}.culture-card{--step:80px;max-width:310px}}
@media(max-width:1100px) and (min-width:761px){.culture-section{grid-template-columns:1fr 1.2fr;gap:2%}.culture-fan{min-height:460px}.culture-card{--step:42px;width:48%}.culture-card-caption{padding:10px}.culture-card-caption strong{font-size:14px}.companion-intro{gap:35px 5%}.companion-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.pet-portrait img{max-height:125px}.pet-portrait strong{font-size:18px}}
@media(max-width:760px){.culture-section{padding-top:60px;padding-bottom:55px;gap:25px}.culture-section h2{font-size:42px}.culture-values{gap:17px;margin-top:25px}.culture-values h3{font-size:15px}.culture-values p{font-size:10px}.culture-showcase{width:100%}.culture-fan{min-height:405px;width:100%;max-width:460px}.culture-card{--step:24px;width:51%;max-width:205px;top:10px;padding:4px 4px 0;transform:translateX(calc(-50% + var(--slot)*var(--step))) translateY(var(--lift)) rotate(calc(var(--slot)*6deg))}.culture-card:hover,.culture-card:focus-visible{transform:translateX(calc(-50% + var(--slot)*var(--step))) translateY(calc(var(--lift) - 6px)) rotate(calc(var(--slot)*6deg))}.culture-card-caption{padding:11px 9px 13px;gap:4px}.culture-card-caption strong{font-size:14px;letter-spacing:1px}.culture-card-caption small{font-size:7px;letter-spacing:1px}.culture-controls{gap:15px;margin-top:0}.culture-controls p{min-width:165px}.culture-controls strong{font-size:16px}.culture-controls p span{font-size:8px}.culture-selectors{gap:1px;margin-top:16px}.culture-selectors button{padding:7px 10px;font-size:9px}.culture-note{font-size:8px;margin-top:16px}.culture-dialog{padding:10px}.culture-dialog-close{top:12px;right:12px;width:36px;height:36px}.companion-intro{display:flex;flex-direction:column;gap:26px;margin-top:25px}.companion-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pet-portrait{padding:6px 0}.pet-portrait strong{font-size:17px;letter-spacing:2px}.pet-portrait figcaption span{font-size:8px;letter-spacing:0;white-space:nowrap}.companion-features{grid-template-columns:1fr;margin-top:0;gap:20px}.companion-features article{padding-top:19px}.companion-features article:last-child{padding-top:19px}}
@media(max-width:360px){.culture-fan{min-height:355px}.culture-card{--step:19px}.culture-card-caption strong{font-size:12px}.culture-selectors button{padding:7px 8px}.pet-portrait figcaption span{font-size:7px}}