/* Xerabyte global light/dark theme layer. The selected theme is applied in before paint, so returning visitors do not see the light theme flash before dark mode is restored. */ .theme-toggle{ position:relative;isolation:isolate;width:64px;height:36px;flex:0 0 64px; display:inline-flex;align-items:center;justify-content:space-between;gap:0; padding:4px 8px;border:1px solid rgba(15,23,42,.10);border-radius:999px; background:rgba(255,255,255,.76);color:#596579;cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 5px 16px rgba(15,23,42,.06); -webkit-tap-highlight-color:transparent;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease; } .theme-toggle:hover{border-color:rgba(20,110,245,.28);box-shadow:0 7px 20px rgba(20,110,245,.10)} .theme-toggle:focus-visible{outline:3px solid rgba(20,110,245,.28);outline-offset:2px} .theme-toggle .theme-icon{position:relative;z-index:2;width:18px;height:18px;display:grid;place-items:center;font-size:13px;line-height:1;user-select:none;pointer-events:none} .theme-toggle .theme-knob{position:absolute;z-index:1;left:4px;top:4px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.18);transition:transform .24s cubic-bezier(.2,.8,.2,1),background .22s ease} html[data-theme="dark"] .theme-toggle{background:#111824;border-color:#273244;color:#cbd5e1;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 5px 18px rgba(0,0,0,.22)} html[data-theme="dark"] .theme-toggle .theme-knob{transform:translateX(28px);background:#e9eef7} html[data-theme="dark"] .theme-toggle .theme-sun{color:#7f8a9a} html[data-theme="dark"] .theme-toggle .theme-moon{color:#263244} html[data-theme="light"] .theme-toggle .theme-sun{color:#d78a12} html[data-theme="light"] .theme-toggle .theme-moon{color:#8b95a6} .nav-actions,.simple-nav-actions{display:flex;align-items:center;gap:9px} /* Shared palette. Admin stylesheets reuse these variables as well. */ html[data-theme="dark"]{ --bg:#080c12; --surface:#0f151f; --surface2:#111824; --text:#f4f7fb; --muted:#9aa7b8; --line:rgba(255,255,255,.10); --shadow:0 24px 80px rgba(0,0,0,.32); color-scheme:dark; } html[data-theme="light"]{color-scheme:light} /* Main Xerabyte homepage */ html[data-theme="dark"] body.xerabyte-home{ color:var(--text); background:radial-gradient(circle at 85% 4%,rgba(35,104,255,.16),transparent 28rem),radial-gradient(circle at 8% 28%,rgba(40,190,214,.08),transparent 25rem),var(--bg); } html[data-theme="dark"] body.xerabyte-home .nav-shell, html[data-theme="dark"] body.xerabyte-terms-page .nav-shell{ background:rgba(10,15,23,.78);border-color:rgba(255,255,255,.08);box-shadow:0 14px 42px rgba(0,0,0,.28) } html[data-theme="dark"] body.xerabyte-home .nav-links, html[data-theme="dark"] body.xerabyte-terms-page .nav-links{color:#a9b5c5} html[data-theme="dark"] body.xerabyte-home .nav-links a:hover, html[data-theme="dark"] body.xerabyte-terms-page .nav-links a:hover{color:#fff} html[data-theme="dark"] body.xerabyte-home .nav-cta, html[data-theme="dark"] body.xerabyte-terms-page .nav-cta{background:linear-gradient(135deg,#176ef5,#6856f5);color:#fff} html[data-theme="dark"] body.xerabyte-home .eyebrow, html[data-theme="dark"] body.xerabyte-home .btn-light{background:rgba(17,24,36,.82);border-color:var(--line);color:#c6d0de} html[data-theme="dark"] body.xerabyte-home .btn-primary{background:#f4f7fb;color:#0b111a;box-shadow:0 14px 30px rgba(0,0,0,.30)} html[data-theme="dark"] body.xerabyte-home .gradient-text{background:linear-gradient(105deg,#f7f9fc 6%,#68a7ff 52%,#9b88ff 96%);-webkit-background-clip:text;background-clip:text;color:transparent} html[data-theme="dark"] body.xerabyte-home .hero-card{background:linear-gradient(145deg,rgba(16,23,34,.98),rgba(12,18,28,.82)),linear-gradient(145deg,#16294c,#211d43);border-color:rgba(255,255,255,.08);box-shadow:0 30px 90px rgba(0,0,0,.36)} html[data-theme="dark"] body.xerabyte-home .ui-window{background:rgba(13,20,31,.82);border-color:rgba(255,255,255,.09);box-shadow:0 30px 70px rgba(0,0,0,.28)} html[data-theme="dark"] body.xerabyte-home .card:not(.feature), html[data-theme="dark"] body.xerabyte-home .step, html[data-theme="dark"] body.xerabyte-home .panel:not(.dark), html[data-theme="dark"] body.xerabyte-home .contact-box{background:rgba(15,21,31,.92);border-color:var(--line);box-shadow:0 16px 48px rgba(0,0,0,.18)} html[data-theme="dark"] body.xerabyte-home .card p, html[data-theme="dark"] body.xerabyte-home .step p, html[data-theme="dark"] body.xerabyte-home .contact-box p{color:var(--muted)} html[data-theme="dark"] body.xerabyte-home .service-icon{background:linear-gradient(145deg,#172233,#101720)} html[data-theme="dark"] body.xerabyte-home .step-num{background:#172233;color:#7db0ff} html[data-theme="dark"] body.xerabyte-home .newlook-shell{border-color:rgba(255,255,255,.08);box-shadow:0 30px 100px rgba(0,0,0,.28)} html[data-theme="dark"] body.xerabyte-home .performance-card{background:rgba(12,18,28,.76);border-color:rgba(255,255,255,.10)} html[data-theme="dark"] body.xerabyte-home .performance-item{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.07)} html[data-theme="dark"] body.xerabyte-home .client-work-card{background:#0e151f;border-color:var(--line);box-shadow:0 20px 60px rgba(0,0,0,.24)} html[data-theme="dark"] body.xerabyte-home .client-work-visual{background:linear-gradient(145deg,#111b28,#0b121b)} html[data-theme="dark"] body.xerabyte-home .client-work-card.opmaat .client-work-visual{background:linear-gradient(145deg,#211c15,#17130f)} html[data-theme="dark"] body.xerabyte-home .client-work-card.hid .client-work-visual{background:linear-gradient(145deg,#0d1d27,#0c151d)} html[data-theme="dark"] body.xerabyte-home .client-work-card.mba .client-work-visual{background:linear-gradient(145deg,#151b20,#0e1318)} html[data-theme="dark"] body.xerabyte-home .client-work-card.marica .client-work-visual{background:linear-gradient(145deg,#211914,#17110e)} html[data-theme="dark"] body.xerabyte-home .client-work-card.wnw .client-work-visual{background:linear-gradient(145deg,#24151b,#160e12)} html[data-theme="dark"] body.xerabyte-home .client-work-wnw{color:#f7e9ee} html[data-theme="dark"] body.xerabyte-home .client-work-wnw small{color:#d78ba0} html[data-theme="dark"] body.xerabyte-home .client-work-browser{background:rgba(13,20,30,.80);border-color:rgba(255,255,255,.08)} html[data-theme="dark"] body.xerabyte-home .client-work-meta{background:rgba(14,21,31,.97)} html[data-theme="dark"] body.xerabyte-home .client-work-arrow{border-color:var(--line)} html[data-theme="dark"] body.xerabyte-home .seasonal-modal-card{background:#101720;border:1px solid var(--line)} html[data-theme="dark"] body.xerabyte-home .discount-code{background:#0d1929;border-color:rgba(73,139,255,.35)} html[data-theme="dark"] body.xerabyte-home .seasonal-close{background:#f4f7fb;color:#0c1119} html[data-theme="dark"] body.xerabyte-home .footer-links, html[data-theme="dark"] body.xerabyte-home .footer-copy{color:#8896a9} /* SEO service landing pages */ html[data-theme="dark"] body.xerabyte-service-page{background:radial-gradient(circle at 85% 0,rgba(20,110,245,.12),transparent 30rem),#080c12!important;color:#f4f7fb!important} html[data-theme="dark"] body.xerabyte-service-page nav{background:rgba(12,18,27,.86)!important;border-color:#202b39!important;box-shadow:0 12px 36px rgba(0,0,0,.20)} html[data-theme="dark"] body.xerabyte-service-page .brand{color:#f4f7fb!important} html[data-theme="dark"] body.xerabyte-service-page .navlink{color:#aab6c6!important} html[data-theme="dark"] body.xerabyte-service-page .lead, html[data-theme="dark"] body.xerabyte-service-page footer{color:#9ba8ba!important} html[data-theme="dark"] body.xerabyte-service-page .card{background:#0f151f!important;border-color:#202b39!important} html[data-theme="dark"] body.xerabyte-service-page footer{border-color:#202b39!important} html[data-theme="dark"] body.xerabyte-service-page .btn{background:linear-gradient(135deg,#176ef5,#6856f5)!important;color:#fff!important} /* Terms of service */ html[data-theme="dark"] body.xerabyte-terms-page{background:radial-gradient(circle at 82% 2%,rgba(20,110,245,.13),transparent 28rem),#080c12;color:#f4f7fb} html[data-theme="dark"] body.xerabyte-terms-page .gradient{background:linear-gradient(105deg,#f7f9fc 6%,#68a7ff 52%,#9b88ff 96%);-webkit-background-clip:text;background-clip:text;color:transparent} html[data-theme="dark"] body.xerabyte-terms-page .eyebrow, html[data-theme="dark"] body.xerabyte-terms-page .pill, html[data-theme="dark"] body.xerabyte-terms-page .toc, html[data-theme="dark"] body.xerabyte-terms-page .document, html[data-theme="dark"] body.xerabyte-terms-page .note, html[data-theme="dark"] body.xerabyte-terms-page .contact-card{background:#0f151f;border-color:#202b39;box-shadow:0 16px 50px rgba(0,0,0,.18)} html[data-theme="dark"] body.xerabyte-terms-page .toc a{color:#aab6c6} html[data-theme="dark"] body.xerabyte-terms-page .toc a:hover{background:#151f2d;color:#fff} html[data-theme="dark"] body.xerabyte-terms-page .section p, html[data-theme="dark"] body.xerabyte-terms-page .section li, html[data-theme="dark"] body.xerabyte-terms-page .lead, html[data-theme="dark"] body.xerabyte-terms-page .contact-card p{color:#9aa7b8} /* Showcase overview: previews keep their intentional artwork, surrounding UI follows the selected theme. */ html[data-theme="dark"] body.xerabyte-showcase-page{background:radial-gradient(circle at 86% 2%,rgba(20,110,245,.12),transparent 30rem),#080c12;color:#f4f7fb} html[data-theme="dark"] body.xerabyte-showcase-page .nav{background:rgba(11,17,25,.82);border-color:#202b39;box-shadow:0 14px 40px rgba(0,0,0,.24)} html[data-theme="dark"] body.xerabyte-showcase-page .nav-link{color:#aab6c6} html[data-theme="dark"] body.xerabyte-showcase-page .nav-cta{background:linear-gradient(135deg,#176ef5,#6856f5);color:#fff} html[data-theme="dark"] body.xerabyte-showcase-page .grad{background:linear-gradient(105deg,#f8fafc 0%,#69a8ff 54%,#9b88ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent} html[data-theme="dark"] body.xerabyte-showcase-page .lead, html[data-theme="dark"] body.xerabyte-showcase-page .section-copy, html[data-theme="dark"] body.xerabyte-showcase-page .meta p, html[data-theme="dark"] body.xerabyte-showcase-page footer{color:#98a6b8} html[data-theme="dark"] body.xerabyte-showcase-page .btn.light, html[data-theme="dark"] body.xerabyte-showcase-page .filter{background:#101721;border-color:#202b39;color:#bdc7d4} html[data-theme="dark"] body.xerabyte-showcase-page .filter.active, html[data-theme="dark"] body.xerabyte-showcase-page .filter:hover{background:#f4f7fb;color:#0c1119} html[data-theme="dark"] body.xerabyte-showcase-page .card{background:#0f151f;border-color:#202b39;box-shadow:0 18px 55px rgba(0,0,0,.20)} html[data-theme="dark"] body.xerabyte-showcase-page .launch{background:#111824;border-color:#263244;color:#dfe6ef} html[data-theme="dark"] body.xerabyte-showcase-page .card:hover .launch{background:#f4f7fb;color:#0c1119} html[data-theme="dark"] body.xerabyte-showcase-page .badge{background:rgba(13,19,29,.82);border-color:rgba(255,255,255,.09)} @media(max-width:640px){ .theme-toggle{width:58px;height:34px;flex-basis:58px;padding:4px 7px} .theme-toggle .theme-knob{width:26px;height:26px} html[data-theme="dark"] .theme-toggle .theme-knob{transform:translateX(24px)} } @media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle .theme-knob{transition:none!important}} html[data-theme="dark"] body.xerabyte-home .client-work-card.archives .client-work-visual{background:linear-gradient(145deg,#07100b,#0a1710)} html[data-theme="dark"] body.xerabyte-home .client-work-archives{color:#c8ffd3} html[data-theme="dark"] body.xerabyte-home .client-work-archives small{color:#7be292} /* ========================================================================== Hidden Outbreak Easter Egg — trigger: 10 rapid theme-toggle clicks. The game is intentionally session-only: no outbreak progress is persisted. ========================================================================== */ .xerabyte-outbreak-active, .xerabyte-outbreak-active body{overflow:hidden!important} #xerabyteOutbreak{position:fixed;inset:0;z-index:2147483000;background:#020304;color:#eef2f4;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;isolation:isolate;opacity:0;pointer-events:none;transition:opacity .18s ease} #xerabyteOutbreak.xo-visible{opacity:1;pointer-events:auto} #xerabyteOutbreak *{box-sizing:border-box} #xerabyteOutbreak button,#xerabyteOutbreak input{font:inherit} .xo-noise,.xo-scanlines,.xo-redwash,.xo-beam{position:absolute;inset:0;pointer-events:none} .xo-noise{opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:screen;animation:xoNoise .16s steps(2) infinite} .xo-scanlines{opacity:.18;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px)} .xo-redwash{opacity:0;background:radial-gradient(circle at 50% 10%,rgba(255,22,22,.28),transparent 46%),linear-gradient(rgba(110,0,0,.10),rgba(0,0,0,.72));transition:opacity .7s ease} .xo-beam{opacity:0;inset:-45vmax;background:conic-gradient(from 0deg,transparent 0 42%,rgba(255,22,22,.03) 46%,rgba(255,35,35,.36) 50%,rgba(255,22,22,.03) 54%,transparent 58% 100%);filter:blur(8px);transform-origin:center;animation:xoBeacon 5.2s linear infinite;transition:opacity .8s ease} .xo-topbar{position:absolute;top:18px;left:18px;right:18px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;opacity:0;transform:translateY(-8px);transition:.35s ease} .xo-topbar strong{font-size:12px;letter-spacing:.14em;color:#ff5959;text-transform:uppercase} .xo-abort{appearance:none;border:1px solid rgba(255,255,255,.16);background:rgba(8,10,12,.72);color:#aeb7bd;border-radius:999px;padding:8px 11px;cursor:pointer;font-size:11px;letter-spacing:.08em;text-transform:uppercase} .xo-abort:hover{border-color:#ff4747;color:#fff} .xo-stage{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:70px 22px 28px} .xo-system{width:min(880px,100%);text-align:center;transition:opacity .35s ease,transform .35s ease} .xo-system-code{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:7px 11px;color:#8e9aa3;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px} .xo-system-code:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff3d3d;box-shadow:0 0 18px rgba(255,48,48,.8)} .xo-system h2{font-family:Inter,system-ui,sans-serif;font-size:clamp(34px,7vw,86px);line-height:.9;letter-spacing:-.055em;margin:0;color:#fff;text-transform:uppercase;text-shadow:2px 0 rgba(255,0,0,.7),-2px 0 rgba(0,170,255,.5)} .xo-system p{margin:20px auto 0;color:#7d8991;max-width:680px;line-height:1.65;font-size:13px} .xo-faultline{height:1px;width:min(600px,80%);margin:28px auto;background:linear-gradient(90deg,transparent,#ff3c3c,transparent);box-shadow:0 0 18px rgba(255,30,30,.8);transform:scaleX(.05);opacity:0} .xo-warning{display:none;color:#ff4545;letter-spacing:.18em;text-transform:uppercase;font-weight:800;font-size:12px} .xo-blackout{position:absolute;inset:0;z-index:6;background:#000;opacity:0;pointer-events:none;transition:opacity .12s linear} .xo-emergency{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:70px 22px 28px;opacity:0;pointer-events:none;transition:opacity .7s ease} .xo-emergency-card{text-align:center;width:min(780px,100%)} .xo-biohazard{width:82px;height:82px;margin:0 auto 24px;border-radius:50%;border:1px solid rgba(255,70,70,.36);display:grid;place-items:center;font-family:Arial,sans-serif;font-size:48px;color:#ff3636;background:rgba(120,0,0,.14);box-shadow:0 0 70px rgba(255,0,0,.18)} .xo-emergency h2{font-family:Inter,system-ui,sans-serif;margin:0;font-size:clamp(38px,8vw,92px);line-height:.9;letter-spacing:-.055em;color:#f7f7f7;text-transform:uppercase} .xo-emergency h2 span{display:block;color:#ff3434} .xo-emergency p{color:#a79595;line-height:1.65;font-size:13px;max-width:620px;margin:22px auto 0} .xo-alarm-label{display:inline-block;margin-top:24px;padding:8px 11px;border:1px solid rgba(255,68,68,.35);border-radius:6px;color:#ff6a6a;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:rgba(100,0,0,.18)} .xo-game{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:66px 18px 18px;opacity:0;pointer-events:none;transform:scale(.985);transition:opacity .55s ease,transform .55s ease} .xo-terminal{width:min(1120px,100%);height:min(760px,calc(100vh - 92px));display:grid;grid-template-rows:auto 1fr auto;background:rgba(3,7,8,.94);border:1px solid rgba(255,74,74,.22);border-radius:18px;overflow:hidden;box-shadow:0 30px 120px rgba(0,0,0,.62),0 0 80px rgba(255,0,0,.06);backdrop-filter:blur(18px)} .xo-terminal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)} .xo-terminal-title{display:flex;align-items:center;gap:10px;min-width:0} .xo-terminal-title i{width:8px;height:8px;border-radius:50%;background:#ff3333;box-shadow:0 0 13px #ff3333;animation:xoSlowPulse 1.35s ease-in-out infinite} .xo-terminal-title b{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e9eded;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .xo-terminal-meta{display:flex;align-items:center;gap:8px;color:#737f84;font-size:10px;white-space:nowrap} .xo-terminal-meta span{padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:5px} .xo-output{overflow:auto;padding:20px 22px 28px;scrollbar-width:thin;scrollbar-color:#412020 transparent} .xo-line{margin:0 0 9px;line-height:1.55;font-size:13px;color:#abb6ba;white-space:pre-wrap;word-break:break-word} .xo-line.xo-command{color:#f4f7f8}.xo-line.xo-command:before{content:"> ";color:#ff4b4b}.xo-line.xo-danger{color:#ff7474}.xo-line.xo-good{color:#7ce0ae}.xo-line.xo-system-line{color:#6f7f86}.xo-line.xo-title-line{color:#fff;font-weight:800;letter-spacing:.04em}.xo-line.xo-clue{color:#f0c46f}.xo-line.xo-zombie{color:#d68a8a;font-style:italic} .xo-inputrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);background:#030506} .xo-prompt{color:#ff4949;font-weight:800}.xo-input{width:100%;border:0;outline:0;background:transparent;color:#fff;caret-color:#ff4646;padding:8px 0;font-size:13px}.xo-input::placeholder{color:#4d575b}.xo-submit{border:1px solid rgba(255,80,80,.28);background:rgba(130,0,0,.14);color:#ff7777;padding:8px 11px;border-radius:7px;cursor:pointer;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.xo-submit:hover{background:rgba(170,0,0,.22);color:#fff} .xo-reward{position:absolute;inset:0;z-index:12;display:none;place-items:center;padding:24px;background:radial-gradient(circle at 50% 32%,rgba(128,0,0,.19),transparent 38%),rgba(0,0,0,.92)} .xo-reward.xo-show{display:grid;animation:xoRewardIn .65s cubic-bezier(.2,.8,.2,1) both} .xo-reward-card{width:min(720px,100%);padding:clamp(24px,5vw,52px);border:1px solid rgba(255,72,72,.28);border-radius:20px;background:linear-gradient(160deg,rgba(17,8,8,.96),rgba(3,5,6,.98));box-shadow:0 30px 120px #000;text-align:center;position:relative;overflow:hidden} .xo-reward-card:before{content:"CLASSIFIED // LEVEL 115 // CLASSIFIED // LEVEL 115 //";position:absolute;left:-12px;right:-12px;top:15px;color:rgba(255,80,80,.16);font-size:9px;letter-spacing:.23em;white-space:nowrap;transform:rotate(-2deg)} .xo-reward-mark{width:86px;height:86px;margin:10px auto 22px;border:1px solid rgba(255,80,80,.3);border-radius:50%;display:grid;place-items:center;color:#ff4a4a;font-size:35px;box-shadow:0 0 80px rgba(255,0,0,.14)} .xo-reward h2{font-family:Inter,system-ui,sans-serif;margin:0;color:#fff;font-size:clamp(34px,6vw,66px);letter-spacing:-.045em;line-height:.95}.xo-reward p{color:#9da6aa;line-height:1.65;font-size:13px;max-width:570px;margin:18px auto}.xo-code{display:inline-flex;align-items:center;gap:12px;margin:10px 0 6px;padding:12px 15px;border:1px dashed rgba(255,90,90,.45);border-radius:9px;color:#ff8484;background:rgba(255,0,0,.055);font-weight:800;letter-spacing:.12em;font-size:13px}.xo-reward-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:20px}.xo-reward-actions button{border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.05);color:#dfe4e6;cursor:pointer;font-size:11px}.xo-reward-actions button:hover{border-color:#ff5555;color:#fff} #xerabyteOutbreak.xo-phase-fault .xo-topbar{opacity:1;transform:none}#xerabyteOutbreak.xo-phase-fault .xo-faultline{animation:xoFault .75s ease forwards}#xerabyteOutbreak.xo-phase-fault .xo-warning{display:block;animation:xoBlink .62s steps(2) 3} #xerabyteOutbreak.xo-phase-blackout .xo-blackout{opacity:1}#xerabyteOutbreak.xo-phase-blackout .xo-system{opacity:0;transform:scale(.96)} #xerabyteOutbreak.xo-phase-emergency .xo-blackout{opacity:.16}#xerabyteOutbreak.xo-phase-emergency .xo-emergency{opacity:1}#xerabyteOutbreak.xo-phase-emergency .xo-redwash{opacity:1}#xerabyteOutbreak.xo-phase-emergency .xo-beam{opacity:1}#xerabyteOutbreak.xo-phase-emergency .xo-topbar{opacity:1;transform:none} #xerabyteOutbreak.xo-phase-game .xo-blackout{opacity:0}#xerabyteOutbreak.xo-phase-game .xo-system,#xerabyteOutbreak.xo-phase-game .xo-emergency{opacity:0}#xerabyteOutbreak.xo-phase-game .xo-game{opacity:1;pointer-events:auto;transform:none}#xerabyteOutbreak.xo-phase-game .xo-redwash{opacity:.35}#xerabyteOutbreak.xo-phase-game .xo-beam{opacity:.16}#xerabyteOutbreak.xo-phase-game .xo-topbar{opacity:1;transform:none} @keyframes xoNoise{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(-1%,-1%)}} @keyframes xoBeacon{to{transform:rotate(360deg)}}@keyframes xoSlowPulse{50%{opacity:.25;box-shadow:0 0 4px #ff3333}}@keyframes xoBlink{50%{opacity:.14}}@keyframes xoFault{0%{transform:scaleX(.05);opacity:0}35%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.2);opacity:.15}}@keyframes xoRewardIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}} @media(max-width:720px){.xo-stage,.xo-emergency,.xo-game{padding-left:10px;padding-right:10px}.xo-topbar{top:10px;left:10px;right:10px}.xo-topbar strong{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xo-terminal{height:calc(100dvh - 78px);border-radius:13px}.xo-terminal-head{padding:11px 12px}.xo-terminal-meta span:nth-child(2){display:none}.xo-output{padding:16px 14px 22px}.xo-line{font-size:12px}.xo-inputrow{padding:9px 11px}.xo-submit{display:none}.xo-system h2,.xo-emergency h2{letter-spacing:-.04em}.xo-reward-card{border-radius:16px}} @media(prefers-reduced-motion:reduce){#xerabyteOutbreak *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.xo-noise{display:none}.xo-beam{filter:none}}