
:root{color-scheme:dark;--paper:#f2ddbb;--amber:#d6a46e;--red:#e95c48;--line:#75513d}*{box-sizing:border-box}body{margin:0;background:#0e0908;color:var(--paper);font-family:Georgia,serif;min-height:100vh;background-image:radial-gradient(ellipse at 50% 0%,#39251d 0%,#0e0908 72%)}a{color:var(--amber)}.wrap{max-width:950px;margin:0 auto;padding:28px 24px 90px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px;font:11px monospace;letter-spacing:.16em;text-transform:uppercase}.top img{width:55px;height:55px;object-fit:contain}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--paper)}.brand strong{font-size:17px;letter-spacing:.2em}.stamp{color:var(--amber);font:12px monospace;letter-spacing:.16em;margin-top:45px}.panel{border:1px solid var(--line);background:linear-gradient(140deg,rgba(80,49,32,.42),rgba(14,9,8,.8));padding:clamp(24px,5vw,58px);margin-top:24px;box-shadow:0 15px 60px #0009;position:relative}.panel:before{content:'UNAUTHORIZED ACCESS';position:absolute;right:15px;top:14px;color:#ac725a;font:10px monospace;letter-spacing:.2em}h1{font:800 clamp(32px,5.8vw,64px)/.99 'Arial Narrow',Impact,sans-serif;letter-spacing:.045em;margin:25px 0 24px;text-transform:uppercase}.red{color:var(--red)}.intro{font:clamp(17px,2.2vw,23px)/1.65 Georgia,serif;max-width:710px}.hint{font:12px/1.7 monospace;color:#c3a98e;border-left:2px solid var(--red);padding-left:15px;margin:35px 0}.terminal{margin-top:35px;border:1px solid #7c5742;padding:22px;background:#120c0a}.terminal label{display:block;font:12px monospace;letter-spacing:.14em;color:var(--amber);margin-bottom:12px}.terminal input{width:min(100%,390px);padding:14px;background:#060504;border:1px solid #91654a;color:#fff;font:18px monospace;letter-spacing:.1em;text-transform:uppercase}.terminal button,.action{display:inline-block;padding:15px 20px;margin:12px 0 0;background:var(--red);border:0;color:#140a08;font:bold 12px monospace;letter-spacing:.14em;text-decoration:none;cursor:pointer}.feedback{min-height:35px;color:var(--amber);font:13px/1.6 monospace;margin-top:14px}.back{display:inline-block;margin-top:25px;font:12px monospace}.progress{font:11px monospace;color:#b49b86;margin-top:30px}.final{max-width:620px;margin:25px auto 0;border:1px solid #8a5b4b;padding:30px;background:#140e0c}.portrait{width:min(100%,440px);aspect-ratio:4/3;object-fit:cover;filter:sepia(.22) contrast(1.15);margin:22px auto}.log{white-space:pre-line;font:14px/1.8 monospace;color:#dec4a7}.ghost{opacity:.5}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #f8c89a;outline-offset:4px}@media(max-width:560px){.top{flex-wrap:wrap}.panel{padding:25px 18px}.terminal input{width:100%}}
