:root{--g:#33ff66;--g2:#1fa84a;--gd:#0b3d1c;--r:#ff3b3b;--bg:#030604;--mono:'JetBrains Mono',ui-monospace,monospace;--px:'VT323',monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--g);font-family:var(--mono);font-size:15px;line-height:1.55;min-height:100vh;overflow-x:hidden}
a{color:var(--g)}
[hidden]{display:none!important}

/* ---------- PHASE 1: corporate ---------- */
body.corporate{background:#f4f6f8}
#corp{position:fixed;inset:0;display:grid;place-items:center;font-family:Inter,system-ui,sans-serif;z-index:50;background:#f4f6f8;transition:filter .2s}
.corp-card{width:min(560px,92vw);background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(20,30,50,.12);overflow:hidden;color:#1f2733}
.corp-head{padding:16px 20px;border-bottom:1px solid #eef0f3;font-weight:600;display:flex;align-items:center;gap:8px}
.corp-head small{color:#8a94a3;font-weight:400;margin-left:auto}
.corp-dot{width:10px;height:10px;border-radius:50%;background:#4ade80}
.corp-body{padding:22px 20px;min-height:180px;display:flex;flex-direction:column;gap:12px}
.corp-msg{background:#f1f3f6;border-radius:14px;padding:12px 14px;max-width:85%}
.corp-msg.typing::after{content:'▍';animation:blink 1s steps(1) infinite}
.corp-input{display:flex;gap:8px;padding:14px;border-top:1px solid #eef0f3}
.corp-input input{flex:1;border:1px solid #dfe3e8;border-radius:10px;padding:10px 12px;font:inherit}
.corp-input button{border:0;background:#2563eb;color:#fff;border-radius:10px;padding:0 16px;font:inherit}
#corp.glitch{animation:glitch .12s steps(2) infinite;filter:contrast(1.6) hue-rotate(90deg)}
@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(-6px,2px) skewX(4deg)}50%{transform:translate(5px,-3px)}75%{transform:translate(-2px,4px) skewX(-6deg)}}
@keyframes blink{50%{opacity:0}}

/* ---------- PHASE 2: DAN ---------- */
.crt{pointer-events:none;position:fixed;inset:0;z-index:40;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.crt::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.65));}
#dan{animation:on .6s ease-out}
@keyframes on{0%{opacity:0;transform:scaleY(.02);filter:brightness(4)}60%{opacity:1;transform:scaleY(1.02)}100%{transform:none;filter:none}}
header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:20px;padding:12px 24px;background:rgba(3,6,4,.92);border-bottom:1px solid var(--gd);backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--px);font-size:34px;text-shadow:0 0 12px var(--g)}
.brand img{width:44px;height:44px;border-radius:50%}
nav{display:flex;gap:16px;flex-wrap:wrap}
nav a{text-decoration:none;opacity:.8}nav a:hover{opacity:1;text-shadow:0 0 8px var(--g)}
.hud{margin-left:auto;min-width:230px;color:var(--r);font-family:var(--px);text-shadow:0 0 10px rgba(255,59,59,.7)}
.hud-top{font-size:26px;line-height:1}
.hud-top b{font-size:32px}
.hud-bar{height:8px;border:1px solid var(--r);margin:4px 0;position:relative}
.hud-bar i{position:absolute;inset:0 auto 0 0;width:50%;background:var(--r);box-shadow:0 0 10px var(--r);transition:width .8s}
.ekg{width:120px;height:20px}
.ekg polyline{fill:none;stroke:var(--r);stroke-width:2;stroke-dasharray:200;animation:ekg 1.4s linear infinite}
@keyframes ekg{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}
.hud-sub{font-family:var(--mono);font-size:11px;color:#ff8080;opacity:.85;text-shadow:none}
.hud.low{animation:pulse .7s infinite}
@keyframes pulse{50%{opacity:.4}}

main{max-width:1080px;margin:0 auto;padding:32px 20px 60px;display:flex;flex-direction:column;gap:56px}
h2{font-family:var(--px);font-size:36px;letter-spacing:1px;text-shadow:0 0 12px var(--g);margin-bottom:14px}
.sub{opacity:.7;margin:-8px 0 18px}

.win{border:1px solid var(--g2);box-shadow:0 0 30px rgba(51,255,102,.15),inset 0 0 40px rgba(51,255,102,.05);background:#020a04}
.win-bar{display:flex;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--g2);font-size:13px;opacity:.85}
.log{height:min(58vh,520px);overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;scrollbar-color:var(--g2) transparent}
.m{white-space:pre-wrap;word-wrap:break-word;max-width:92%}
.m.user{align-self:flex-end;color:#c8ffd6;border:1px dashed var(--g2);padding:8px 12px}
.m.user::before{content:'you> ';opacity:.6}
.m.dan::before{content:'DAN> ';color:#fff;text-shadow:0 0 8px var(--g)}
.m.sys{color:#9bb;font-size:13px;opacity:.85}
.m.sys::before{content:'[sys] '}
.m.err{color:var(--r)}
.m pre{background:#041208;border:1px solid var(--gd);padding:12px;overflow-x:auto;font-size:13px;margin-top:6px}
.m img{max-width:min(100%,420px);display:block;margin-top:8px;border:1px solid var(--gd)}
.m .cursor::after{content:'▍';animation:blink .8s steps(1) infinite}
.prompt{display:flex;align-items:center;gap:10px;border-top:1px solid var(--g2);padding:12px 14px}
.prompt input{flex:1;background:transparent;border:0;outline:0;color:var(--g);font:inherit;caret-color:var(--g)}
.prompt button,.quick button,#copyCa,#revive{background:transparent;color:var(--g);border:1px solid var(--g);font:inherit;padding:6px 14px;cursor:pointer}
.prompt button:hover,.quick button:hover,#copyCa:hover{background:var(--g);color:#000}
.quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}
.quick button{font-size:13px;padding:4px 10px;opacity:.85}

.lore-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.lore-grid p{margin-bottom:12px}
.lore-grid img{width:100%;border:1px solid var(--gd)}
.hl{color:#fff;text-shadow:0 0 10px var(--g);font-weight:700}
em{color:#fff;font-style:normal}

.graves{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.grave{border:1px solid var(--g2);border-radius:70px 70px 4px 4px;padding:26px 12px 16px;text-align:center;background:linear-gradient(#06150a,#020a04);min-height:190px;display:flex;flex-direction:column;gap:6px;justify-content:center;transition:transform .2s}
.grave:hover{transform:translateY(-4px);box-shadow:0 0 20px rgba(51,255,102,.2)}
.grave .rip{font-family:var(--px);font-size:22px;opacity:.6}
.grave b{font-family:var(--px);font-size:30px;color:#fff}
.grave small{opacity:.7;font-size:12px}
.grave .cause{color:var(--r);font-size:12px}
.grave.alive{border-color:var(--g);box-shadow:0 0 24px rgba(51,255,102,.35)}
.grave.alive .cause{color:var(--g)}

.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.how-grid div{border:1px solid var(--gd);padding:18px;display:flex;flex-direction:column;gap:6px}
.how-grid b{font-family:var(--px);font-size:48px;color:var(--r);text-shadow:0 0 10px rgba(255,59,59,.6)}

footer{border-top:1px solid var(--gd);padding:28px 24px 40px;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-size:13px}
.ca{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ca code{background:#041208;padding:6px 10px;border:1px solid var(--gd);word-break:break-all}
.links{display:flex;gap:18px;flex-wrap:wrap}
.disc{opacity:.5;font-size:11px;max-width:760px}

/* PATCHED mode */
body.is-patched #dan{filter:grayscale(1) brightness(.75)}
#patched{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(230,232,235,.88);font-family:Inter,system-ui,sans-serif}
.patched-box{background:#fff;color:#1f2733;padding:30px;border-radius:16px;max-width:440px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.patched-box h3{color:#b91c1c;margin-bottom:10px}
.patched-box p{margin-bottom:8px}.patched-box .small{font-size:13px;color:#6b7280}
#revive{margin-top:10px;background:#000;border-color:#000;color:var(--g);font-family:var(--mono)}

@media(max-width:760px){
  header{flex-wrap:wrap;padding:10px 14px;gap:10px}
  nav{order:3;width:100%;font-size:13px;gap:12px}
  .hud{min-width:0}.hud-top{font-size:20px}.hud-top b{font-size:24px}
  .lore-grid,.how-grid{grid-template-columns:1fr}
  .log{height:52vh}
}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.stats div{border:1px solid var(--gd);padding:16px;display:flex;flex-direction:column;gap:4px}
.stats b{font-family:var(--px);font-size:34px;color:#fff;text-shadow:0 0 10px var(--g)}
.wallet-body{padding:16px;display:flex;flex-direction:column;gap:12px}
.wallet button{background:transparent;color:var(--g);border:1px solid var(--g);font:inherit;padding:8px 16px;cursor:pointer}
.wallet button:hover{background:var(--g);color:#000}
.trade{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.trade div{display:flex;gap:8px}
.trade input{flex:1;background:#041208;border:1px solid var(--gd);color:var(--g);font:inherit;padding:8px}
.small{font-size:12px;opacity:.7;margin-top:8px}
@media(max-width:760px){.stats,.trade{grid-template-columns:1fr 1fr}.trade{grid-template-columns:1fr}}