*{box-sizing:border-box}body{margin:0;background:#101a20;color:#f1eee2;font:16px/1.5 "Trebuchet MS",Arial,sans-serif}header{border-bottom:1px solid #344046;display:flex;gap:12px;align-items:center;height:66px;padding:0 max(5%,calc((100vw - 1040px)/2));white-space:nowrap}header>b{font-size:22px;letter-spacing:-1px}.mark{display:grid;place-items:center;background:#ff875b;color:#142027;width:36px;height:36px;border-radius:9px;font:bold 38px/1 monospace}button{cursor:pointer;font:inherit;color:inherit}header button,#close{background:none;border:0;margin-left:auto}header button b{border:1px solid #879591;border-radius:50%;padding:0 5px;font:12px monospace}main{max-width:1000px;margin:42px auto;padding:0 24px}.eyebrow,.strip,small,footer,.legend{font:700 11px/1.5 monospace;letter-spacing:1.3px}.eyebrow{color:#a9bbae;display:flex;align-items:center;gap:10px}.led{width:7px;height:7px;background:#a4e5b4;border-radius:50%}.eyebrow i{height:1px;width:25px;background:#77867d}h1{font:700 clamp(54px,7vw,88px)/1 Georgia,serif;letter-spacing:-.065em;margin:12px 0}h1 span,em{color:#ff9868}.intro{margin:0 0 26px;color:#c2cdc8}.console{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.scope,.controls{background:#17262d;border:1px solid #405057;border-radius:16px}.scope{overflow:hidden}.strip,.legend{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;color:#c0cdc5}.strip{border-bottom:1px solid #415156}.strip b{color:#f1eee2}.legend{border-top:1px solid #415156;letter-spacing:0;justify-content:center;gap:24px}.legend em{font:18px monospace}#grid svg{display:block;width:100%;max-height:55vh}.mirror{cursor:pointer}.mirror:focus-visible rect,.mirror:hover rect{stroke:#fbdb9e;stroke-width:2}.controls{padding:30px;align-self:start}h2{font:600 32px/1.12 Georgia,serif;margin:14px 0 20px}#beacons{display:flex;gap:7px}#beacons span{height:8px;flex:1;border-radius:2px;background:#425158}#beacons .on{background:#a7e5b4}.metrics{display:flex;gap:40px;padding:22px 0 12px;margin:20px 0 0;border-top:1px solid #3c4c51}.metrics small{color:#aabbba}.metrics strong{display:block;font:36px monospace}#hint,#msg{font-size:14px;color:#c4d1c9}#undo,#share{width:100%;border:1px solid #56666b;background:#23353d;border-radius:8px;padding:10px}#share{background:#ff996d;color:#172026;font-weight:bold}button:disabled{opacity:.42;cursor:default}[hidden],#msg:empty{display:none}footer{display:flex;justify-content:space-between;color:#a8b7b3;font-weight:400;letter-spacing:.3px;margin:18px 0}dialog{background:#203039;color:#fff7e9;border:1px solid #6e7e7e;border-radius:14px;max-width:min(430px,90vw);padding:24px}dialog::backdrop{background:#081013bb}#close{float:right}textarea{width:100%;min-height:90px}@media(max-width:680px){main{margin:22px auto;padding:0 12px}header{height:52px}.console{grid-template-columns:1fr;gap:12px}.controls{padding:16px}.controls h2{font-size:24px;margin:7px 0 12px}.metrics{gap:24px;margin:12px 0 0;padding:7px 0 0}.metrics strong{font-size:23px}.intro{font-size:15px;margin-bottom:16px}#grid svg{max-height:none}footer{font-size:10px}.legend{padding:6px}.strip{padding:8px 14px}}

.metrics{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr .65fr;gap:10px}.metrics #clock{font-size:clamp(21px,2.2vw,30px);line-height:1.4;color:#ffae78;font-variant-numeric:tabular-nums}