:root { --bg:#050404; --paper:#100f0d; --ink:#ece7d6; --muted:#b5aa8f; --red:#df3d36; --yellow:#e6d67a; --blue:#8bb8ff; --green:#95d58d; --line:#5e5541; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; background:radial-gradient(circle at 50% 8%,rgba(103,83,44,.22),transparent 38%),linear-gradient(180deg,#090806,#020202); color:var(--ink); font-family:Georgia,"Times New Roman",serif; }
body { padding:22px 10px 50px; }
a { color:var(--blue); } a:visited{color:#caa7ff;} a:hover{color:#000;background:var(--yellow);}
.page-shell{width:min(1060px,calc(100vw - 20px));margin:0 auto;border:3px double var(--line);background:rgba(10,9,7,.95);box-shadow:0 0 36px rgba(0,0,0,.9),inset 0 0 70px rgba(230,214,122,.03);}
.masthead{text-align:center;padding:28px 18px 20px;border-bottom:3px double var(--line);background:repeating-linear-gradient(45deg,rgba(230,214,122,.05) 0,rgba(230,214,122,.05) 2px,transparent 2px,transparent 9px),#11100e;}
.masthead.compact{padding:20px 18px 16px;}
.stamp{display:inline-block;padding:4px 10px;border:1px solid var(--red);color:var(--red);font:13px "Courier New",monospace;letter-spacing:.12em;background:rgba(100,0,0,.12);}
h1{margin:12px 0 5px;font-size:clamp(40px,7vw,90px);line-height:.9;letter-spacing:.03em;color:#fff6db;text-shadow:2px 2px 0 #2d1a18,0 0 18px rgba(255,244,180,.12);}
h2{margin:0 0 12px;font:22px "Courier New",monospace;color:var(--yellow);text-transform:uppercase;}
.subtitle,.domain,footer,.small,.faint{color:var(--muted);font-family:"Courier New",monospace;}
.domain{margin-top:14px;font-size:18px;letter-spacing:.18em;color:var(--green);}
.topnav{display:flex;flex-wrap:wrap;background:#050505;border-bottom:3px double var(--line);justify-content:center;}
.topnav a{display:block;padding:11px 14px;border-right:1px solid #3d3527;color:var(--ink);font-family:"Courier New",monospace;text-decoration:none;}
.topnav a:first-child{border-left:1px solid #3d3527;}
.topnav a:hover{color:#000;background:var(--yellow);}
main{padding:18px;}
.box{margin:18px 0;padding:18px;border:2px ridge var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--paper);}
.box.urgent{border-color:var(--red);background:repeating-linear-gradient(0deg,rgba(223,61,54,.055) 0,rgba(223,61,54,.055) 1px,transparent 1px,transparent 8px),#160c0a;}
.box.broken{border-color:#7d302f;background:repeating-linear-gradient(90deg,rgba(223,61,54,.04) 0,rgba(223,61,54,.04) 2px,transparent 2px,transparent 14px),#120908;}
.full-diagram{width:100%;display:block;border:1px solid var(--line);background:#000;}
ul,ol,p{line-height:1.55;}
.redline{color:#ffd0cb;border-left:4px solid var(--red);padding-left:12px;}
.button-link{display:inline-block;margin-top:8px;padding:10px 12px;border:1px solid var(--red);background:#080303;color:#fff3d0;font-family:"Courier New",monospace;text-decoration:none;}
.button-link:hover{background:var(--red);color:#000;}
footer{padding:14px 18px;border-top:3px double var(--line);background:#050505;font-size:13px;}
.crt{pointer-events:none;position:fixed;inset:0;z-index:5;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035),rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px),radial-gradient(circle at center,transparent 55%,rgba(0,0,0,.58));mix-blend-mode:screen;opacity:.38;}
body::after{content:"";pointer-events:none;position:fixed;inset:0;z-index:6;background:radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.72) 100%);}
.glitch-text{position:relative;display:inline-block;}
.glitch-text::before,.glitch-text::after{content:attr(data-text);position:absolute;left:0;top:0;opacity:.32;pointer-events:none;}
.glitch-text::before{color:#7bd3ff;transform:translate(-1px,0);}
.glitch-text::after{color:#ff6e6e;transform:translate(1px,0);}
.corrupt{position:relative;}
.corrupt::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 36px,rgba(255,0,0,.05) 36px 42px,transparent 42px 80px),repeating-linear-gradient(0deg,transparent 0 18px,rgba(0,255,255,.04) 18px 22px,transparent 22px 60px);mix-blend-mode:screen;pointer-events:none;opacity:.14;}
.intrusion-band{position:fixed;left:0;right:0;top:0;z-index:25;padding:4px 0;background:rgba(0,0,0,.9);color:#ffb0aa;border-bottom:1px solid #7d302f;font:12px "Courier New",monospace;letter-spacing:.16em;text-align:center;opacity:.78;pointer-events:none;}
.corrupted-file .page-shell{border-color:#8a2c2c;box-shadow:0 0 54px rgba(130,0,0,.42),inset 0 0 120px rgba(140,0,0,.12);}
.intrusion-block{border-color:#b01818;background:repeating-linear-gradient(90deg,rgba(223,61,54,.12) 0,rgba(223,61,54,.12) 1px,transparent 1px,transparent 13px),#130606;}
.intrusion-block::before{content:"UNVERIFIED INSERTION";display:inline-block;margin-bottom:10px;padding:3px 6px;border:1px solid var(--red);color:#ffb0aa;font:12px "Courier New",monospace;letter-spacing:.12em;}
.wrong,.bad-line{color:#ffb0aa;font-family:"Courier New",monospace;text-shadow:1px 0 #7bd3ff,-1px 0 #df3d36;}
.warning-label{display:inline-block;margin-top:8px;padding:6px 8px;border:1px solid var(--red);color:#ffe2df;background:rgba(0,0,0,.45);font-family:"Courier New",monospace;font-weight:bold;}
.signature{margin-top:16px;padding:10px;border-top:1px dashed #7d302f;color:#ffb0aa;font-family:"Courier New",monospace;letter-spacing:.1em;}
.soft-hidden-link{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(230,214,122,.35);}
.soft-hidden-link:hover{color:#000;background:var(--yellow);}
@media(max-width:760px){.topnav{display:block}.topnav a{border-right:none;border-bottom:1px solid #3d3527}main{padding:12px}}
