@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500&family=Instrument+Sans:wght@400;500&family=Martian+Mono:wght@400;500&display=swap";:root{--nila-900:#141b33;--nila-800:#1c2440;--nila-700:#223058;--nila-600:#2a3a6b;--nila-400:#4f62a0;--nila-200:#a8b3d4;--nila-100:#d3d9ea;--nila-50:#edf0f7;--kunyit-800:#7a5e12;--kunyit-600:#b8841c;--kunyit-500:#e0a82e;--kunyit-300:#efc96f;--kunyit-100:#f5e4b8;--kunyit-50:#fbf3de;--tulang-50:#fdfbf5;--tulang-100:#f7f3e8;--tulang-200:#ede7d6;--tulang-300:#e4dcc8;--tulang-500:#a39c86;--tulang-600:#6b6552;--tulang-800:#3a3628;--success:#3e7a55;--success-fill:#dcebe1;--warning:#b8841c;--danger:#a8402f;--font-display:"Bricolage Grotesque",sans-serif;--font-body:"Instrument Sans",sans-serif;--font-mono:"Martian Mono",ui-monospace,monospace;--weight-regular:400;--weight-medium:500;--size-hero:48px;--size-hero-mobile:32px;--size-h1:39px;--size-h2:31px;--size-h3:25px;--size-h4:20px;--size-body-lg:20px;--size-body:16px;--size-small:14px;--size-caption:13px;--lh-hero:1.2;--lh-h1:1.25;--lh-h2:1.3;--lh-h3:1.35;--lh-h4:1.4;--lh-body-lg:1.6;--lh-body:1.65;--lh-small:1.55;--lh-caption:1.5;--tracking-hero:-.02em;--tracking-wordmark:-.01em;--measure:68ch;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--section-y:96px;--section-y-mobile:56px;--content-max:1140px;--gutter-max:72px;--grid-columns:12;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--hairline:1px solid var(--tulang-300);--hairline-nila:1px solid var(--nila-700);--control-height:44px;--control-padding:12px 20px;--motion-fast:.15s;--motion-load:.4s;--ease:ease-out;--surface-page:var(--tulang-100);--surface-card:var(--tulang-50);--surface-band:var(--tulang-200);--surface-field:var(--nila-600);--surface-field-deep:var(--nila-800);--surface-plate:var(--nila-900);--text-display:var(--nila-800);--text-body:var(--nila-800);--text-muted:var(--tulang-600);--text-disabled:var(--tulang-500);--text-link:var(--nila-400);--text-warm:var(--tulang-800);--text-on-field:var(--tulang-100);--text-on-field-muted:var(--nila-200);--border-hairline:var(--tulang-300);--border-strong:var(--nila-400);--border-on-field:var(--nila-100);--accent:var(--kunyit-500);--accent-hover:var(--kunyit-300);--accent-ink:var(--nila-800);--accent-text-on-light:var(--kunyit-800);--accent-wash:var(--kunyit-50);--focus-ring:var(--nila-400);--focus-width:2px;--focus-offset:2px;--telang-300:#9bebf8;--telang-500:#3fd8f2;--telang-700:#2a6bff;--void-950:#05070f;--void-900:#080b18;--success-300:#7fd1a3;--danger-300:#e8836f;--grad-void:radial-gradient(120% 80% at 82% 8%, #3fd8f229 0%, #3fd8f200 55%), radial-gradient(90% 70% at 10% 100%, #e0a82e21 0%, #e0a82e00 60%), radial-gradient(70% 60% at 50% 45%, #2a6bff33 0%, #2a3a6b00 70%), linear-gradient(180deg, #0a0e20 0%, var(--void-950) 100%);--grad-panel:linear-gradient(135deg, #2a3a6b80 0%, #141b338c 45%, #080b18bf 100%);--grad-accent:linear-gradient(90deg, var(--kunyit-100) 0%, var(--kunyit-300) 30%, var(--kunyit-500) 70%, var(--kunyit-600) 100%);--grad-cool:linear-gradient(90deg, var(--telang-500) 0%, var(--telang-700) 100%);--grad-ink:linear-gradient(180deg, #fff 0%, var(--tulang-100) 45%, var(--nila-200) 100%);--grad-edge:linear-gradient(135deg, #e0a82ee6 0%, #2a6bff99 50%, #3fd8f2bf 100%);--glow-kunyit:0 0 18px #e0a82e8c, 0 0 42px #e0a82e40;--glow-telang:0 0 16px #3fd8f280, 0 0 40px #3fd8f233;--glow-listrik:0 0 18px #2a6bff8c, 0 0 48px #2a6bff40;--scanlines:repeating-linear-gradient(180deg, #ffffff09 0px, #ffffff09 1px, transparent 1px, transparent 3px)}html{-webkit-font-smoothing:antialiased}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-weight:var(--weight-regular);font-size:var(--size-body);line-height:var(--lh-body);margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-medium);color:var(--text-display);margin:0}h1{font-size:var(--size-h1);line-height:var(--lh-h1)}h2{font-size:var(--size-h2);line-height:var(--lh-h2)}h3{font-size:var(--size-h3);line-height:var(--lh-h3)}h4{font-size:var(--size-h4);line-height:var(--lh-h4)}p{text-wrap:pretty;margin:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--nila-600);text-underline-offset:3px;text-decoration:underline}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}@keyframes keunMarkSettleA{0%{transform:translate(-6px,-6px)}to{transform:translate(0)}}@keyframes keunMarkSettleB{0%{transform:translate(6px,6px)}to{transform:translate(0)}}@keyframes keunMarkSettleC{0%{transform:translate(6px,-6px)}to{transform:translate(0)}}.reveal-init{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal-init.is-revealed,.is-revealed .reveal-init{opacity:1!important;transform:translateY(0)!important}.reveal-mask{display:block;overflow:hidden}.reveal-mask-item{opacity:0;will-change:transform, opacity;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(115%)}.is-revealed .reveal-mask-item,.reveal-mask.is-revealed .reveal-mask-item,.reveal-mask-item.is-revealed{opacity:1!important;transform:translateY(0)!important}.reveal-line{transform-origin:0;will-change:transform;transition:transform .85s cubic-bezier(.16,1,.3,1);display:block;transform:scaleX(0)}.is-revealed .reveal-line,.reveal-line.is-revealed{transform:scaleX(1)!important}.reveal-delay-1{transition-delay:80ms!important}.reveal-delay-2{transition-delay:.16s!important}.reveal-delay-3{transition-delay:.24s!important}.reveal-delay-4{transition-delay:.32s!important}.reveal-delay-5{transition-delay:.4s!important}.reveal-delay-6{transition-delay:.48s!important}.reveal-group>*{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal-group.is-revealed>*,.is-revealed .reveal-group>*{opacity:1!important;transform:translateY(0)!important}.reveal-group.is-revealed>:first-child,.is-revealed .reveal-group>:first-child{transition-delay:60ms}.reveal-group.is-revealed>:nth-child(2),.is-revealed .reveal-group>:nth-child(2){transition-delay:.16s}.reveal-group.is-revealed>:nth-child(3),.is-revealed .reveal-group>:nth-child(3){transition-delay:.26s}.reveal-group.is-revealed>:nth-child(4),.is-revealed .reveal-group>:nth-child(4){transition-delay:.36s}.reveal-group.is-revealed>:nth-child(5),.is-revealed .reveal-group>:nth-child(5){transition-delay:.46s}.reveal-group.is-revealed>:nth-child(6),.is-revealed .reveal-group>:nth-child(6){transition-delay:.56s}.plate-reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(32px)scale(.98)}.is-revealed .plate-reveal,.plate-reveal.is-revealed{opacity:1!important;transform:translateY(0)scale(1)!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal-init,.reveal-group>*,.reveal-mask-item,.reveal-line,.plate-reveal{opacity:1!important;transition:none!important;transform:none!important}}:not([data-game-landing],[data-game-landing] *),:not([data-game-landing],[data-game-landing] *):before,:not([data-game-landing],[data-game-landing] *):after,button,input,textarea,select,.btn,[class*=btn],[class*=card],[class*=pill],[class*=badge],[class*=tag],[class*=frame],[class*=box],[class*=container],[class*=dialog],[class*=panel],[class*=ledger],[class*=cell],[class*=thumb],[class*=chip],.magnetic-pill,.editorial-badge,.brand-item,.lang-toggle,.lang-btn,.mobile-toggle-btn{border-radius:0!important}:where(.holo-frame){--cut:14px;--edge:#3fd8f273;--fill:#080c1adb;background:var(--edge);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));padding:1px;position:relative}:where(.holo-frame)>:where(.holo-fill){--cut-in:calc(var(--cut) - .4px);background:var(--fill);height:100%;clip-path:polygon(0 0, calc(100% - var(--cut-in)) 0, 100% var(--cut-in), 100% 100%, var(--cut-in) 100%, 0 calc(100% - var(--cut-in)));position:relative}:where(.cut){--cut:8px;--cut-w:1px;--cut-edge:transparent;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background-image:linear-gradient(to top right, transparent calc(50% - var(--cut-w)), var(--cut-edge) calc(50% - var(--cut-w)), var(--cut-edge) 50%, transparent 50%), linear-gradient(to top right, transparent 50%, var(--cut-edge) 50%, var(--cut-edge) calc(50% + var(--cut-w)), transparent calc(50% + var(--cut-w)));background-position:100% 0,0 100%;background-size:var(--cut) var(--cut);background-repeat:no-repeat;background-origin:border-box}:where(.holo-panel){--cut:16px;--edge:linear-gradient(180deg, #3fd8f280 0%, #3fd8f22e 50%, #e0a82e61 100%);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));position:relative}:where(.holo-panel):after{content:"";z-index:2;pointer-events:none;background:var(--edge);clip-path:polygon(evenodd, 0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 0, 1px 1px, 1px calc(100% - var(--cut) + .41px), calc(var(--cut) - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(var(--cut) - .41px), calc(100% - var(--cut) + .41px) 1px, 1px 1px);position:absolute;inset:0}:where(.holo-signal){top:0;left:0;right:var(--cut,0px);z-index:3;pointer-events:none;background:linear-gradient(90deg, var(--kunyit-300) 0%, var(--telang-500) 70%, #3fd8f200 100%);transform-origin:0;height:1px;animation:.64s cubic-bezier(.2,.7,.2,1) 80ms both holo-signal;position:absolute}@keyframes holo-signal{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){:where(.holo-signal){animation:none}}