/* Signal Heist | Secret HQ Arcade. Original, responsive, no external fonts/scripts. */
body{background:#070b14}
.ja-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 92% 36%,#ec6e3840,transparent 42%),radial-gradient(ellipse at 25% 25%,#0884c038,transparent 52%),linear-gradient(115deg,#101625,#080c18 58%,#151024);border-bottom:1px solid #46637c}
.ja-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 78px,#60caff07 79px,transparent 80px 158px);pointer-events:none}
.ja-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,60px);align-items:center;padding-top:clamp(35px,6vw,85px);padding-bottom:clamp(35px,6vw,80px)}
.ja-hero-copy{min-width:0}
.ja-kicker,.ja-section-label{display:inline-flex;align-items:center;gap:9px;font:950 10px/1.5 var(--font);letter-spacing:1.8px;color:#79ebff}
.ja-led{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#ff9759;box-shadow:0 0 15px #ff9759}
.ja-hero h1{font:950 clamp(76px,9vw,145px)/.87 var(--display);letter-spacing:-5px;margin:24px 0 24px;color:#fff;text-shadow:0 6px 25px #0008}
.ja-hero h1 em{font-style:normal;color:#ff925d;filter:drop-shadow(0 0 18px #ff945c44)}
.ja-subtitle{color:#c5d5e2;font-size:clamp(14px,1.45vw,17px);line-height:1.8;max-width:560px;margin:0}
.ja-subtitle strong{color:#effbff}
.ja-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}
.ja-hero-tags span{color:#bfefff;border:1px solid #436984;background:#0b2032;padding:9px 10px;border-radius:5px;font:900 9px/1.4 var(--font);letter-spacing:.7px}
.ja-primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:15px 20px;border-radius:12px 4px 12px 4px;background:linear-gradient(110deg,#ffc18a,#ff895b);color:#141019;font:950 12px/1.4 var(--font);letter-spacing:1px;box-shadow:0 15px 33px #ed895a2b}
.ja-primary-link:hover{filter:brightness(1.09);transform:translateY(-2px)}
.ja-hero-copy>small{display:block;max-width:420px;margin-top:14px;color:#91afc5;font:700 10px/1.65 var(--font)}
.ja-hero-art{position:relative;min-height:clamp(400px,40vw,580px);border:1px solid #71b7da;border-radius:21px 5px 25px 6px;overflow:hidden;background:#091524;box-shadow:14px 16px 0 #142133,0 0 64px #148cdb3f;isolation:isolate}
.ja-hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:contrast(1.07) saturate(1.1)}
.ja-hero-art:after{content:"";position:absolute;inset:35% 0 0;pointer-events:none;background:linear-gradient(transparent,#081023ed)}
.ja-hero-overlay{position:absolute;z-index:2;bottom:19px;left:20px;right:20px;display:flex;flex-direction:column;gap:5px}
.ja-hero-overlay span{color:#ffbe8f;font:900 11px/1.4 var(--font);letter-spacing:1.8px}
.ja-hero-overlay strong{font:950 clamp(31px,4.2vw,57px)/1.01 var(--display);letter-spacing:-1.4px;text-shadow:0 5px 15px #000b}
.ja-hero-overlay small{font:800 9px/1.4 var(--font);letter-spacing:1.3px;color:#91dfff}
.ja-hero-corner{position:absolute;top:19px;right:16px;z-index:1;background:#071521c9;border:1px solid #73dcf3;color:#c4f3ff;padding:9px;font:950 10px/1.4 var(--font)}
.ja-ticker{overflow:hidden;border-bottom:1px solid #32546d;background:#0c1c2b;padding:12px 0}
.ja-ticker div{width:max-content;margin-inline:auto;white-space:nowrap;color:#a4edff;font:950 10px/1.5 var(--font);letter-spacing:1.8px}
.ja-ticker span{color:#ff9f6e;margin:0 24px}
.ja-mission{padding-top:clamp(55px,7vw,95px);padding-bottom:55px}
.ja-mission-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);gap:24px;align-items:end;margin-bottom:27px}
.ja-section-label{color:#ffb585}
.ja-mission h2,.ja-archive h2,.ja-outro h2{font:950 clamp(33px,4.4vw,61px)/1.05 var(--display);letter-spacing:-1.8px;margin:12px 0 15px}
.ja-mission h2 em,.ja-archive h2 em,.ja-outro h2 em{font-style:normal;color:#74e7ff}
.ja-mission-top>div:first-child>p,.ja-archive-head p{color:#afc8da;font:650 13px/1.75 var(--font);max-width:700px;margin:0}
.ja-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:#41657e;border:1px solid #41657e;border-radius:10px;overflow:hidden}
.ja-status-strip>div{background:#102135;padding:16px 12px;min-width:0}
.ja-status-strip span{display:block;color:#9fb6c7;font:900 9px/1.5 var(--font);letter-spacing:.4px}
.ja-status-strip strong{display:block;color:#e9faff;font:950 clamp(16px,2vw,25px)/1.15 var(--display);margin-top:8px;overflow-wrap:anywhere}
.ja-status-strip strong.ja-status-alert{color:#ffb486;font-size:clamp(12px,1.2vw,15px)}
.ja-status-strip strong.ja-status-complete{color:#7ef6bf;font-size:clamp(12px,1.2vw,15px)}
.ja-game-wrap{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:16px;align-items:start}
.ja-game-main{min-width:0;overflow:hidden;border:1px solid #416985;border-radius:21px 5px 19px 5px;background:linear-gradient(140deg,#102035,#12192d);box-shadow:0 25px 60px #0008}
.ja-console-top{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:16px 18px;border-bottom:1px solid #3d5c77;background:#101d30;font:900 10px/1.5 var(--font);letter-spacing:1.1px;color:#a2e9ff}
.ja-console-top>span:first-child{display:flex;align-items:center;gap:8px}
.ja-console-top>span:last-child{color:#ffb78c}
.ja-meter{height:5px;background:#19283b}
.ja-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#28d3ff,#ffad70);box-shadow:0 0 15px #45cefa77;transition:width .22s}
.ja-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:clamp(13px,2.8vw,24px)}
.ja-tile{
 position:relative;isolation:isolate;aspect-ratio:1.05;width:100%;min-width:0;padding:0;
 border:1px solid #477b99;border-radius:13px 4px 13px 4px;
 background:linear-gradient(140deg,#132b42,#102033 55%,#171d35);
 color:#dff9ff;cursor:pointer;overflow:hidden;
 transform:translateZ(0);transition:background .18s,border-color .18s,box-shadow .18s;
}
.ja-tile:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.5;background:repeating-linear-gradient(0deg,transparent 0 23px,#81dafa12 24px,transparent 25px 49px)}
.ja-tile:hover:not(.is-matched){border-color:#ffaf78;background:#1c3348;box-shadow:inset 0 0 24px #ef92512b}
.ja-tile:focus-visible,.ja-game-actions button:focus-visible,.ja-complete-actions a:focus-visible,.ja-complete-actions button:focus-visible,.ja-primary-link:focus-visible,.ja-dossier-link:focus-visible,.ja-outro-actions a:focus-visible{outline:3px solid #9cedff;outline-offset:3px}
.ja-tile-back,.ja-tile-front{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;transition:opacity .16s,transform .16s;text-align:center}
.ja-tile-back{opacity:1;transform:scale(1)}
.ja-tile-front{opacity:0;transform:scale(.9);pointer-events:none}
.ja-tile-bolt{font-size:clamp(29px,3vw,44px);filter:drop-shadow(0 0 10px #4bd5ff70)}
.ja-tile-code{color:#85bdd3;font:900 9px/1.4 var(--font);letter-spacing:1.1px}
.ja-tile.is-flipped{background:radial-gradient(ellipse at 50% 12%,#1b679258,transparent 80%),#19263e;border-color:#7de8fc}
.ja-tile.is-flipped .ja-tile-back{opacity:0;transform:scale(.92)}
.ja-tile.is-flipped .ja-tile-front{opacity:1;transform:scale(1)}
.ja-tile-icon{font-size:clamp(26px,3.4vw,43px);line-height:1.2}
.ja-tile-name{color:#e6f8ff;font:950 clamp(9px,1.1vw,13px)/1.25 var(--font);letter-spacing:.7px;overflow-wrap:break-word}
.ja-tile.is-matched{border-color:#7be3ba;background:linear-gradient(140deg,#153e48,#142e40);cursor:default;box-shadow:inset 0 0 0 1px #3be7aa50}
.ja-tile.is-matched .ja-tile-name{color:#c7ffe5}
.ja-announcement{margin:0 20px 15px;min-height:22px;color:#ffc093;font:750 12px/1.6 var(--font)}
.ja-nojs{margin:8px 22px 20px;color:#bad1e0;font-size:12px;line-height:1.7}
.ja-nojs[hidden]{display:none!important}
.ja-nojs a{text-decoration:underline;color:#8eeaff}
.ja-game-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #3b586d;padding:15px 20px;background:#0b1b2c}
.ja-game-actions button{min-height:44px;padding:11px 16px;background:#142b3f;border:1px solid #62b3d4;color:#bbf4ff;border-radius:8px;font:950 10px/1.5 var(--font);letter-spacing:.7px;cursor:pointer}
.ja-game-actions button:hover{border-color:#ffac71;color:#fff}
.ja-game-actions span{font:900 9px/1.5 var(--font);letter-spacing:1px;color:#819cb2}
.ja-intel{min-width:0;overflow:hidden;border:1px solid #9c6f6b;border-radius:18px 4px 17px 4px;background:linear-gradient(150deg,#211b2c,#101e30);box-shadow:0 17px 40px #0007}
.ja-intel-header{padding:17px;background:#252034;color:#ffc395;font:950 10px/1.4 var(--font);letter-spacing:1.3px;display:flex;align-items:center;gap:9px}
.ja-intel-alert{color:#ff8c63;text-shadow:0 0 8px #ff8c63}
.ja-intel-robot{display:block;width:100%;height:240px;object-fit:cover;object-position:center 18%;border-bottom:1px solid #554761}
.ja-intel h3{margin:17px 18px 12px;font:950 22px/1.1 var(--display);letter-spacing:-.45px}
.ja-intel p{margin:0 18px 24px;min-height:70px;color:#d3dce8;font:700 13px/1.7 var(--font)}
.ja-intel-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:16px;border-top:1px solid #584b64;background:#131727}
.ja-intel-foot span{color:#91aabb;font:900 9px/1.4 var(--font);letter-spacing:.7px}
.ja-intel-foot strong{color:#ffba8d;font:950 10px/1.4 var(--font)}
.ja-archive{padding-bottom:clamp(50px,7vw,105px)}
.ja-archive-head{display:flex;justify-content:space-between;gap:25px;align-items:end;flex-wrap:wrap;margin-bottom:20px}
.ja-archive-count{padding:12px 14px;background:#142e3b;border:1px solid #4386a0;color:#88eaff;font:950 12px/1.3 var(--font);letter-spacing:1px}
.ja-dossier-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.ja-dossier{display:grid;grid-template-columns:70px minmax(0,1fr) 32px;gap:14px;align-items:start;border:1px solid #436c85;border-radius:10px 3px 10px 3px;padding:20px;background:linear-gradient(110deg,#13273c,#121a2c)}
.ja-dossier-number{color:#ffac78;font:950 10px/1.5 var(--font);letter-spacing:1px}
.ja-dossier-content{display:grid;gap:7px;min-width:0}
.ja-dossier-heading{color:#f6fcff;font:950 20px/1.15 var(--display)}
.ja-dossier-description{color:#aec6d7;font:650 12px/1.75 var(--font)}
.ja-dossier-link,.ja-dossier-unverified{font:950 10px/1.6 var(--font);letter-spacing:.4px;color:#8defff;min-height:42px;display:inline-flex;align-items:center}
.ja-dossier-link:hover{text-decoration:underline;text-underline-offset:4px}
.ja-dossier-unverified{color:#ffbf9a}
.ja-dossier-check{color:#95ffd3;font:950 23px/1 var(--font);text-align:right}
.ja-complete{margin-top:25px;display:grid;grid-template-columns:85px minmax(0,1fr);gap:15px 22px;align-items:start;border:1px solid #ffad76;border-radius:21px 4px 21px 4px;padding:clamp(18px,3vw,32px);background:radial-gradient(ellipse at 5% 5%,#f89e5943,transparent 40%),linear-gradient(105deg,#281c30,#143347 75%,#1f1a2e);box-shadow:0 0 55px #eb8c5325}
.ja-complete[hidden]{display:none!important}
.ja-complete:focus{outline:none}
.ja-complete-emblem{width:80px;height:80px;display:grid;place-items:center;border:2px solid #ffb386;border-radius:17px;background:#111d35;font-size:45px}
.ja-complete-copy>span{color:#a5f1ca;font:950 10px/1.5 var(--font);letter-spacing:1px}
.ja-complete h3{font:950 clamp(27px,3.8vw,49px)/1.05 var(--display);letter-spacing:-1.5px;margin:12px 0}
.ja-complete h3 em{font-style:normal;color:#ffb17c}
.ja-complete p{color:#c6d7e3;font-size:13px;line-height:1.75}
.ja-complete-actions{grid-column:2;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.ja-complete-actions button,.ja-complete-actions a{min-height:46px;border:1px solid #66a7c0;border-radius:9px 3px 9px 3px;padding:12px;color:#aaeaff;background:#0e273b;font:950 10px/1.45 var(--font);cursor:pointer}
.ja-complete-actions button{background:linear-gradient(105deg,#ffbd85,#ff8c65);border-color:#ffc08d;color:#15101a}
.ja-complete-actions a:hover{border-color:#ffb08a;color:#fff}
.ja-share-status{grid-column:2;margin:0!important;color:#a6ffcf!important;font-size:11px!important}
.ja-outro{border-top:1px solid #435672;background:linear-gradient(115deg,#142136,#181626);padding:clamp(50px,7vw,85px) 0}
.ja-outro-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);align-items:center;gap:35px}
.ja-outro h2{font-size:clamp(32px,4vw,50px)}
.ja-outro p{color:#bbcede;font-size:13px;line-height:1.7;max-width:560px}
.ja-outro-actions{display:grid;gap:9px}
.ja-outro-actions a{display:flex;align-items:center;justify-content:space-between;min-height:47px;padding:12px 16px;border:1px solid #547f9b;border-radius:8px;color:#a8ecff;background:#101e30;font:950 10px/1.4 var(--font);letter-spacing:.5px}
.ja-outro-actions a:last-child{border-color:#f1a575;background:linear-gradient(110deg,#ffbf84,#ff8d6a);color:#14101b}
.ja-outro-actions a:hover{filter:brightness(1.13)}
@media(max-width:1050px){
 .ja-hero-grid{grid-template-columns:1fr 1fr;gap:20px}
 .ja-game-wrap{grid-template-columns:minmax(0,1fr) 240px}
 .ja-intel-robot{height:205px}
 .ja-status-strip span{font-size:8px}
 .ja-mission-top{grid-template-columns:1fr}
}
@media(max-width:850px){
 .ja-hero-grid{grid-template-columns:1fr}
 .ja-hero h1{font-size:clamp(69px,12vw,105px)}
 .ja-hero-art{min-height:360px;max-width:670px;width:100%}
 .ja-game-wrap{grid-template-columns:minmax(0,1fr)}
 .ja-intel{display:grid;grid-template-columns:170px minmax(0,1fr);grid-template-rows:auto 1fr auto}
 .ja-intel-header{grid-column:1/-1}
 .ja-intel-robot{height:210px;grid-row:2/4;grid-column:1}
 .ja-intel h3{grid-column:2;grid-row:2;align-self:end}
 .ja-intel p{grid-column:2;grid-row:3;min-height:0;margin-bottom:16px}
 .ja-intel-foot{grid-column:1/-1}
 .ja-outro-inner{grid-template-columns:1fr}
}
@media(max-width:600px){
 .ja-hero-grid{padding-top:42px;padding-bottom:49px}
 .ja-hero h1{font-size:clamp(65px,16vw,95px);letter-spacing:-3px;margin:19px 0}
 .ja-hero-art{min-height:300px;box-shadow:7px 8px 0 #142133}
 .ja-hero-overlay strong{font-size:clamp(27px,8vw,42px)}
 .ja-kicker{font-size:9px;letter-spacing:.9px}
 .ja-ticker div{font-size:8px;letter-spacing:1px}
 .ja-mission{padding-top:52px}
 .ja-mission h2,.ja-archive h2,.ja-outro h2{font-size:clamp(32px,8.5vw,43px);letter-spacing:-1px}
 .ja-status-strip>div{padding:11px 7px}
 .ja-status-strip span{font-size:7px}
 .ja-status-strip strong{font-size:17px}
 .ja-status-strip strong.ja-status-alert,.ja-status-strip strong.ja-status-complete{font-size:10px}
 .ja-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px}
 .ja-tile{aspect-ratio:1.04;border-radius:10px 3px 10px 3px}
 .ja-tile-icon{font-size:clamp(25px,9vw,38px)}
 .ja-tile-name{font-size:clamp(8px,2.5vw,11px);letter-spacing:0}
 .ja-tile-code{font-size:8px}
 .ja-console-top{font-size:9px;padding:13px 12px}
 .ja-console-top>span:last-child{display:none}
 .ja-game-actions{padding:14px 13px}
 .ja-game-actions button{width:100%}
 .ja-game-actions span{width:100%;text-align:center}
 .ja-intel{grid-template-columns:100px minmax(0,1fr)}
 .ja-intel-robot{height:160px}
 .ja-intel h3{font-size:17px;margin:12px 12px 7px}
 .ja-intel p{font-size:11px;margin:0 12px 8px}
 .ja-dossier{grid-template-columns:1fr 25px;padding:16px;gap:8px}
 .ja-dossier-number{grid-column:1/-1}
 .ja-dossier-heading{font-size:17px}
 .ja-dossier-content{grid-column:1}
 .ja-dossier-check{grid-column:2;grid-row:2}
 .ja-complete{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:17px}
 .ja-complete-emblem{width:49px;height:49px;font-size:28px}
 .ja-complete h3{font-size:clamp(25px,7vw,35px);letter-spacing:-.8px}
 .ja-complete-actions{grid-column:1/-1;display:grid}
 .ja-complete-actions>*{width:100%;text-align:center}
 .ja-share-status{grid-column:1/-1}
}
@media(max-width:350px){
 .ja-intel{display:block}
 .ja-intel-robot{width:100%;height:180px}
 .ja-intel h3,.ja-intel p{margin:13px 15px}
 .ja-board{gap:6px;padding:9px}
 .ja-tile-back,.ja-tile-front{padding:4px}
}
@media(prefers-reduced-motion:reduce){
 .ja-tile,.ja-tile-back,.ja-tile-front,.ja-meter span,.ja-primary-link{transition:none}
 .ja-primary-link:hover{transform:none}
}
