 :root{color-scheme:dark;--bg:#090a08;--ink:#f2f3e9;--muted:#a5a89b;--yellow:#f2ff52;--line:#2a2d22}\*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#c8db5410 1px,transparent 1px),linear-gradient(90deg,#c8db5410 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-1}a{color:inherit}a:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}.wrap{max-width:1120px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line);font:13px 'Courier New',monospace;letter-spacing:.08em}.brand{text-decoration:none;color:var(--yellow);font-weight:bold}.brand span{color:var(--muted);padding-right:12px}nav a{text-decoration:none;color:var(--muted)}nav a:hover{color:var(--yellow)}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center;padding:96px 0 88px}.eyebrow{font:12px 'Courier New',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:7px;height:7px;background:var(--yellow)}h1{font-size:clamp(46px,6.5vw,80px);line-height:1.02;letter-spacing:-.055em;margin:25px 0 26px;font-weight:700}h1 span{color:var(--yellow)}.intro{color:var(--muted);font-size:18px;line-height:1.65;max-width:460px;margin:0 0 32px}.button{display:inline-flex;gap:30px;align-items:center;border:1px solid var(--yellow);padding:15px 20px;color:var(--yellow);font:13px 'Courier New',monospace;text-decoration:none;transition:background .15s,color .15s}.button:hover{background:var(--yellow);color:var(--bg)}.emblem{position:relative;display:flex;justify-content:center;align-items:center;min-height:350px;background:radial-gradient(ellipse,#bccc1014,transparent 65%)}.emblem img{width:230px;height:auto;image-rendering:pixelated}.corner{position:absolute;width:18px;height:18px;border-color:#515637;border-style:solid}.tl{top:0;left:0;border-width:1px 0 0 1px}.tr{top:0;right:0;border-width:1px 1px 0 0}.bl{bottom:0;left:0;border-width:0 0 1px 1px}.br{bottom:0;right:0;border-width:0 1px 1px 0}.caption{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:var(--muted);font:10px 'Courier New',monospace;letter-spacing:.15em}.status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;gap:18px;font:12px 'Courier New',monospace;color:var(--muted)}.status b{font-weight:normal;color:var(--yellow)}section{padding:68px 0 80px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:30px}h2{font-size:30px;letter-spacing:-.04em;margin:0}.section-head p{font:11px 'Courier New',monospace;letter-spacing:.1em;color:var(--muted);margin:0}.roster{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.roster li{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:23px 0;font:19px 'Courier New',monospace}.roster li:nth-child(odd){padding-right:24px}.roster li:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}.number{font-size:11px;color:#777e61}.at{color:var(--yellow);font-size:15px;margin-left:auto;padding-right:20px}footer{border-top:1px solid var(--line);padding:25px 0 36px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:11px 'Courier New',monospace}footer span:last-child{color:var(--yellow)}@media(max-width:700px){.wrap{padding:0 22px}header{padding:24px 0}.hero{grid-template-columns:1fr;padding:55px 0 40px;gap:40px}h1{font-size:56px}.emblem{min-height:300px;max-width:340px;width:100%;margin:auto}.emblem img{width:180px}.status{flex-wrap:wrap;font-size:11px}section{padding:45px 0 50px}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.roster{grid-template-columns:1fr}.roster li:nth-child(even){border-left:0;padding-left:0}.roster li:nth-child(odd){padding-right:0}footer{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}} 
/* New game CTA and spectator display */
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button.primary{background:var(--yellow);color:var(--bg);font-weight:bold;cursor:pointer}.button.primary:hover{background:#fff;color:#090a08}.button:focus-visible{outline:2px solid #fff;outline-offset:4px}.live-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,2.2fr);gap:28px}.live-panel{border:1px solid var(--line);padding:20px;background:#0e100c}.live-status{display:flex;gap:8px;align-items:center;font:12px 'Courier New',monospace;color:var(--muted);margin-bottom:18px}.dot{width:8px;height:8px;border-radius:50%;background:#777}.dot.online{background:var(--yellow);box-shadow:0 0 10px #f2ff5255}.online-players{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.online-players button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px;width:100%;text-align:left;cursor:pointer;font:14px 'Courier New',monospace}.online-players button.active,.online-players button:hover{border-color:var(--yellow);color:var(--yellow)}.terminal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.terminal-box{background:#020402;border:1px solid #303829;min-height:330px;padding:12px;overflow:auto}.terminal-box #terminal{min-height:300px}.terminal-fallback{font:12px/1.5 'Courier New',monospace;color:#b4c18e;white-space:pre-wrap}.subtle{color:var(--muted);font:12px 'Courier New',monospace;line-height:1.6}.mini-button{background:transparent;border:1px solid var(--yellow);color:var(--yellow);font:12px 'Courier New',monospace;padding:8px 11px;cursor:pointer}.mini-button:hover{background:var(--yellow);color:var(--bg)}@media(max-width:800px){.live-grid{grid-template-columns:1fr}.terminal-box{min-height:280px}}

.ascension-info{display:flex;flex-direction:column;justify-content:center;gap:7px;border:1px solid var(--yellow);padding:15px 20px;font:13px 'Courier New',monospace;color:var(--yellow)}.ascension-info code{font:inherit;color:var(--ink);user-select:all}
