.jawbha-intro{z-index:1000;color:#eeeee8;isolation:isolate;background:0 0;outline:none;place-items:center;display:grid;position:fixed;inset:0}.boot-stage{--dock-y:71px;place-items:center;width:min(520px,90vw);height:360px;display:grid;position:relative}.boot-stage>*{grid-area:1/1}.boot-identity .brand{flex-direction:column;gap:16px;transform:scale(2.3)}.boot-identity .brand-wordmark{gap:5px}.boot-identity{opacity:0;mix-blend-mode:lighten}.boot-identity .brand-arabic{clip-path:inset(2px 0 0)}.boot-identity .brand-mark,.boot-identity .brand-arabic,.boot-identity .brand-english{opacity:0}.boot-ambient{opacity:0;border:1px solid #f15a5010;border-radius:50%;width:190px;height:190px;position:absolute}.boot-energy{opacity:0;border:1px solid #26d2ce;border-radius:50%;width:150px;height:150px;position:absolute}.boot-live{letter-spacing:6px;color:#26d2ce;opacity:0;align-items:center;gap:12px;font-size:30px;display:flex}.boot-live i{background:#26d2ce;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #26d2ce50}.boot-network{letter-spacing:3px;opacity:0;justify-items:center;gap:13px;font-size:18px;display:grid}.boot-network>span{opacity:.15}.boot-network i{transform-origin:top;background:#26d2ce;width:1px;height:25px;transform:scaleY(0)}.boot-answers{pointer-events:none;position:absolute;inset:0}.boot-answers>span{top:75%;left:calc(15% + var(--signal-index) * 10%);color:#26d2ce;width:28px;height:32px;font:700 13px var(--font-inter), sans-serif;opacity:0;border:1px solid #26d2ce60;border-radius:5px;place-items:center;display:grid;position:absolute}.boot-ready{letter-spacing:2px;opacity:0;font-size:24px}.boot-controls{inset-inline:clamp(20px,4vw,64px);bottom:max(30px, env(safe-area-inset-bottom));justify-content:space-between;gap:20px;display:flex;position:absolute}.boot-controls button{color:#aeb9b8;background:0 0;border:1px solid #ffffff18;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:12px;display:flex}.boot-controls button[aria-pressed=true]{color:#26d2ce}.boot-skip:disabled{visibility:hidden}.boot-controls kbd{opacity:.65;font-size:10px}.boot-caption{top:max(30px, env(safe-area-inset-top));letter-spacing:2px;color:#849392;font-size:10px;position:absolute}.is-waiting .boot-caption{visibility:hidden}.is-running:not(.is-reduced){animation:.6s 5.8s both boot-exit}.is-running:not(.is-reduced) .boot-identity{animation:6.1s linear both boot-journey}.is-running:not(.is-reduced) .boot-identity .brand-mark{animation:.5s cubic-bezier(.2,.7,.2,1) .3s both boot-symbol}.is-running:not(.is-reduced) .boot-identity .brand-arabic{animation:.65s .9s both boot-word}.is-running:not(.is-reduced) .boot-identity .brand-english{animation:.65s 1.3s both boot-word}.is-running:not(.is-reduced) .boot-ambient{animation:2.4s .2s both boot-ambient}.is-running:not(.is-reduced) .boot-energy{animation:.65s ease-out .55s both boot-pulse}.is-running:not(.is-reduced) .boot-live{animation:.85s 2.25s both boot-live-sweep}.is-running:not(.is-reduced) .boot-network{animation:1.6s 2.95s both boot-label}.is-running:not(.is-reduced) .boot-network>span{animation:.55s 3s both boot-node}.is-running:not(.is-reduced) .boot-network>span:nth-of-type(2){animation-delay:3.3s}.is-running:not(.is-reduced) .boot-network>span:nth-of-type(3){animation-delay:3.65s}.is-running:not(.is-reduced) .boot-network i{animation:.25s 3.15s both boot-line}.is-running:not(.is-reduced) .boot-network i:nth-of-type(2){animation-delay:3.5s}.is-running:not(.is-reduced) .boot-answers>span{animation:boot-answer .85s calc(3.25s + var(--signal-index) * 45ms) ease-in both}.is-running:not(.is-reduced) .boot-ready{animation:.95s 5.35s both boot-launch}@keyframes boot-symbol{0%{opacity:0;filter:blur(2px);transform:scale(.94)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes boot-word{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes boot-journey{0%,28%{opacity:1;transform:translateY(0)scale(1)}40%{opacity:1;transform:translateY(var(--dock-y)) scale(.92)}65%{opacity:1;transform:translateY(var(--dock-y)) scale(.86)}74%,84%{opacity:1;transform:translateY(calc(var(--dock-y) - 112px)) scale(.72)}94%{opacity:1;transform:translateY(calc(var(--dock-y) - 85px)) scale(1)}to{opacity:0;transform:translateY(calc(var(--dock-y) - 85px)) scale(1.4)}}@keyframes boot-ambient{0%{opacity:0;transform:scale(.92)}50%{opacity:1}to{opacity:0;transform:scale(1.18)}}@keyframes boot-pulse{0%{opacity:0;transform:scale(.7)}20%{opacity:.5}to{opacity:0;transform:scale(1.4)}}@keyframes boot-label{0%{opacity:0;transform:translateY(5px)}20%,75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes boot-node{0%{opacity:0;transform:translate(-35px)}to{opacity:1;color:#26d2ce;transform:translate(0)}}@keyframes boot-answer{0%{opacity:0;transform:translate(calc(var(--signal-lane) * 46px), calc(var(--signal-side) * 130px)) rotate(calc(var(--signal-lane) * 7deg)) scale(.6)}22%{opacity:1}60%{opacity:1;transform:translate(calc(var(--signal-lane) * 24px), calc(var(--signal-side) * 45px)) rotate(0) scale(1)}to{opacity:0;transform:translate(0)scale(.15)}}@keyframes boot-exit{to{opacity:0}}@media (prefers-reduced-motion:no-preference){.game-menu.boot-reveal .menu-header,.game-menu.boot-reveal .hero-copy,.game-menu.boot-reveal .menu-game-preview,.game-menu.boot-reveal .menu-modes{animation:.35s ease-out both boot-home}.game-menu.boot-reveal .hero-copy{animation-delay:50ms}.game-menu.boot-reveal .menu-game-preview{animation-delay:.1s}.game-menu.boot-reveal .menu-modes{animation-delay:.15s}}@keyframes boot-home{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.is-reduced .boot-identity,.is-reduced .brand-mark,.is-reduced .brand-arabic,.is-reduced .brand-english{opacity:1}.is-reduced .boot-caption{visibility:hidden}@media (max-width:760px){.boot-stage{--dock-y:59px;height:300px}.boot-identity .brand{transform:scale(1.9)}.boot-network{gap:10px;font-size:16px}.boot-network i{height:22px}.boot-answers>span{top:80%}.boot-controls{bottom:max(20px, env(safe-area-inset-bottom))}}@media (max-width:420px){.boot-stage{--dock-y:53px;width:90vw;height:280px}.boot-identity .brand{transform:scale(1.7)}.boot-caption{font-size:9px}.boot-answers>span{width:23px;height:28px;font-size:11px}.boot-controls kbd{display:none}}@media (max-height:450px){.boot-stage{--dock-y:47px;height:210px}.boot-identity .brand{transform:scale(1.5)}.boot-caption{top:12px}.boot-controls{bottom:12px}}.boot-network-brand{justify-items:center;gap:8px;display:grid}.boot-network-brand b{letter-spacing:2px;font-size:12px;font-weight:600}.is-reduced{animation:.1s linear .3s both boot-exit!important}.boot-live{position:relative}.boot-live:before{content:"";opacity:0;border:1px solid #26d2ce;border-radius:50%;width:120px;height:120px;margin:-60px;position:absolute;top:50%;left:50%}.is-running:not(.is-reduced) .boot-live:before{animation:.7s ease-out 2.25s both boot-pulse}.is-running:not(.is-reduced) .boot-controls,.is-running:not(.is-reduced) .boot-caption{animation:.2s .3s both boot-word}.boot-challenge{opacity:0;justify-items:center;gap:22px;display:grid}.boot-challenge>span{color:#aeb9b8;letter-spacing:2px;font-size:12px}.boot-challenge>div{gap:14px;display:flex}.boot-challenge>div>span{text-align:center;background:#191d1e;border:1px solid #26d2ce40;border-radius:12px;place-content:center;gap:10px;width:104px;min-height:108px;display:grid}.boot-challenge b{font:800 30px/1 var(--font-inter), sans-serif;color:#eeeee8}.boot-challenge small{color:#26d2ce;font-size:12px}.boot-challenge>div>span:last-child{border-color:#f15a5070}.boot-challenge>div>span:last-child small{color:#f15a50}.is-running:not(.is-reduced) .boot-challenge{animation:1.15s 4.4s both boot-label}.is-running:not(.is-reduced) .boot-challenge>div>span{animation:boot-tier .85s calc(4.4s + var(--tier-index) * .1s) cubic-bezier(.2, .65, .2, 1) both}.boot-ready:after{content:"";background:#26d2ce;height:2px;margin:18px auto 0;display:block;transform:scaleX(0)}.is-running:not(.is-reduced) .boot-ready:after{animation:.35s ease-out 5.5s both boot-finish-line}@keyframes boot-tier{0%{opacity:0;transform:perspective(600px)translateY(65px)rotateY(-45deg)rotateX(20deg)scale(.75)}35%{opacity:1;transform:perspective(600px)translateY(0)rotateY(0)rotateX(0)scale(1)}75%{opacity:1;transform:translateY(-5px)scale(1.04)}to{opacity:0;transform:translateY(-24px)scale(.92)}}@keyframes boot-finish-line{to{transform:scaleX(1)}}@media (max-width:420px){.boot-challenge>div{gap:10px}.boot-challenge>div>span{width:85px;min-height:94px}.boot-challenge b{font-size:26px}}.jawbha-intro:before,.jawbha-intro:after{content:"";z-index:-1;background:#101314;width:50.1%;position:absolute;top:0;bottom:0}.jawbha-intro:before{transform-origin:0;left:0}.jawbha-intro:after{transform-origin:100%;right:0}.is-running:not(.is-reduced):before,.is-running:not(.is-reduced):after{animation:.6s cubic-bezier(.75,0,.2,1) 5.8s both boot-curtain}@keyframes boot-curtain{to{transform:scaleX(0)}}.is-running:not(.is-reduced) .boot-identity .brand-wordmark{animation:.6s 1.95s both boot-undock}@keyframes boot-undock{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}.boot-live{transform-origin:50%;position:absolute}@keyframes boot-live-sweep{0%{opacity:0;transform:translate(-85px)scale(.7)}40%{opacity:1;transform:translate(0)scale(1)}75%{opacity:1;transform:translate(55px)scale(.9)}to{opacity:0;transform:translate(100px)scale(.75)}}.boot-circuit{opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.boot-circuit path{stroke:#26d2ce;stroke-width:1px;stroke-dasharray:600;stroke-dashoffset:600px}.boot-circuit path:nth-child(2){stroke:#f15a50}.is-running:not(.is-reduced) .boot-circuit{animation:2s 2.65s both boot-routing}.is-running:not(.is-reduced) .boot-circuit path{animation:1.2s ease-out 2.65s both boot-trace}@keyframes boot-routing{0%{opacity:0}20%,80%{opacity:.35}to{opacity:0}}@keyframes boot-trace{to{stroke-dashoffset:0}}.boot-network{grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:8px;width:min(480px,90vw)}.boot-network i{transform-origin:0;width:30px;height:1px;transform:scaleX(0)}@keyframes boot-line{to{transform:scaleX(1)}}.boot-network-brand{padding-top:90px}.boot-answers>span{margin:-16px 0 0 -14px;top:50%;left:50%}.boot-ready{margin-top:90px;font-size:32px}@keyframes boot-launch{0%{opacity:0;transform:translateY(25px)scale(.75)}35%{opacity:1;transform:translateY(0)scale(1)}75%{opacity:1;transform:translateY(-5px)scale(1.1)}to{opacity:0;transform:translateY(-12px)scale(1.2)}}@media (max-width:760px){.boot-network{letter-spacing:1.5px;font-size:13px}.boot-network i{height:1px}.boot-ready{font-size:26px}}.boot-live{margin-top:140px}.boot-identity .brand-mark:after{content:"";opacity:0;background:#26d2ce;height:1px;position:absolute;top:0;left:0;right:0}.is-running:not(.is-reduced) .boot-identity .brand-mark:after{animation:.8s .4s both boot-logo-scan}@keyframes boot-logo-scan{0%{opacity:0;transform:translateY(0)}25%{opacity:.8}to{opacity:0;transform:translateY(40px)}}
