@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--blue:#2975ba;--cyan:#33b6fb;--ink:#07111e;--muted:#75869a;--line:#d9e2ec;--paper:#f8fbff;--good:#2975ba;--warn:#d39a1d;--bad:#8795a6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Mono',monospace}.grid-bg{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(#2975ba0a 1px,transparent 1px),linear-gradient(90deg,#2975ba0a 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,#000 0%,transparent 77%)}main{max-width:1100px;margin:auto;padding:30px 38px 24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-1.4px}.brand span span{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:6px;background:var(--blue);color:#fff;font-size:16px}.daily,.eyebrow,.mission p,.status,.legend,footer{font-size:10px;letter-spacing:1.5px}.daily{color:var(--blue);font-weight:bold}.hero{display:grid;grid-template-columns:1fr 310px;gap:30px;padding:70px 0 54px}.eyebrow{color:var(--blue);font-weight:bold;margin:0 0 12px}h1{font:700 clamp(60px,10vw,116px)/.8 'Space Grotesk',sans-serif;letter-spacing:-7px;margin:0;color:#0b1727}h1 em{color:var(--blue);font-style:normal}.intro{line-height:1.75;font-size:13px;margin:25px 0 0;color:#526377}.mission{align-self:end;border:1px solid #b9d7ef;border-top:3px solid var(--cyan);background:white;padding:22px 21px 20px;box-shadow:9px 9px 0 #2975ba12}.mission p{color:var(--blue);font-weight:bold;margin:0 0 11px}.mission strong{display:block;font:600 13px/1.55 'Space Grotesk',sans-serif}.mission small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:13px}.signal{float:right;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px #33b6fb22}.game{max-width:720px;margin:auto;background:#fff;border:1px solid var(--line);padding:25px 28px 28px;box-shadow:11px 11px 0 #2975ba0d}.status{display:flex;justify-content:space-between;color:var(--muted);font-weight:bold;margin-bottom:22px}.status span:nth-child(2){color:var(--blue)}.board{display:grid;gap:5px;margin-bottom:25px}.row{display:grid;grid-template-columns:repeat(var(--columns),minmax(28px,1fr));gap:5px}.cell{aspect-ratio:1;display:grid;place-items:center;border:1px solid #cdd8e5;background:#fff;font:600 clamp(12px,2.1vw,19px) 'Space Grotesk';transition:.2s}.cell.correct{background:var(--good);border-color:var(--good);color:white}.cell.present{background:var(--warn);border-color:var(--warn);color:white}.cell.absent{background:var(--bad);border-color:var(--bad);color:white}label{display:block;font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-bottom:9px}.input-row{display:flex;gap:8px}input{min-width:0;flex:1;border:1px solid #bdcad9;padding:15px;font:12px 'DM Mono';letter-spacing:1px;outline-color:var(--cyan)}button{border:0;background:var(--blue);color:#fff;padding:0 18px;font:700 11px 'DM Mono';letter-spacing:1px;cursor:pointer}button span{color:var(--cyan);font-size:15px}button:disabled{opacity:.55;cursor:not-allowed}#message{min-height:15px;color:#b23c35;font-size:11px;margin:9px 0 0}.legend{max-width:720px;margin:21px auto 0;display:flex;gap:17px;flex-wrap:wrap;color:#66788d}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px}.legend .correct{background:var(--good)}.legend .present{background:var(--warn)}.legend .absent{background:var(--bad)}.legend .secure{margin-left:auto;color:var(--blue)}footer{text-align:center;color:#738397;padding:0 20px 25px}footer span{color:var(--cyan);padding:0 5px}@media(max-width:650px){main{padding:22px 16px}.hero{grid-template-columns:1fr;padding:48px 4px 40px;gap:35px}.mission{max-width:none}h1{letter-spacing:-5px}.game{padding:18px 12px}.status{font-size:8px}.daily{display:none}.legend .secure{margin-left:0}.input-row button{padding:0 12px}.row{gap:3px}.cell{font-size:11px}}