:root{--bg:#080a0a;--panel:#0d1010;--panel2:#111515;--text:#e8ece9;--muted:#7f8a85;--line:#242b28;--gold:#c7a55b;--green:#73b28c;--danger:#b76868;--silver:#b8c0bc}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 15% 10%,#101614 0,transparent 35%),linear-gradient(#080a0a,#050606);color:var(--text);font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-height:100vh}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}button,input{font:inherit}button{cursor:pointer}header{position:sticky;top:0;z-index:20;background:rgba(8,10,10,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.head{min-height:92px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:34px}.brand{font:700 27px/1 system-ui,sans-serif;letter-spacing:.18em}.project,.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--gold);margin-top:9px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;vertical-align:middle}.gold{background:var(--gold);box-shadow:0 0 12px #c7a55b88}.green{background:var(--green);box-shadow:0 0 10px #73b28c77}nav{display:flex;gap:6px}nav button,footer button,.ghost{background:transparent;color:var(--silver);border:1px solid var(--line);padding:9px 12px;font-size:11px;letter-spacing:.1em}nav button:hover,footer button:hover,.ghost:hover{border-color:var(--gold);color:var(--gold)}.clock{text-align:right;min-width:126px}.clock span{display:block;font-size:9px;color:var(--muted);letter-spacing:.16em}.clock b{font-size:22px;letter-spacing:.06em}.clock small{color:var(--gold);margin-left:7px}.statusline{display:flex;flex-wrap:wrap;gap:22px;padding:15px 0;color:var(--muted);font-size:10px;letter-spacing:.08em;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1fr 290px;gap:40px;padding:58px 0 42px}.hero h1{font:700 clamp(34px,6vw,68px)/1 system-ui,sans-serif;letter-spacing:-.04em;margin:11px 0 18px}.hero p{max-width:700px;color:var(--muted);font-size:15px}.progress{align-self:end;border-left:1px solid var(--gold);padding-left:22px}.progress span{color:var(--muted);font-size:10px;letter-spacing:.14em}.progress strong{display:block;font-size:28px;margin:4px 0 9px}.progress div{height:2px;background:var(--line)}.progress i{display:block;height:100%;background:var(--gold)}.iterations{display:grid;gap:14px}.step{position:relative;background:linear-gradient(120deg,rgba(18,23,21,.97),rgba(10,12,12,.97));border:1px solid var(--line);padding:28px 30px 30px;overflow:hidden}.step .bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--gold),#5f775f,var(--gold))}.step.current{border-color:#4b4635;box-shadow:0 18px 70px #0008}.stephead{display:flex;justify-content:space-between;gap:25px}.stephead span{color:var(--gold);font-size:10px;letter-spacing:.13em}.stephead h2{font:650 24px/1.1 system-ui,sans-serif;letter-spacing:.02em;margin:7px 0 0}.state{font-size:10px;color:var(--green);letter-spacing:.12em}.prompt{font-size:16px;margin:28px 0 6px;max-width:840px}.hint{color:var(--muted);font-size:12px;margin:0 0 18px}.solveForm{display:grid;grid-template-columns:1fr auto;gap:8px;max-width:720px}.solveForm input{min-width:0;background:#070909;border:1px solid #333c38;color:var(--text);padding:14px 15px;outline:none;text-transform:uppercase}.solveForm input:focus{border-color:var(--gold);box-shadow:0 0 0 1px #c7a55b22}.solveForm button,.completion button{border:1px solid var(--gold);background:#17150f;color:#e5d4a9;padding:12px 18px;letter-spacing:.08em}.solveForm button:hover,.completion button:hover{background:#242015}.result{min-height:22px;margin-top:12px;font-size:11px;letter-spacing:.08em}.result.bad{color:var(--danger)}.result.good,.success{color:var(--green)}.collapsed{margin-top:20px;color:var(--muted);font-size:11px}.reveal{float:right;background:none;border:0;color:var(--gold);font-size:10px}.review{margin-top:16px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}.hidden{display:none!important}.completion,.finale{margin:40px 0 16px;border:1px solid #5b4e32;background:linear-gradient(125deg,#16140f,#0b0d0c);padding:34px;display:grid;grid-template-columns:170px 1fr;gap:34px}.sigil{width:150px;height:150px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:25px;box-shadow:inset 0 0 35px #c7a55b16}.completion h2,.finale h2{font:700 30px/1.1 system-ui,sans-serif;margin:7px 0 10px}.completion p,.finale p{color:var(--muted)}.award{border-left:2px solid var(--gold);padding:8px 16px;margin:22px 0}.award span,.award small{display:block;color:var(--muted);font-size:10px}.award strong{display:block;color:var(--green);font-size:18px}.final{margin-top:16px}.finale{display:block;text-align:center}.seal{margin:30px auto 0;border:1px solid var(--gold);width:210px;padding:25px;color:var(--gold);font-size:22px;letter-spacing:.18em}.seal span{font-size:10px}footer{display:flex;gap:18px;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;padding:34px 0 45px}.splash{position:fixed;inset:0;z-index:100;background:#050606f5;display:grid;place-items:center;padding:20px}.splash-card{max-width:720px;border-left:3px solid var(--gold);background:linear-gradient(130deg,#101412,#090b0a);padding:42px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.splash h1{font:700 clamp(28px,5vw,50px)/1.08 system-ui,sans-serif;letter-spacing:-.02em;margin:12px 0 20px}.splash p{color:var(--muted);font-size:12px;letter-spacing:.08em}.actions{display:flex;gap:8px;margin-top:28px}.actions button:not(.ghost){background:#18150f;border:1px solid var(--gold);color:#e5d4a9;padding:10px 16px}.modal{position:fixed;inset:0;z-index:80;background:#000b;display:grid;place-items:center;padding:20px}.modal>div{position:relative;width:min(620px,100%);background:#0b0e0d;border:1px solid var(--line);border-left:3px solid var(--gold);padding:34px}.modal h2{font:700 28px system-ui;margin:6px 0}.modal p{color:var(--muted)}.x{position:absolute;right:12px;top:8px;background:none;border:0;color:var(--muted);font-size:25px}@media(max-width:760px){.head{grid-template-columns:1fr auto;min-height:84px;gap:10px}.clock{grid-column:2;grid-row:1}.head nav{grid-column:1/-1;padding-bottom:11px}.brand{font-size:22px}.hero{grid-template-columns:1fr;padding-top:35px}.progress{align-self:auto}.step{padding:23px 20px 25px}.stephead{align-items:flex-start}.solveForm{grid-template-columns:1fr}.completion{grid-template-columns:1fr}.sigil{width:110px;height:110px}.statusline{gap:10px 16px}footer{align-items:flex-start;flex-wrap:wrap}.clock b{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand, .zal-home { color: #ffffff; text-decoration: none !important; }
.brand:visited, .zal-home:visited { color: #ffffff; text-decoration: none !important; }
.brand:hover, .brand:focus-visible, .zal-home:hover, .zal-home:focus-visible { color: #8b9290; text-decoration: none !important; }

.modal .modal-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:var(--gold);font-size:11px;letter-spacing:.12em}

.initiative{font-size:9px;letter-spacing:.14em;color:var(--muted);margin-top:7px;text-transform:uppercase}.footer-identity{display:flex;flex-direction:column;gap:5px}.footer-identity small{font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}