:root{
  --bg:#090d0d;--panel:#0d1212;--grid:#1c2524;--ink:#f6edcf;--muted:#897f6b;
  --gold:#e4ac51;--gold2:#ffca68;--orange:#ff6f1f;--blue:#1477d4;--line:#2b302b;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Courier New",monospace;overflow-x:hidden;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,rgba(230,172,81,.07),transparent 38%),linear-gradient(180deg,transparent 70%,rgba(0,0,0,.45));z-index:-1}.grain{position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:1000;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #2a2d27;background:rgba(9,13,13,.88);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px;letter-spacing:2px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:#0d0d0d;clip-path:polygon(15% 0,85% 0,100% 50%,86% 100%,14% 100%,0 50%);font-weight:900}.topbar nav{display:flex;gap:34px;font-size:12px;color:#a49b86}.topbar nav a:hover{color:var(--gold2)}.top-actions{display:flex;align-items:center;gap:16px}.x-link{font-size:12px;color:#b7ae9b}.pixel-btn{border:1px solid #756546;background:#121716;color:var(--ink);padding:14px 18px;font:700 12px/1 "Courier New",monospace;letter-spacing:1px;cursor:pointer;box-shadow:4px 4px 0 #000;transition:.12s;text-transform:uppercase}.pixel-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;border-color:var(--gold)}.pixel-btn.primary{background:var(--gold2);color:#15110a;border-color:#ffe0a5}.pixel-btn.ghost{display:inline-flex;align-items:center}.pixel-btn.small{padding:10px 12px}.pixel-btn.wide{width:100%;padding:17px}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw;padding:7vw 7vw 5vw;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-8vw;top:0;width:60vw;height:100%;background:url('assets/woof-bg.png') center/cover no-repeat;opacity:.11;mask-image:linear-gradient(90deg,transparent,#000 35%);z-index:-1}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;color:var(--gold)}.live-dot{display:inline-block;width:7px;height:7px;background:#71d279;margin-right:8px;box-shadow:0 0 10px #71d279;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.3}}h1{font-size:clamp(86px,14vw,210px);line-height:.75;margin:28px 0 36px;letter-spacing:-12px;text-shadow:7px 7px 0 #171b18;color:#f1e6c3}.hero-lead{max-width:680px;color:#c0b79f;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin:34px 0}.mini-terminal{margin-top:42px;border-left:2px solid var(--gold);padding:12px 0 12px 20px;color:#827866;font-size:12px;line-height:1.8}.mini-terminal span{display:inline-block;width:110px;color:#d3c49f}.mini-terminal b{color:var(--gold2)}.hero-art{justify-self:center;position:relative;width:min(520px,43vw);aspect-ratio:1;overflow:hidden;border:1px solid #31332b;background:#090d0d;box-shadow:18px 18px 0 #050606}.hero-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.hero-art:before,.hero-art:after{content:"";position:absolute;z-index:3;width:38px;height:38px;border-color:var(--gold)}.hero-art:before{left:12px;top:12px;border-left:2px solid;border-top:2px solid}.hero-art:after{right:12px;bottom:12px;border-right:2px solid;border-bottom:2px solid}.scanline{position:absolute;left:0;right:0;height:2px;background:rgba(255,220,140,.35);animation:scan 4s linear infinite}@keyframes scan{from{top:0}to{top:100%}}
.game-section,.agent-section,.protocol-section{padding:7vw 5vw}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-top h2,.protocol-section h2,.agent-copy h2{font-size:clamp(28px,4vw,54px);margin:8px 0 0;letter-spacing:-3px}.game-meta{display:flex;gap:24px;color:#7e7767;font-size:10px}.game-shell{position:relative;border:1px solid #38352a;background:#050808;box-shadow:12px 12px 0 #000;overflow:hidden;aspect-ratio:1440/650;min-height:420px}.game-shell canvas{display:block;width:100%;height:100%;image-rendering:pixelated;background:#080c0c}.game-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px rgba(0,0,0,.8)}.gate-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(700px,86%);display:grid;grid-template-columns:220px 1fr;gap:30px;padding:28px;border:1px solid #675939;background:rgba(10,14,14,.94);box-shadow:12px 12px 0 #000;z-index:5}.gate-card:before{content:"";position:absolute;inset:7px;border:1px dashed #3a3327;pointer-events:none}.gate-stock{width:100%;align-self:center;filter:drop-shadow(0 0 20px rgba(33,137,231,.25));image-rendering:auto}.gate-copy{position:relative;z-index:2}.gate-label{color:var(--gold);font-size:10px;letter-spacing:2px}.gate-copy h3{font-size:38px;line-height:.98;margin:14px 0 17px;letter-spacing:-2px}.gate-copy p{color:#a69d87;font-size:13px;line-height:1.6}.gate-status{font-size:10px;color:#8f856f;margin:14px 0 0}.gate-status.good{color:#7ee28c}.gate-status.bad{color:#ff8a6e}.gate-note{margin-top:10px;font-size:9px;color:#5e594e;line-height:1.5}.hud{position:absolute;z-index:3;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;color:#eee1b7;font-size:12px;text-shadow:2px 2px #000}.hidden{display:none!important}.game-message{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);background:#111715;border:1px solid var(--gold);padding:22px 30px;box-shadow:8px 8px #000;font-weight:900;letter-spacing:2px}.agent-section{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center}.agent-panel{border:1px solid #373329;background:#0a0f0e;padding:26px;min-height:420px;box-shadow:10px 10px #000}.section-top.compact{align-items:center}.status-chip{font-size:9px;padding:7px 9px;background:#1b2a1c;color:#78df88;border:1px solid #2d5532}.terminal-lines{margin-top:40px;color:#8d856f;font-size:12px;line-height:2.25}.terminal-lines p{border-bottom:1px solid #171c1a;margin:0}.terminal-lines i{font-style:normal;color:#4e5249;margin-right:15px}.terminal-lines b{color:var(--gold2)}.agent-copy p{color:#9d9581;line-height:1.8}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:26px}.stat-grid div{border:1px solid #312e26;padding:18px;background:#0d1110}.stat-grid span{display:block;font-size:9px;color:#696354;margin-bottom:8px}.stat-grid b{font-size:17px;color:#e8d7a9}.protocol-section{padding-top:4vw}.protocol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.protocol-grid article{min-height:220px;padding:24px;border:1px solid #302d25;background:#0d1110}.protocol-grid article>b{color:var(--orange);font-size:12px}.protocol-grid h3{font-size:20px;margin:55px 0 10px}.protocol-grid p{font-size:11px;line-height:1.7;color:#827a68}footer{display:flex;justify-content:space-between;padding:30px 5vw;border-top:1px solid #2a2822;color:#665f52;font-size:10px}
.boot-screen{position:fixed;inset:0;z-index:10000;background:#080b0b;display:grid;place-items:center;transition:opacity .6s,visibility .6s;background-image:linear-gradient(#111 1px,transparent 1px),linear-gradient(90deg,#111 1px,transparent 1px);background-size:26px 26px}.boot-screen.done{opacity:0;visibility:hidden}.boot-inner{width:min(520px,84vw);text-align:center}.boot-word{font-size:clamp(55px,10vw,100px);font-weight:900;letter-spacing:-7px;color:#f5e9c1;text-shadow:6px 6px #191c18}.blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.boot-line{margin-top:30px;font-size:11px;color:#93886f;height:18px}.boot-progress{height:12px;border:1px solid #504833;padding:2px;margin-top:18px}.boot-progress span{display:block;height:100%;width:0;background:var(--gold);transition:width .25s steps(5)}.boot-pct{font-size:9px;color:#615b4d;margin-top:8px}.boot-dog{height:90px;width:105px;margin:0 auto 16px;position:relative;filter:drop-shadow(5px 5px #000)}.boot-dog .head{position:absolute;left:17px;top:26px;width:72px;height:56px;background:#d49b4d;clip-path:polygon(9% 0,91% 0,100% 18%,100% 80%,82% 100%,18% 100%,0 80%,0 18%)}.boot-dog .ear{position:absolute;top:8px;width:25px;height:32px;background:#d49b4d}.boot-dog .e1{left:17px;clip-path:polygon(0 0,100% 100%,0 100%)}.boot-dog .e2{right:16px;clip-path:polygon(100% 0,100% 100%,0 100%)}.boot-dog .head i{position:absolute;top:20px;width:9px;height:13px;background:#111}.boot-dog .head i:first-child{left:18px}.boot-dog .head i:nth-child(2){right:18px}.boot-dog .head b{position:absolute;left:30px;top:31px;width:13px;height:9px;background:#0d0d0d}.boot-dog .head em{position:absolute;left:32px;top:40px;width:10px;height:11px;background:#e85b65}
@media(max-width:900px){.topbar nav{display:none}.x-link{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{width:78vw}.hero h1{letter-spacing:-7px}.gate-card{grid-template-columns:1fr;text-align:center}.gate-stock{width:110px;justify-self:center}.game-shell{min-height:560px;aspect-ratio:auto}.agent-section{grid-template-columns:1fr}.protocol-grid{grid-template-columns:1fr 1fr}.game-meta{display:none}}@media(max-width:600px){.protocol-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions>*{justify-content:center;text-align:center}.topbar{padding:0 18px}.game-section,.agent-section,.protocol-section{padding-left:18px;padding-right:18px}.gate-copy h3{font-size:30px}}