:root{
  --ink:#071521;
  --paper:#f3eddb;
  --red:#ff3828;
  --yellow:#ffd62e;
  --blue:#2258d8;
  --teal:#17b6b3;
  --orange:#ff9019;
  --purple:#7349c7;
  --mint:#bfe8bf;
  --shadow:10px 12px 0 rgba(7,21,33,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;overflow-x:hidden;cursor:crosshair}
a{color:inherit;text-decoration:none} button,input{font:inherit}
body::selection{background:var(--yellow);color:var(--ink)}
.bg-grid{position:fixed;inset:0;z-index:-4;background:
 linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
 radial-gradient(circle at 15% 15%,rgba(23,182,179,.25),transparent 28%),
 radial-gradient(circle at 83% 8%,rgba(115,73,199,.22),transparent 26%),
 linear-gradient(145deg,#061522,#0c2836 50%,#071521);background-size:36px 36px,36px 36px,auto,auto,auto}
.bg-rays{position:fixed;inset:0;z-index:-3;overflow:hidden;opacity:.9;pointer-events:none}
.bg-rays span{position:absolute;width:42vw;height:80vh;clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:50% 0;mix-blend-mode:screen;filter:saturate(1.2);animation:floatRay 14s ease-in-out infinite alternate}
.bg-rays span:nth-child(1){left:-10vw;top:-10vh;background:rgba(34,88,216,.27);transform:rotate(24deg)}
.bg-rays span:nth-child(2){left:16vw;top:-26vh;background:rgba(255,214,46,.16);transform:rotate(-8deg);animation-delay:-4s}
.bg-rays span:nth-child(3){left:42vw;top:-18vh;background:rgba(23,182,179,.22);transform:rotate(18deg);animation-delay:-8s}
.bg-rays span:nth-child(4){right:-8vw;top:-20vh;background:rgba(255,56,40,.17);transform:rotate(-20deg);animation-delay:-2s}
.bg-rays span:nth-child(5){right:17vw;bottom:-55vh;background:rgba(115,73,199,.18);transform:rotate(176deg);animation-delay:-7s}
.bg-rays span:nth-child(6){left:8vw;bottom:-58vh;background:rgba(255,144,25,.14);transform:rotate(188deg);animation-delay:-5s}
@keyframes floatRay{to{translate:5vw 4vh;scale:1.08;rotate:5deg}}
.cursor-orbit{position:fixed;width:36px;height:36px;border:2px solid rgba(255,214,46,.65);border-radius:50%;pointer-events:none;z-index:9999;translate:-50% -50%;transition:width .15s,height .15s,border-color .15s;mix-blend-mode:difference}
.boot-screen{position:fixed;inset:0;z-index:99999;background:#061019;color:var(--paper);display:grid;place-content:center;text-align:center;transition:opacity .7s ease,visibility .7s ease}
.boot-screen.done{opacity:0;visibility:hidden}
.boot-logo{font:900 clamp(44px,8vw,110px)/.9 Arial Black,sans-serif;letter-spacing:-5px}.boot-logo span{color:var(--yellow)}
.boot-line{width:min(520px,76vw);height:18px;border:3px solid var(--paper);margin:28px auto 12px;padding:3px}.boot-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--yellow),var(--red));animation:boot 1.35s forwards}@keyframes boot{to{width:100%}}
.boot-screen p{font-family:monospace;opacity:.75}
.taskbar{position:sticky;top:0;z-index:500;height:58px;background:rgba(243,237,219,.95);backdrop-filter:blur(12px);border-bottom:4px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,3vw,42px);gap:18px}
.brand{font:900 18px/1 Arial Black,sans-serif;display:flex;align-items:center;gap:8px}.brand-mark{width:18px;height:18px;background:conic-gradient(var(--yellow) 0 25%,var(--red) 0 50%,var(--teal) 0 75%,var(--blue) 0);border:3px solid var(--ink);display:inline-block;rotate:18deg}
.tasknav{display:flex;gap:clamp(10px,2.3vw,34px);font:800 12px/1 monospace}.tasknav a{position:relative}.tasknav a::after{content:"";position:absolute;height:3px;left:0;right:100%;bottom:-8px;background:var(--red);transition:.2s}.tasknav a:hover::after{right:0}
.task-status{display:flex;align-items:center;gap:7px;font:700 11px/1 monospace;white-space:nowrap}.online-dot{width:9px;height:9px;border-radius:50%;background:#3be678;box-shadow:0 0 0 3px rgba(59,230,120,.16)}
.desktop{width:min(1380px,94vw);margin:38px auto 100px;display:grid;gap:38px}
.window{background:var(--paper);border:5px solid var(--ink);box-shadow:var(--shadow);overflow:hidden;position:relative}.titlebar{height:42px;border-bottom:4px solid var(--ink);background:var(--yellow);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:900 12px/1 monospace;letter-spacing:.06em}.win-actions{display:flex;gap:8px}.win-actions i{width:13px;height:13px;border:2px solid var(--ink);background:var(--paper)}.win-actions i:nth-child(1){background:var(--teal)}.win-actions i:nth-child(2){background:var(--yellow)}.win-actions i:nth-child(3){background:var(--red)}
.pop-in{opacity:0;transform:translateY(38px) scale(.985);transition:.65s cubic-bezier(.2,.7,.1,1)}.pop-in.visible{opacity:1;transform:none}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:650px}.hero-copy{padding:clamp(28px,5vw,78px);display:flex;flex-direction:column;justify-content:center;background:
 linear-gradient(135deg,transparent 0 72%,rgba(34,88,216,.12) 72% 100%),var(--paper)}
