:root{--bg: #0a0a0a;--bg-panel: #0d0d0d;--bg-inset: #111;--text: #e5e5e5;--muted: #555;--muted2: #888;--cyan: #00d4ff;--green: #00ff95;--orange: #ff6b35;--purple: #a78bfa;--border: #222;--border-dim: #1a1a1a;--mono: "JetBrains Mono", "Fira Code", monospace;--sans: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body:before{content:"";position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan) 0%,var(--green) 38%,transparent 72%);z-index:200}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px;letter-spacing:.14em;position:sticky;top:0;background:#0a0a0af5;backdrop-filter:blur(8px);z-index:10}.site-title{color:var(--cyan);font-weight:700}.back-link{color:var(--muted);text-decoration:none;transition:color .15s;font-size:10px;letter-spacing:.1em}.back-link:hover{color:var(--text)}.site-content{max-width:960px;width:100%;margin:0 auto;padding:52px 28px 72px;flex:1}.section{padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--border-dim)}.section:last-child{border-bottom:none;margin-bottom:0}.panel-label{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin-bottom:28px;display:flex;align-items:center;gap:14px}.panel-label:after{content:"";display:block;height:1px;flex:1;background:var(--border-dim)}.hero-title{font-family:var(--mono);font-size:clamp(22px,3.6vw,34px);font-weight:700;line-height:1.2;letter-spacing:.02em;color:var(--text);margin-bottom:30px}.hero-accent{color:var(--cyan)}.intro-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}.intro-body{font-size:13px;color:var(--muted2);line-height:1.8}.games-stack{display:flex;flex-direction:column;gap:14px}.game-card{border:1px solid var(--border);padding:26px 28px;transition:border-color .2s}.game-card.available{border-left:2px solid var(--green);background:linear-gradient(160deg,rgba(0,255,149,.025) 0%,transparent 40%)}.game-card.available:hover{border-color:#00ff9538;border-left-color:var(--green)}.game-card.coming{border-left:2px solid rgba(167,139,250,.5);background:var(--bg-panel)}.game-card.coming:hover{border-color:#a78bfa33;border-left-color:var(--purple)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.card-badge{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.card-badge.green{color:var(--green)}.card-badge.purple{color:var(--purple)}.card-title{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--text);letter-spacing:.04em;margin-bottom:3px}.card-sub{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.06em}.card-version{font-family:var(--mono);font-size:10px;color:var(--green);border:1px solid rgba(0,255,149,.25);padding:3px 10px;letter-spacing:.12em;flex-shrink:0;margin-top:4px;align-self:flex-start}.card-desc{font-size:13px;color:var(--muted2);line-height:1.8;margin-bottom:24px;max-width:700px}.game-card.coming .card-desc{margin-bottom:10px}.card-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);margin-bottom:24px}.stat{display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-right:1px solid var(--border)}.stat:last-child{border-right:none}.stat-val{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--cyan);line-height:1;letter-spacing:.04em}.stat-lbl{font-family:var(--mono);font-size:8px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-top:6px}.card-block-label{font-family:var(--mono);font-size:8px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.card-concepts{margin-bottom:22px}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--muted2);border:1px solid var(--border);padding:4px 10px;text-transform:uppercase;cursor:default;transition:border-color .15s,color .15s}.tag:hover{border-color:#00d4ff59;color:var(--cyan)}.card-links{margin-bottom:24px}.card-links ul{list-style:none}.card-links li{padding:3px 0;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--muted)}.card-links li:before{content:"→";color:var(--muted)}.card-links a{color:var(--muted);text-decoration:none;transition:color .12s;letter-spacing:.04em}.card-links a:hover{color:var(--cyan)}.card-cta{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--cyan);border:1px solid rgba(0,212,255,.6);background:#00d4ff0a;padding:12px 28px;text-decoration:none;transition:background .15s,box-shadow .15s,border-color .15s}.card-cta:hover{background:#00d4ff17;border-color:var(--cyan);box-shadow:0 0 20px #00d4ff1f}.card-when{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:12px;letter-spacing:.08em}.coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.links-list{display:flex;flex-direction:column}.link-row{display:flex;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid var(--border-dim);font-family:var(--mono);font-size:11px}.link-row:last-child{border-bottom:none}.link-label{color:var(--muted);width:200px;flex-shrink:0;letter-spacing:.08em}.link-url{color:var(--muted2);text-decoration:none;transition:color .12s;letter-spacing:.04em}.link-url:hover{color:var(--cyan)}.site-footer{border-top:1px solid var(--border-dim);padding:16px 28px;font-family:var(--mono);font-size:10px;color:var(--muted);text-align:center;letter-spacing:.1em}@media(max-width:640px){.coming-grid,.intro-cols{grid-template-columns:1fr}.card-stats{grid-template-columns:repeat(2,1fr)}.card-stats .stat:nth-child(2){border-right:none}.card-stats .stat:nth-child(3){border-top:1px solid var(--border)}.card-stats .stat:nth-child(4){border-top:1px solid var(--border)}.link-label{width:140px}.site-content{padding:32px 18px 48px}.site-header{padding:14px 18px}.hero-title{font-size:22px}.card-top{flex-direction:column;gap:8px}}