:root{color-scheme:dark;--bg: #0d1117;--panel: #161b22;--accent: #3fb950;--water: #1f6feb;--road: #30363d;--text: #e6edf3;--muted: #8b949e;font-family:Space Grotesk,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem}.app{width:100%;max-width:720px;display:flex;flex-direction:column;gap:1rem}.header h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--accent)}.tagline{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}.meta{display:flex;flex-wrap:wrap;gap:1.25rem;margin:1rem 0 0;padding:.75rem 1rem;background:var(--panel);border-radius:8px;border:1px solid #30363d}.meta div{display:grid;gap:.15rem}.meta dt{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.meta dd{margin:0;font-size:.85rem;font-variant-numeric:tabular-nums}.footer{margin:0;font-size:.8rem;color:var(--muted);text-align:center}.game-wrap{position:relative;border-radius:12px;overflow:hidden;border:2px solid #30363d;box-shadow:0 12px 40px #00000073}.hud{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--panel);font-size:.9rem;font-weight:600;color:var(--text)}.hud-controls{font-size:.72rem;font-weight:400;color:var(--muted)}.game-canvas{display:block;width:100%;height:auto}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;top:2.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#0d1117d1;font-size:1.25rem;font-weight:600}.overlay.win{color:var(--accent)}.overlay.lose{color:#f85149}.overlay .hint{margin:0;font-size:.85rem;font-weight:400;color:var(--muted)}.pipeline{width:100%;border:1px solid #30363d;border-radius:12px;background:var(--panel);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.pipeline-title{margin:0;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.pipeline-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.pipeline-step{display:flex;align-items:baseline;gap:.75rem;padding:.55rem 0;border-bottom:1px solid #21262d}.pipeline-step:last-child{border-bottom:none}.step-num{font-size:.7rem;font-weight:700;color:var(--accent);width:1rem;flex-shrink:0}.step-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;flex:1}.step-body strong{font-size:.85rem;color:var(--text)}.step-detail{font-size:.75rem;color:var(--muted);word-break:break-all}.step-link{font-size:.75rem;color:var(--accent);text-decoration:none;white-space:nowrap}.step-link:hover{text-decoration:underline}