@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap');
:root{--cyan:#00f6ff;--pink:#ff2a9f;--acid:#d7ff00;--bg:#04050a;--panel:rgba(8,12,23,.9);--muted:#7c829e}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--bg);color:#eefcff}body{font-family:"Rajdhani","Microsoft YaHei",sans-serif;background-image:radial-gradient(circle at 15% 15%,rgba(0,246,255,.1),transparent 30%),radial-gradient(circle at 85% 75%,rgba(255,42,159,.09),transparent 32%),linear-gradient(rgba(0,246,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,246,255,.025) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}
button,a{font:inherit}.wrap{width:min(1100px,calc(100% - 32px));margin:auto;padding:28px 0 44px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8vh;color:var(--muted);font:11px "Share Tech Mono",monospace;letter-spacing:.13em}.brand{color:#fff;font-weight:700}.brand:before{content:"◇";color:var(--cyan);margin-right:10px;text-shadow:0 0 12px var(--cyan)}.status{color:var(--acid)}
.back{color:var(--muted);text-decoration:none}.back:hover,.back:focus-visible{color:var(--cyan);outline:none}.eyebrow{color:var(--cyan);font:11px "Share Tech Mono",monospace;letter-spacing:.25em}.title{margin:12px 0 18px;font-size:clamp(45px,8vw,88px);line-height:.9;letter-spacing:-.035em;text-transform:uppercase;text-shadow:3px 3px 0 rgba(255,42,159,.45)}.intro{max-width:650px;color:#9ba4be;line-height:1.7;letter-spacing:.05em}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px}.card{position:relative;min-height:250px;padding:24px;border:1px solid rgba(0,246,255,.22);background:linear-gradient(145deg,var(--panel),rgba(7,8,15,.72));clip-path:polygon(0 15px,15px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);transition:.22s ease}.card:hover{transform:translateY(-6px);border-color:var(--cyan);box-shadow:0 14px 40px rgba(0,246,255,.09)}.code{color:var(--pink);font:10px "Share Tech Mono",monospace;letter-spacing:.18em}.card h2{margin:34px 0 10px;font-size:28px;letter-spacing:.08em}.card p{color:#8992aa;line-height:1.55}.launch{position:absolute;left:24px;bottom:24px;color:var(--cyan);font:11px "Share Tech Mono",monospace;letter-spacing:.15em;text-decoration:none}.launch:after{content:" →"}.launch:hover{color:#fff}
.game-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;width:min(1000px,calc(100% - 28px));margin:auto;padding:22px 0}.game-shell .topbar{margin-bottom:18px}.game-area{display:grid;place-items:center;min-height:0}.game-panel{width:min(680px,100%);padding:22px;border:1px solid rgba(0,246,255,.25);background:var(--panel);box-shadow:0 0 50px rgba(0,246,255,.06)}.hud{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px;color:var(--muted);font:11px "Share Tech Mono",monospace;letter-spacing:.12em}.hud b{color:var(--acid);font-weight:400}.controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;color:var(--muted);font:10px "Share Tech Mono",monospace;letter-spacing:.08em;text-align:center}.btn{border:1px solid var(--cyan);background:rgba(0,246,255,.08);color:var(--cyan);padding:9px 14px;cursor:pointer;font:11px "Share Tech Mono",monospace;letter-spacing:.1em}.btn:hover,.btn:focus-visible{background:var(--cyan);color:#041014;outline:none}.game-footer{padding:18px 0;color:#59627a;font:9px "Share Tech Mono",monospace;letter-spacing:.15em;text-align:center}
canvas.game{display:block;width:min(100%,600px);height:auto;margin:auto;background:#02040a;border:1px solid rgba(255,255,255,.08);touch-action:none}.overlay{position:relative}.message{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:rgba(2,4,10,.74);font:14px "Share Tech Mono",monospace;letter-spacing:.12em;color:#fff;cursor:pointer}.message.hidden{display:none}.message small{display:block;margin-top:10px;color:var(--cyan);font-size:10px}
@media(max-width:760px){.cards{grid-template-columns:1fr}.topbar{margin-bottom:45px}.cards{margin-top:35px}.game-panel{padding:14px}.hud{font-size:9px}.title{font-size:50px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}