.home-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b1020;border-bottom:1px solid #5868a14d}
.home-hero__art{position:absolute;z-index:-1;inset:0;background:url('/images/hero-override-day.webp') center 42%/cover no-repeat}
.home-hero__art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1020 0%,#0b102018 27%,#080d2010 75%,#0b102045),radial-gradient(ellipse at 50% 44%,#0911277a 0%,#09112730 38%,transparent 68%)}
.home-hero__inner{min-height:660px;padding:100px 0 25px;text-align:center;display:flex;flex-direction:column;align-items:center}
.home-hero .eyebrow{justify-content:center;background:#0b153ca3;border:1px solid #b3c7ff4d;backdrop-filter:blur(8px);padding:8px 16px;letter-spacing:2px;margin-bottom:22px;color:#e7edff}
.home-hero .eyebrow:before{background:var(--lime);width:7px;height:7px;border-radius:50%;box-shadow:0 0 15px #ffe14a75}
.home-hero h1{font-size:clamp(70px,7.6vw,112px);font-weight:900;font-style:italic;letter-spacing:-.025em;line-height:.91;text-shadow:0 5px 35px #02081ca8;max-width:100%;padding-inline:10px}
.home-hero h1>span{font-size:.85em}.home-hero h1 em{font-style:inherit;color:var(--lime)}
.home-hero p{color:#f0f3ff;font-size:17px;line-height:1.65;margin:23px 0 25px;text-shadow:0 2px 12px #000}
.home-hero .actions{justify-content:center}.home-hero .button{min-height:49px;box-shadow:0 5px 24px #060c2838}
.home-hero .button.secondary{background:#0b173acc;border-color:#b0bde67a;backdrop-filter:blur(8px)}
.home-hero__bottom{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:auto;padding-top:70px;font-size:10px;letter-spacing:2.8px;color:#c1ccea}
.home-hero__bottom>span+span:before{content:'/';color:var(--lime);margin-right:28px}
.watch-section{padding-top:62px;padding-bottom:58px}.watch-section .section-head{margin-bottom:35px}
.watch-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
.watch-heading>h3{font:700 26px/1.1 var(--display);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:10px}
.watch-heading__actions{display:flex;align-items:center;gap:22px}.watch-heading--shorts{margin-top:33px}
.rail-controls{display:flex;gap:7px}.rail-controls[hidden]{display:none}
.rail-controls button{border:1px solid #445274;background:#14203b;color:#f5f7ff;width:35px;height:33px;line-height:1;font-size:20px}
.rail-controls button:hover:not(:disabled){background:var(--lime);border-color:var(--lime);color:#101527}.rail-controls button:disabled{opacity:.3;cursor:default}
.media-rail{display:grid;grid-auto-flow:column;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:3px;padding:3px 3px 15px;scrollbar-width:thin;scrollbar-color:#6071a2 #172039}
.video-rail{grid-auto-columns:calc((100% - 40px)/3)}.shorts-rail{grid-auto-columns:calc((100% - 100px)/6)}
.watch-card{min-width:0;scroll-snap-align:start;display:block}.watch-card__image{aspect-ratio:16/9;position:relative;overflow:hidden;background:#15203c;border:1px solid #ffffff13}
.watch-card__image>img{height:100%;width:100%;object-fit:cover;transition:transform .25s}
.watch-card:hover .watch-card__image>img{transform:scale(1.045)}.watch-card:hover h3{color:var(--lime)}
.watch-card__play{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:32px;height:32px;font-size:11px;background:#10182ac7;border:1px solid #ffffff60;border-radius:50%;backdrop-filter:blur(5px)}
.watch-card__duration{position:absolute;bottom:9px;right:9px;font-size:11px;font-weight:700;padding:1px 6px;background:#080d20e8}
.watch-card__copy{padding:12px 1px 2px}.watch-card h3{font-size:16px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;overflow-wrap:anywhere}
.watch-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:11px;color:var(--muted)}
.watch-card--short .watch-card__image{aspect-ratio:9/14}.watch-card--short h3{font-size:14px}.watch-card--short .watch-card__meta{font-size:10px;flex-wrap:wrap;gap:3px}
.shorts-mark{background:#ff385b;width:20px;height:27px;display:grid;place-items:center;font:10px/1 var(--body);transform:rotate(12deg);border-radius:6px}
@media(min-width:1700px){.home-hero__inner{min-height:730px;padding-top:126px}.home-hero__bottom{padding-top:100px}}
@media(max-width:1100px){.home-hero__inner{min-height:610px;padding-top:102px}.home-hero h1{font-size:86px}.home-hero__art{background-position:18% center}.shorts-rail{grid-auto-columns:calc((100% - 60px)/4)}.video-rail{grid-auto-columns:calc((100% - 30px)/2.3)}}
@media(max-width:760px){.home-hero__art{background-size:auto 390px;background-position:15% top}.home-hero__art:after{background:linear-gradient(0deg,#0b1020 0%,#0b1020 28%,#0b1020c9 44%,#0b102010 77%)}.home-hero__inner{min-height:620px;padding:246px 0 22px}.home-hero .eyebrow{font-size:8px;letter-spacing:1.4px;padding:6px 10px;margin-bottom:17px}.home-hero h1{font-size:clamp(43px,10.7vw,77px);line-height:.98;padding:0}.home-hero p{font-size:14px;margin:18px 0 23px}.home-hero .actions{gap:9px;width:100%}.home-hero .button{font-size:10px;padding:12px;gap:10px;min-height:44px}.home-hero__bottom{font-size:7px;letter-spacing:.9px;gap:10px;padding-top:31px}.home-hero__bottom>span+span:before{margin-right:10px}.watch-section{padding-block:43px}.watch-section .section-head{margin-bottom:26px}.watch-heading>h3{font-size:23px}.watch-heading__actions{gap:12px}.rail-controls button{width:30px;height:30px}.media-rail{gap:13px}.video-rail{grid-auto-columns:86%}.shorts-rail{grid-auto-columns:44%}.watch-card h3{font-size:15px}.watch-card--short h3{font-size:13px}.watch-heading--shorts{margin-top:27px}.watch-section .section-head h2{font-size:35px}.watch-section .section-head .text-link{white-space:normal;text-align:right;max-width:95px}}
@media(prefers-reduced-motion:reduce){.watch-card__image>img{transition:none}}

@media(max-width:380px){.watch-heading{flex-wrap:wrap;gap:12px}.watch-heading__actions{width:100%;justify-content:space-between}.home-hero .eyebrow{letter-spacing:.8px}.home-hero__bottom{gap:7px;letter-spacing:.5px}.home-hero__bottom>span+span:before{margin-right:7px}}

@media(min-width:761px) and (max-width:1100px){.home-hero__art{background-size:auto 440px;background-position:center top}.home-hero__art:after{background:linear-gradient(180deg,#0b102010 100px,#0b102050 280px,#0b1020 445px)}.home-hero__inner{min-height:705px;padding-top:210px}.home-hero h1{font-size:78px}.home-hero__bottom{padding-top:42px}}

/* Center homepage copy and section headings on mobile. */
@media(max-width:760px){
 .home-hero__inner,.community-goal,.watch-section,.lab-section,.about-section{text-align:center}
 .section-head{flex-direction:column;align-items:center;text-align:center;gap:16px}
 .section-head .eyebrow,.goal-copy .eyebrow,.about-grid .eyebrow{justify-content:center}
 .watch-section .section-head .text-link{max-width:none;text-align:center}
 .watch-heading{flex-direction:column;align-items:center;gap:14px}.watch-heading__actions{width:100%;justify-content:center}
 .watch-card__copy{text-align:center}.watch-card__meta{justify-content:center;gap:12px}
 .ticker-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;gap:10px}.ticker-item{line-height:1.5}.ticker-item strong{display:block;margin:0 0 6px}
 .product-bottom{flex-direction:column;text-align:center;gap:10px}.product-arrow{width:28px;height:28px}
 .content-card{text-align:center}.card-meta{justify-content:center;gap:14px}
 .about-grid{justify-items:center}.about-grid>.button{justify-self:center}
 .empty-journal{text-align:center}.empty-journal .text-link{margin-inline:auto}
 .footer-row,.footer-bottom{justify-content:center;text-align:center}.footer-row>div{justify-content:center}
 .site-header nav.open{text-align:center}
}

.home-lost-world{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-block:48px}.home-lost-world>a{display:block}.home-lost-world img{width:100%;height:auto;border:1px solid var(--line)}.home-lost-world h2{font-size:clamp(38px,4vw,56px)}.home-lost-world p{margin:18px 0 24px}.home-lost-world .eyebrow{font-size:14px}.home-lost-world .button{font-size:14px}@media(max-width:760px){.home-lost-world{grid-template-columns:1fr;gap:24px;padding-block:32px}.home-lost-world .eyebrow{font-size:12px}.home-lost-world .button{width:100%;gap:12px;text-align:center}}

.home-support{display:flex;align-items:center;gap:32px;justify-content:space-between;padding:24px;border:1px solid var(--line);margin-bottom:40px}.home-support p{font-size:14px;margin-top:10px;max-width:740px}.home-support .button{flex-shrink:0}@media(max-width:760px){.home-support{flex-direction:column;align-items:stretch;gap:20px}}

/* Override hero: keep the artwork's characters clear of the live heading. */
.home-hero__art{background-position:right center;background-size:cover}
.home-hero__art:after{background:linear-gradient(0deg,#0b1020 0%,transparent 18%),linear-gradient(90deg,#080e2580,transparent 58%)}
.home-hero__inner{min-height:560px;padding-top:95px;align-items:flex-start;text-align:left}
.home-hero h1{font-size:clamp(56px,5.1vw,88px);padding:0;max-width:58%}
.home-hero p{font-size:16px;max-width:52%}
.home-hero .actions{justify-content:flex-start;max-width:55%}
.home-hero__bottom{padding-top:65px;gap:18px;letter-spacing:2px}
.home-hero__bottom>span+span:before{margin-right:18px}
@media(min-width:1700px){.home-hero__inner{min-height:650px;padding-top:130px}}
@media(min-width:761px) and (max-width:1100px){.home-hero__inner{min-height:490px;padding-top:85px}.home-hero h1{font-size:58px}.home-hero .actions{gap:8px}.home-hero .button{font-size:11px;padding:12px}.home-hero__bottom{font-size:8px;letter-spacing:1px;gap:12px}}
@media(max-width:760px){
.home-hero__art{background-size:auto 290px;background-position:right top}
.home-hero__art:after{background:linear-gradient(180deg,transparent 230px,#0b1020 300px)}
.home-hero__inner{min-height:620px;padding-top:305px;align-items:center;text-align:center}
.home-hero h1{font-size:clamp(43px,10.7vw,77px);max-width:100%}
.home-hero p{max-width:100%;font-size:14px}
.home-hero .actions{max-width:100%;justify-content:center}
.home-hero__bottom{padding-top:28px;gap:10px;font-size:7px;letter-spacing:.9px}
.home-hero__bottom>span+span:before{margin-right:10px}
}
@media(max-width:760px){.online-presence{left:auto;right:14px}.online-presence__panel{left:auto;right:0}}

/* Original game artwork: character identity is preserved without generation. */
.home-hero__art{background-position:center 55%}
.home-hero__art:after{background:linear-gradient(90deg,#071b4570,transparent 62%),linear-gradient(0deg,#0b1020 0%,transparent 12%)}
.home-hero:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:1%;bottom:0;width:52%;height:96%;background:url('/images/hero-kernel-original.webp') center bottom/contain no-repeat;filter:drop-shadow(0 12px 14px #13274e45)}
@media(max-width:760px){.home-hero__art{background-size:auto 300px;background-position:68% top}.home-hero__art:after{background:linear-gradient(180deg,transparent 255px,#0b1020 302px)}.home-hero:after{right:0;top:10px;bottom:auto;width:100%;height:285px;background-position:center top;filter:drop-shadow(0 8px 8px #13274e45)}}
.home-hero__art{background-position:center bottom}@media(max-width:760px){.home-hero__art{background-position:68% top}}

.hero-sprites{position:absolute;right:max(30px,calc((100% - 1200px)/2));bottom:24px;display:flex;gap:12px;z-index:1}
.hero-sprites figure{margin:0;width:105px;background:#101d36e8;border:1px solid #e7efff80;border-radius:12px;overflow:hidden;box-shadow:0 8px 22px #10203d55;transform:rotate(3deg)}
.hero-sprites figure:first-child{transform:rotate(-5deg)}.hero-sprites figure:nth-child(2){transform:translateY(-10px)}
.hero-sprites img{display:block;width:100%;height:86px;object-fit:cover}
.hero-sprites figcaption{padding:6px 3px;text-align:center;font:10px/1.4 var(--body);color:#e8edff}
.hero-sprites strong{color:#fff}
@media(max-width:760px){.hero-sprites{top:246px;bottom:auto;right:50%;transform:translateX(50%);gap:10px}.hero-sprites figure{width:88px}.hero-sprites img{height:65px}.hero-sprites figcaption{font-size:8px;padding:4px 2px}.home-hero__inner{padding-top:374px}.home-hero:after{height:254px}.home-hero__art:after{background:linear-gradient(180deg,transparent 250px,#0b1020 315px)}}

.hero-sprites img[src="/images/hero-klombo-bountyhunter-full.webp"]{object-fit:cover;object-position:center 22%;padding:0;background:#128fce}

.hero-sprite-portrait{height:86px;overflow:hidden;background:#128fce}.hero-sprite-portrait img{transform:scale(1.28);transform-origin:50% 12%}@media(max-width:760px){.hero-sprite-portrait{height:65px}}

/* Compact map showcase: two equal cards, stacked on smaller screens. */
.home-maps{padding-block:40px}.home-maps .section-head{margin-bottom:24px}.home-maps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-map-card{min-width:0;display:flex;flex-direction:column;background:#111a2b;border:1px solid var(--line);border-radius:14px;overflow:hidden}.home-map-art{display:block;aspect-ratio:16/9;overflow:hidden;background:#172137}.home-map-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.home-map-art:hover img{transform:scale(1.025)}.home-map-body{padding:24px;display:flex;flex:1;flex-direction:column}.home-map-body .eyebrow{font-size:11px;letter-spacing:1.8px}.home-map-body h3{font-size:clamp(30px,3vw,42px);line-height:1.1;margin:10px 0 12px}.home-map-body>p:not(.island-code){color:#bdc8dd;margin:0 0 24px;line-height:1.65}.home-map-body .actions{margin-top:auto;gap:14px;flex-wrap:wrap}.home-map-body .button{font-size:14px}.home-map-body .text-link{font-size:12px}.home-map-body .island-code{font-size:12px;color:#94a4bf;margin:18px 0 0}.home-map-body .island-code strong{color:#e9eef8;white-space:nowrap}.home-map-card a:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}
@media(max-width:760px){.home-maps{padding-block:28px}.home-maps-grid{grid-template-columns:1fr;gap:20px}.home-map-body{padding:20px}.home-map-body .actions{align-items:flex-start}.home-map-body .button{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.home-map-art img{transition:none}.home-map-art:hover img{transform:none}}

.home-live{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px;align-items:center;margin-block:32px;padding:24px;border:1px solid #b73d55;border-top:3px solid #ff4d68;background:#141d31}.home-live-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}.home-live-image img{width:100%;height:100%;object-fit:cover}.home-live-image>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:48px;text-shadow:0 2px 12px #000}.home-live-badge{color:#ff8798;font-weight:800;letter-spacing:2px;font-size:14px}.home-live h2{font-size:clamp(26px,3vw,42px);line-height:1.15;margin:12px 0;overflow-wrap:anywhere}.home-live p{color:var(--muted);margin-bottom:20px}.home-live .button{white-space:normal}.home-live a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:760px){.home-live{grid-template-columns:1fr;gap:20px;padding:20px}}

.hero-sprites--treat figure{border-color:#e7efff80}
.hero-sprites--treat .hero-sprite-portrait{position:relative;background:#128fce;border-bottom:1px solid #e7efff50}
.hero-sprites--treat .hero-sprite-portrait img{position:absolute;max-width:none;width:136%;height:auto;left:-18%;top:-8px;object-fit:initial;padding:0;background:transparent;transform:none}
.hero-sprites--treat figure:nth-child(2) .hero-sprite-portrait img{width:146%;left:-23%;top:-18px}
.hero-sprites--treat figure:nth-child(3) .hero-sprite-portrait img{width:142%;left:-21%;top:-12px}
@media(max-width:760px){.hero-sprites--treat .hero-sprite-portrait img{top:-7px}.hero-sprites--treat figure:nth-child(2) .hero-sprite-portrait img{top:-15px}.hero-sprites--treat figure:nth-child(3) .hero-sprite-portrait img{top:-10px}}