@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#08090d;--panel:#111218;--line:#303039;--text:#f2f0ef;--muted:#96939c;--red:#ff4b62;--green:#a8f2c2;--gold:#e9c38e}*{box-sizing:border-box}html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}a{color:inherit}.noise,.scanlines{position:fixed;inset:0;pointer-events:none;z-index:10}.noise{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scanlines{opacity:.12;background:repeating-linear-gradient(transparent 0 3px,#000 4px 5px)}.shell{max-width:1460px;min-height:100vh;margin:auto;padding:0 clamp(20px,5vw,82px);display:flex;flex-direction:column}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}.brand{text-decoration:none;font-family:'DM Mono',monospace;font-weight:500;font-size:23px;letter-spacing:-2px}.brand-dot{color:var(--red);font-size:10px;vertical-align:top;margin-left:4px}.top-center,.top-actions,.footer,.eyebrow,.tag,.micro,.sector-index,.terminal,.hint,.smallprint{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em}.top-center{color:var(--muted)}.top-actions{display:flex;gap:8px}.icon-btn{background:transparent;border:1px solid var(--line);padding:11px;color:var(--muted);font-size:10px;white-space:nowrap}.icon-btn:hover{border-color:var(--red);color:var(--text)}main{flex:1;display:flex;align-items:center;padding:55px 0 70px}.footer{display:flex;justify-content:space-between;gap:16px;color:#77737d;border-top:1px solid var(--line);padding:23px 0;line-height:1.6}.landing,.game-layout,.ending{width:100%}.eyebrow{color:var(--red);margin:0 0 24px}.landing{position:relative}.landing:before{content:'404';position:absolute;right:-1vw;top:-90px;font-size:clamp(180px,35vw,520px);font-weight:700;letter-spacing:-.12em;color:#111118;z-index:-1;user-select:none}.landing h1{font-size:clamp(64px,10vw,155px);letter-spacing:-.09em;line-height:.91;margin:0 0 32px;max-width:980px;font-weight:700}.landing h1 .accent,.accent{color:var(--red)}.intro{max-width:570px;color:#b4b0b9;font-size:clamp(16px,2vw,20px);line-height:1.65;margin:0 0 32px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 22px;min-width:260px;background:var(--red);color:#0b080c;border:1px solid var(--red);font-family:'DM Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.08em;transition:transform .15s,background .15s}.action:hover{transform:translateY(-2px);background:#ff7081}.action.secondary{background:transparent;color:var(--text);border-color:#5b4c55}.action.secondary:hover{border-color:var(--red)}.action:disabled{opacity:.35;cursor:not-allowed;transform:none}.micro{color:#74717b;margin-top:32px;line-height:1.8}.flicker{animation:flicker 6s infinite}@keyframes flicker{0%,96%,98%,100%{opacity:1}97%,99%{opacity:.4}}.game-layout{display:grid;grid-template-columns:minmax(210px,310px) minmax(0,1fr);gap:clamp(24px,5vw,85px);align-items:start}.sidebar{border:1px solid var(--line);background:#0d0e13;padding:22px}.sidebar-title{font:11px 'DM Mono',monospace;letter-spacing:.14em;color:var(--muted);margin-bottom:20px}.sector{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:none;color:#b5b2ba;border:0;border-top:1px solid #292832;padding:17px 0;font-size:13px}.sector:last-of-type{border-bottom:1px solid #292832}.sector:hover,.sector.active{color:#fff}.sector.active .sector-index{color:var(--red)}.sector.done{color:var(--green)}.sector-index{font-size:10px;color:#6f6b74}.progress{margin-top:25px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.1em}.progress-track{height:3px;background:#2c2931;margin-top:12px}.progress-fill{height:100%;background:var(--red);transition:width .3s}.panel-head{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:28px}.tag{color:var(--red)}h2{font-size:clamp(34px,5vw,70px);line-height:1.05;letter-spacing:-.065em;margin:14px 0}.subtitle{font-size:16px;color:#a7a3ad;line-height:1.7;max-width:640px}.terminal{background:#101116;border:1px solid #35313a;padding:24px;color:#c4c0c9;letter-spacing:.03em;line-height:2;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.terminal .red{color:var(--red)}.terminal .green{color:var(--green)}.terminal .dim{color:#77717c}.puzzle{margin-top:28px}.puzzle label{display:block;font:11px 'DM Mono',monospace;letter-spacing:.12em;color:#aaa5b0;margin-bottom:12px}.entry-row{display:flex;gap:10px;max-width:610px}.entry{width:100%;min-width:0;border:1px solid #48404a;background:#111117;color:#fff;padding:18px;font:15px 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase}.entry::placeholder{color:#5f5a65}.entry-row .action{min-width:130px;gap:0}.feedback{min-height:26px;font:12px 'DM Mono',monospace;margin:14px 0;color:var(--red);line-height:1.6}.feedback.good{color:var(--green)}.hint{display:inline-block;background:transparent;color:#9e98a4;border:0;border-bottom:1px dashed #69616e;padding:6px 0;margin-top:10px;letter-spacing:.05em;text-align:left}.hint-box{color:var(--gold);font:12px 'DM Mono',monospace;line-height:1.8;margin:14px 0;max-width:650px}.next-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.status-pill{display:inline-block;color:var(--green);font:11px 'DM Mono',monospace;border:1px solid #385745;padding:8px 11px;margin-top:16px}.ending{max-width:850px}.ending h2{font-size:clamp(55px,9vw,110px)}.ending p{font-size:18px;line-height:1.7;color:#bbb6c0;max-width:700px}.choices{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.ending-note{font:12px 'DM Mono',monospace;color:var(--muted);margin-top:35px}.redacted{background:var(--red);color:var(--red);padding:0 5px;user-select:none}.redacted:hover,.redacted:focus{color:#0d0b0e}.smallprint{color:#77717d;line-height:1.8;margin-top:22px}.pulse{animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.4}}@media(max-width:750px){.topbar{height:78px}.top-center{display:none}main{padding:42px 0 65px}.game-layout{grid-template-columns:1fr}.sidebar{padding:15px}.sector-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 12px}.sector{padding:12px 0}.sidebar-title{margin-bottom:6px}.progress{margin-top:14px}.entry-row{flex-direction:column}.entry-row .action{width:100%}.landing:before{font-size:48vw;top:-20px}.footer{font-size:9px;flex-wrap:wrap}.landing h1{font-size:clamp(56px,12vw,90px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
