.kota-kanvas{z-index:var(--fl-z-canvas);pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}[data-tier=penuh] .kota-kanvas{display:block}.beranda main{z-index:var(--fl-z-content);position:relative}.adegan{--seni-t:clamp(15rem, 44svh, 24rem);--fokus:.62;padding:calc(var(--seni-t) - 1rem) var(--fl-gutter) clamp(3rem, 2rem + 5vw, 6rem);border-bottom:2px solid var(--fl-garis);position:relative}.adegan__seni{height:var(--seni-t);pointer-events:none;position:absolute;inset:0 0 auto;overflow:hidden;container-type:size}.lapis{--lebar:max(100cqw, 100cqh * 16 / 7);bottom:0;left:calc((100cqw - var(--lebar)) * var(--fokus));width:var(--lebar);aspect-ratio:16/7;will-change:transform;max-width:none;height:auto;position:absolute}.adegan__isi{max-width:var(--fl-page-max);margin-inline:auto;position:relative}.adegan--familiar{--fokus:.82}.adegan--distrik{--fokus:.94}.adegan--gerbang{--fokus:.96}.adegan--bawah-tanah{--fokus:.8}.adegan--jembatan{--fokus:1}.adegan--guild{--fokus:.93}.adegan--menara{--fokus:.88}.adegan--gelap{--fokus:.8}@media (width>=60rem){.adegan{--seni-t:calc(100svh - var(--fl-tinggi-kepala));--fokus:1;padding-block:0 clamp(3rem,2rem + 5vw,6rem)}.adegan--kota{--fokus:.86}.adegan__pembuka{min-height:var(--seni-t);align-content:center;padding-block:3rem;display:grid}.panel--pembuka{max-width:35rem}.adegan--kota .panel--pembuka{max-width:39rem}}.adegan--gelap{--seni-t:clamp(12rem, 34svh, 20rem)}@media (width>=60rem){.adegan--gelap{--seni-t:calc(100svh - var(--fl-tinggi-kepala))}}.mata{fill:var(--fl-mata,#5ff2c5)}.celah,.paket{display:none}.adegan--gerbang:has(.celah-butir[open]) .paket{display:inline}.adegan--gerbang:has(.celah-butir[open]) .familiar-jaga{--fl-mata:var(--fl-bara)}.adegan--gerbang:has([data-celah=cadangan-terbuka][open]) [data-celah-id=cadangan-terbuka],.adegan--gerbang:has([data-celah=dependensi-rentan][open]) [data-celah-id=dependensi-rentan],.adegan--gerbang:has([data-celah=formulir-tanpa-validasi][open]) [data-celah-id=formulir-tanpa-validasi],.adegan--gerbang:has([data-celah=admin-tanpa-lapis][open]) [data-celah-id=admin-tanpa-lapis],.adegan--gerbang:has([data-celah=data-tanpa-enkripsi][open]) [data-celah-id=data-tanpa-enkripsi]{display:inline}.tambal{transform:translate(10px,-12px)}.penanda.fokus .penanda__kotak{fill:var(--fl-mint)}.penanda.fokus text{fill:var(--fl-tinta)}.pipa.terpilih .pipa__badan{stroke:var(--fl-mint)}.lapis--pipa.ada-pilihan .pipa:not(.terpilih) .pipa__badan{stroke:var(--fl-tengah)}.lapis--pipa.ada-pilihan .pipa:not(.terpilih) .pipa__label{fill:var(--fl-kabut)}.papan.nyala{fill:var(--fl-mint)}.titik-denyut{opacity:.45}.denyut__cincin--2{opacity:.6}.denyut__cincin--3{opacity:.3}[data-tier=penuh] .adegan{border-bottom-color:#0000}[data-tier=penuh][data-kota-siap] .adegan__seni{visibility:hidden}[data-tier=penuh] .adegan{--jendela:62svh;padding-bottom:calc(var(--jendela) * .45)}[data-tier=penuh] .adegan:last-child{padding-bottom:clamp(3rem,2rem + 5vw,6rem)}[data-tier=penuh] .panel,[data-tier=penuh] .blok{padding:1rem}[data-tier=penuh] .blok--pilar{padding:0}[data-tier=penuh] .adegan__isi>.blok{margin-top:var(--jendela)}[data-tier=penuh] .pilar:nth-child(3n):not(:last-child),[data-tier=penuh] .layanan:nth-child(3n):not(:last-child),[data-tier=penuh] .papan-misi__kartu:nth-child(3n):not(:last-child),[data-tier=penuh] .celah-butir:nth-child(2n):not(:last-child),[data-tier=penuh] .tekno:nth-child(4n):not(:last-child),[data-tier=penuh] .jalur:nth-child(4n):not(:last-child){margin-bottom:var(--jendela)}@media (width<=63.99rem){[data-tier=penuh] .blok--keamanan,[data-tier=penuh] .blok--celah,[data-tier=penuh] .blok--teknologi,[data-tier=penuh] .blok--modernisasi,[data-tier=penuh] .blok--guild{background:0 0;border:0;padding:0}[data-tier=penuh] .blok__kepala{background:var(--fl-tinta-2);border:2px solid var(--fl-garis);padding:1rem}[data-tier=penuh] .layanan-kisi,[data-tier=penuh] .celah-daftar,[data-tier=penuh] .tekno-kisi,[data-tier=penuh] .jalur-daftar,[data-tier=penuh] .papan-misi{margin-top:1rem}[data-tier=penuh] .tekno-kisi,[data-tier=penuh] .jalur-daftar{gap:.75rem}[data-tier=penuh] .tekno,[data-tier=penuh] .jalur{background:var(--fl-tinta-2);border:2px solid var(--fl-garis);padding:1rem}[data-tier=penuh] .jalur[data-terpilih]{background:var(--fl-tinta)}[data-tier=penuh] .sangkalan,[data-tier=penuh] .layanan,[data-tier=penuh] .celah-butir,[data-tier=penuh] .papan-misi__kartu{background:var(--fl-tinta-2)}}@media (width>=64rem){[data-tier=penuh] .adegan{--jendela:60svh;padding-bottom:var(--jendela)}[data-tier=penuh] .adegan:last-child{padding-bottom:clamp(3rem,2rem + 5vw,6rem)}[data-tier=penuh] .adegan__isi>*{width:clamp(30rem,46vw,40rem);max-width:100%}[data-tier=penuh] .panel,[data-tier=penuh] .blok{padding:1.5rem}[data-tier=penuh] .blok--pilar{padding:0}[data-tier=penuh] .adegan__isi>.blok{margin-top:2rem}[data-tier=penuh] .adegan:not(.adegan--gelap,.adegan--kota) .adegan__pembuka{min-height:0;padding-block:3rem 0}[data-tier=penuh] .pilar-kisi,[data-tier=penuh] .layanan-kisi,[data-tier=penuh] .tekno-kisi,[data-tier=penuh] .papan-misi{grid-template-columns:1fr}[data-tier=penuh] .pilar--berat{grid-column:auto}[data-tier=penuh] .papan-misi,[data-tier=penuh] .tekno-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}[data-tier=penuh] .pilar:nth-child(3n):not(:last-child),[data-tier=penuh] .layanan:nth-child(3n):not(:last-child),[data-tier=penuh] .papan-misi__kartu:nth-child(3n):not(:last-child),[data-tier=penuh] .celah-butir:nth-child(2n):not(:last-child),[data-tier=penuh] .tekno:nth-child(4n):not(:last-child),[data-tier=penuh] .jalur:nth-child(4n):not(:last-child){margin-bottom:0}[data-tier=penuh] .jalur{grid-template-columns:2.25rem 1fr}[data-tier=penuh] .jalur__no{grid-row:span 2}[data-tier=penuh] .jalur__alasan{grid-column:2}}[data-tier=ringan] .adegan{padding-bottom:clamp(4rem,3rem + 6vw,7rem)}[data-tier=ringan] .adegan:last-child{padding-bottom:clamp(3rem,2rem + 5vw,6rem)}@media (prefers-reduced-motion:no-preference){[data-tier=ringan] .melayang{animation:2.8s ease-in-out infinite alternate fl-melayang}[data-tier=ringan] .titik{animation:1.6s step-end infinite fl-kedip}[data-tier=ringan] .titik-denyut{transform-box:fill-box;transform-origin:50%;animation:fl-denyut 1.6s var(--fl-ease-out) infinite}[data-tier=ringan] .pindai{animation:3.2s linear infinite fl-pindai}[data-tier=ringan] .denyut__cincin{animation:1.6s step-end infinite fl-cincin}[data-tier=ringan] .denyut__cincin--2{animation-delay:.4s}[data-tier=ringan] .denyut__cincin--3{animation-delay:.8s}[data-tier=ringan] .tambal{animation:fl-tambal 1.4s var(--fl-ease-snap) both}[data-tier=ringan] .paket{animation:1.6s linear infinite fl-paket}[data-tier=ringan] .lapis--pancar.berdenyut .denyut{animation:.8s steps(2,end) 3 fl-kirim}}@keyframes fl-melayang{0%{transform:translateY(-7px)}to{transform:translateY(7px)}}@keyframes fl-kedip{0%,70%{opacity:1}71%,to{opacity:.25}}@keyframes fl-denyut{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes fl-pindai{0%{transform:translateY(0)}to{transform:translateY(-187px)}}@keyframes fl-cincin{0%,40%{opacity:1}41%,to{opacity:.2}}@keyframes fl-tambal{0%,60%{opacity:0;transform:translate(40px,-60px)}to{opacity:1;transform:translate(0)}}@keyframes fl-paket{0%{transform:translate(60px,-60px)}to{transform:translate(0)}}@keyframes fl-kirim{0%{opacity:1}50%{opacity:.2}}