.eyebrow{font:900 12px/1.4 monospace;letter-spacing:.14em;background:var(--ink);color:var(--paper);padding:8px 10px;display:inline-block;width:max-content;max-width:100%;transform:rotate(-1deg)}
h1,h2,h3,p{margin-top:0}h1{font:900 clamp(68px,10vw,150px)/.72 Arial Black,sans-serif;letter-spacing:-.08em;margin:34px 0 30px}h1 em{display:block;font-style:normal;color:var(--red);text-shadow:5px 5px 0 var(--ink);-webkit-text-stroke:3px var(--ink)}
h2{font:900 clamp(44px,6vw,84px)/.9 Arial Black,sans-serif;letter-spacing:-.055em;margin:18px 0 24px}.hero-lead{font-size:clamp(17px,1.7vw,25px);line-height:1.45;max-width:750px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:4px solid var(--ink);background:var(--paper);font:900 12px/1 monospace;box-shadow:5px 5px 0 var(--ink);transition:.15s;cursor:pointer}.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink);background:var(--yellow)}.btn.primary{background:var(--red);color:#fff}.btn.small{min-height:40px;padding:0 14px;box-shadow:4px 4px 0 var(--ink)}
.ca-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:4px solid var(--ink);margin-top:28px;background:#fff;min-height:58px}.ca-label{align-self:stretch;display:grid;place-items:center;background:var(--teal);border-right:4px solid var(--ink);padding:0 16px;font:900 14px monospace}.ca-box code{padding:0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.ca-box button{align-self:stretch;border:0;border-left:4px solid var(--ink);background:var(--yellow);font:900 12px monospace;padding:0 18px;cursor:pointer}.tiny-status{margin-top:24px;font:700 10px/1.7 monospace;display:flex;gap:10px;flex-wrap:wrap}.tiny-status span{color:var(--blue)}
.hero-art-wrap{position:relative;min-height:580px;display:grid;place-items:center;background:linear-gradient(155deg,var(--teal) 0 23%,var(--blue) 23% 50%,var(--yellow) 50% 73%,var(--red) 73%);overflow:hidden}.hero-art-wrap::before,.hero-art-wrap::after{content:"";position:absolute;border:2px solid rgba(243,237,219,.45);width:140%;height:140%;rotate:35deg}.hero-art-wrap::after{rotate:-24deg}.hero-art-frame{width:min(78%,520px);aspect-ratio:1;border:6px solid var(--ink);background:var(--paper);box-shadow:16px 16px 0 rgba(7,21,33,.55);position:relative;overflow:hidden;z-index:2;transform:rotate(2deg)}.hero-art{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.hero-art-frame:hover .hero-art{transform:scale(1.06) rotate(-1deg)}.scanline{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,transparent 0 48%,rgba(255,255,255,.22) 50%,transparent 52%);background-size:100% 10px;mix-blend-mode:overlay;opacity:.5}.float-chip{position:absolute;z-index:5;border:3px solid var(--ink);background:var(--paper);padding:8px 10px;font:900 10px monospace;box-shadow:4px 4px 0 var(--ink);animation:chipFloat 3.2s ease-in-out infinite}.chip-a{left:5%;top:12%;background:var(--yellow)}.chip-b{right:4%;bottom:18%;background:var(--red);color:#fff;animation-delay:-1.1s}.chip-c{left:9%;bottom:7%;background:var(--teal);animation-delay:-2.2s}@keyframes chipFloat{50%{transform:translateY(-12px) rotate(2deg)}}
.story-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;padding:clamp(32px,5vw,70px)}.terminal-prefix{font:800 12px monospace;color:var(--blue)}.story h2 span,.final-cta h2 span{color:var(--red);text-shadow:4px 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}.story p{font-size:18px;line-height:1.55}.story-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}.story-stats article{min-height:160px;border:4px solid var(--ink);padding:20px;background:#fff;box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.story-stats article:hover{transform:translate(-3px,-4px) rotate(-1deg)}.story-stats article:nth-child(2){background:var(--yellow)}.story-stats article:nth-child(3){background:var(--teal)}.story-stats article:nth-child(4){background:var(--red);color:white}.story-stats b{font:900 42px Arial Black,sans-serif}.story-stats span{font-weight:900}
.section-head{padding:42px 42px 16px}.roadmap-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 42px 58px}.phase{position:relative;border:4px solid var(--ink);padding:24px;min-height:260px;background:#fff;margin-left:-4px}.phase:first-child{margin-left:0}.phase::before{content:"";position:absolute;top:-14px;left:24px;width:20px;height:20px;background:var(--paper);border:4px solid var(--ink);rotate:45deg}.phase.active{background:var(--yellow)}.phase:nth-child(2){background:#e7f3f3}.phase:nth-child(3){background:#e7edff}.phase:nth-child(4){background:#ffe5df}.phase span{font:900 11px monospace}.phase h3{font:900 34px Arial Black,sans-serif;margin:36px 0 18px}.phase p{font-size:15px;line-height:1.5;margin:0}
.chart-head,.game-top,.cta-inner{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:36px 42px 18px}.chart-shell{margin:0 42px 50px;border:5px solid var(--ink);height:560px;background:#061019;position:relative;overflow:hidden}.chart-shell iframe{width:100%;height:100%;border:0;display:none}.chart-placeholder{position:absolute;inset:0;color:var(--paper);display:grid;place-content:center;text-align:center;padding:30px;background:radial-gradient(circle at 50% 40%,#183c49,#061019 68%)}.chart-placeholder::before{content:"";position:absolute;inset:10%;background:repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 58px)}.chart-placeholder b,.chart-placeholder p{position:relative;z-index:1}.chart-placeholder b{font:900 clamp(22px,3vw,44px) Arial Black,sans-serif;color:var(--yellow)}.chart-placeholder code{color:var(--teal)}
.game-top{align-items:center}.game-hud{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.game-hud span{border:4px solid var(--ink);padding:10px 12px;background:#fff;font:900 11px monospace}.game-stage{height:520px;margin:0 42px 22px;border:5px solid var(--ink);background:linear-gradient(145deg,#0b2434,#0e1b31);position:relative;overflow:hidden;isolation:isolate}.game-grid-lines{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;transform:perspective(600px) rotateX(58deg) scale(1.5);transform-origin:50% 100%;opacity:.6}.game-message{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-2deg);z-index:6;color:var(--paper);font:900 clamp(18px,3vw,34px) Arial Black,sans-serif;text-align:center;background:var(--ink);border:3px solid var(--paper);padding:10px 16px;box-shadow:7px 7px 0 var(--red)}.player{position:absolute;z-index:5;left:3%;bottom:-2%;height:64%;max-width:45%;object-fit:contain;filter:drop-shadow(12px 14px 0 rgba(0,0,0,.35));transform-origin:50% 80%;transition:transform .16s cubic-bezier(.1,.8,.2,1)}.player.attack{transform:translate(115px,-18px) rotate(12deg) scale(1.08)}.enemy{position:absolute;z-index:4;width:76px;height:76px;border:5px solid var(--ink);background:var(--red);box-shadow:7px 7px 0 rgba(0,0,0,.35);cursor:crosshair;animation:enemyPulse .8s steps(2,end) infinite}.enemy.circle{border-radius:50%;background:var(--yellow)}.enemy.triangle{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--teal);border:0;outline:5px solid var(--ink)}.enemy.diamond{rotate:45deg;background:var(--purple)}@keyframes enemyPulse{50%{scale:1.08}}.impact{position:absolute;z-index:8;display:none;font:900 54px Arial Black,sans-serif;color:var(--yellow);-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px 0 var(--red);pointer-events:none}.impact.show{display:block;animation:impact .35s ease-out forwards}@keyframes impact{from{scale:.4;rotate:-20deg}to{scale:1.3;rotate:8deg;opacity:0}}.particle{position:absolute;width:18px;height:18px;background:var(--yellow);border:3px solid var(--ink);z-index:7;pointer-events:none;animation:burst .5s ease-out forwards}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) rotate(220deg) scale(.2);opacity:0}}.game-note{padding:0 42px 38px;font:700 12px/1.5 monospace;color:#41515b}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:18px 42px 54px}.gallery figure{margin:0;border:5px solid var(--ink);background:#fff;box-shadow:8px 8px 0 var(--ink);transition:transform .18s}.gallery figure:nth-child(2){transform:translateY(18px) rotate(-1deg)}.gallery figure:nth-child(3){transform:rotate(1deg)}.gallery figure:hover{z-index:3}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-bottom:5px solid var(--ink)}.gallery figcaption{padding:12px 14px;font:900 11px monospace;background:var(--yellow)}
.final-cta .cta-inner{padding:48px 42px;align-items:center;background:linear-gradient(120deg,var(--paper) 0 70%,var(--teal) 70%)}.final-cta h2{margin-bottom:0}
footer{width:min(1380px,94vw);margin:0 auto 50px;color:var(--paper);display:flex;justify-content:space-between;gap:20px;font:700 11px monospace;opacity:.75}
[data-tilt]{transform-style:preserve-3d;will-change:transform}
@media (max-width:980px){.tasknav{display:none}.hero-grid,.story-layout{grid-template-columns:1fr}.hero-art-wrap{min-height:500px}.roadmap-track{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.gallery figure:nth-child(2),.gallery figure:nth-child(3){transform:none}.chart-head,.game-top,.cta-inner{align-items:flex-start;flex-direction:column}.player{height:48%;max-width:54%}.game-stage{height:460px}}
@media (max-width:640px){.desktop{width:96vw;margin-top:18px;gap:20px}.window{border-width:4px;box-shadow:6px 7px 0 rgba(7,21,33,.3)}.taskbar{height:52px}.task-status{font-size:9px}.hero-copy{padding:28px 20px}.hero-grid{min-height:0}.hero-art-wrap{min-height:390px}.hero-art-frame{width:84%}h1{font-size:66px}.story-layout,.section-head,.chart-head,.game-top,.cta-inner{padding-left:20px;padding-right:20px}.story-stats{grid-template-columns:1fr}.roadmap-track{grid-template-columns:1fr;padding:10px 20px 38px}.phase{margin:-4px 0 0}.chart-shell,.game-stage{margin-left:20px;margin-right:20px}.game-note{padding-left:20px;padding-right:20px}.gallery-grid{padding-left:20px;padding-right:20px}.ca-box{grid-template-columns:auto 1fr}.ca-box button{grid-column:1/-1;border-left:0;border-top:4px solid var(--ink);height:44px}.player{height:42%;left:-4%;max-width:60%}.cursor-orbit{display:none}footer{flex-direction:column}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}.cursor-orbit{display:none}}