:root{--bg: #0a0e17;--panel: #131a28;--ink: #f2f5fa;--muted: #8892b0;--green: #2e9e63;--purple: #7c3aed;--line: #24304a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%}#stage{position:relative;width:min(100vw,calc(100dvh * 16 / 9),1067px);aspect-ratio:16 / 9}#game-container{width:100%;height:100%;line-height:0}#game-container canvas{display:block;width:100%!important;height:100%!important}#hud{position:absolute;top:14px;left:14px;transform:scale(var(--stage-scale, 1));transform-origin:top left;padding:11px 13px 9px;background:#0a0e17d1;border:2px solid #24304a;box-shadow:0 0 0 2px #0a0e17d1;pointer-events:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}#hud-bars{display:flex;flex-direction:column;gap:6px}.hud-heading{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#5b6478;margin:2px 0 1px;padding-bottom:3px;border-bottom:1px solid #1c2538}.hud-heading:not(:first-child){margin-top:9px}.hud-row{display:flex;align-items:center;gap:10px}.hud-gear{width:22px;line-height:0;opacity:0;transform:scale(.6);transition:opacity .26s,transform .26s}.hud-gear canvas{image-rendering:pixelated;display:block;filter:drop-shadow(0 0 5px var(--dim))}.hud-gear.active{opacity:1;transform:scale(1)}.hud-gear.pop{animation:gear-pop .7s ease-out}@keyframes gear-pop{0%{transform:scale(.6)}35%{transform:scale(1.9)}to{transform:scale(1)}}.bonus{margin:-4px 0 16px;font-family:ui-monospace,Menlo,monospace;font-size:15px;color:#fde047}.bonus[hidden]{display:none!important}#touch-controls{position:fixed;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));z-index:30;display:flex;justify-content:space-between;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right));pointer-events:none}#touch-controls[hidden]{display:none!important}body:has(.overlay:not([hidden])) #touch-controls{display:none}.touch-cluster{display:flex;gap:12px;pointer-events:auto}#touch-controls button{width:68px;height:68px;font-size:24px;color:var(--ink);background:#131a28b8;border:2px solid rgba(255,255,255,.22);border-radius:50%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#touch-controls button.pressed{background:#7c3aedbf;border-color:var(--purple);transform:scale(.94)}#touch-down{opacity:.25;transition:opacity .18s}#touch-down.available{opacity:1;border-color:var(--green);color:#8ef0ad}#rotate-hint{position:fixed;left:50%;top:max(14px,env(safe-area-inset-top));transform:translate(-50%);z-index:25;font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.1em;padding:6px 10px;color:#aab6cd;background:#0a0e17d9;border:1px solid #24304a;white-space:nowrap}#rotate-overlay{position:fixed;inset:0;z-index:60;align-items:center;justify-content:center;padding:28px;background:#060910f5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rotate-inner{max-width:340px;text-align:center}.rotate-icon{width:118px;height:118px;color:var(--purple);margin-bottom:8px}.rotate-phone{transform-origin:60px 50px;animation:rotate-tip 2.6s ease-in-out infinite}@keyframes rotate-tip{0%,30%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none}}.rotate-inner h2{margin:0 0 10px;font-size:24px}.rotate-inner p{margin:0 0 26px;font-size:14px;line-height:1.6;color:var(--muted)}#rotate-dismiss{font:inherit;font-size:14px;padding:13px 18px;border-radius:7px;border:1px solid var(--line);background:#ffffff0d;color:var(--muted);cursor:pointer}#rotate-dismiss:hover{color:var(--ink)}#rotate-hint,#rotate-overlay{display:none}@media(pointer:coarse)and (orientation:portrait){body.playing #rotate-overlay{display:flex}body.playing.rotate-dismissed #rotate-overlay{display:none}body.playing.rotate-dismissed #rotate-hint{display:block}}@media(pointer:coarse){.choice{padding:16px;font-size:15px}#lead-form input,#lead-form button,#howto-start{padding:15px 16px;font-size:16px}}@media(pointer:coarse),(max-width:820px){.overlay .panel{padding:20px 18px;border-radius:8px}.overlay .panel h1{font-size:23px}.overlay .panel h2{font-size:17px}.panel .tagline{font-size:13px;margin-bottom:18px}.hint,.howto-row:nth-child(n+3){display:none}.howto .keys{width:auto;min-width:0;flex-shrink:0}.howto-row{gap:10px}.howto-text{flex:1}}@media(max-height:460px){.overlay .panel{padding:14px 16px}.overlay .panel h1{font-size:20px;margin-bottom:6px}.panel .tagline{margin-bottom:12px}.choices{gap:6px}.panel .howto-figure{padding:6px 12px;margin-bottom:12px;gap:12px}.panel .howto-figure svg{width:60px;height:34px}.panel .howto{gap:8px;margin-bottom:14px}#touch-controls button{width:58px;height:58px}}#next-steps[hidden]{display:none!important}#next-steps h2{margin:24px 0 14px;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cta-primary{display:block;padding:18px 20px;border-radius:8px;background:var(--purple);color:#fff;font-size:17px;font-weight:600;text-decoration:none;text-align:center}.cta-primary span{display:block;margin-top:5px;font-size:13px;font-weight:400;opacity:.85}.cta-primary:hover{background:#6d28d9}.cta-secondary{display:block;margin-top:14px;text-align:center;font-size:13px;color:var(--muted);text-decoration:none}.cta-secondary:hover{color:var(--ink);text-decoration:underline}.hud-label{width:142px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#aab6cd}.hud-track{display:flex;gap:5px;align-items:center}.coin-slot{display:block;line-height:0;opacity:.16;filter:grayscale(1);transition:opacity .2s,filter .2s,transform .2s}.coin-slot canvas{image-rendering:pixelated;display:block}.coin-slot.earned{opacity:1;filter:none}.coin-slot.landed{transform:scale(1.55)}.coin-flier{position:fixed;z-index:50;line-height:0;pointer-events:none;transition:transform .6s cubic-bezier(.4,0,.3,1),opacity .6s ease-in}.coin-flier canvas{image-rendering:pixelated;display:block}#sound-toggle{position:absolute;top:14px;right:14px;transform:scale(var(--stage-scale, 1));transform-origin:top right;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;letter-spacing:.12em;padding:7px 10px;color:#aab6cd;background:#0a0e17d1;border:2px solid #24304a;cursor:pointer}#sound-toggle.muted{color:#5b6478}#sound-toggle[hidden]{display:none!important}#hud-progress{margin-top:9px;padding-top:8px;border-top:2px solid #1c2538;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.overlay{position:fixed;inset:0;z-index:40;background:#060910db;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay[hidden]{display:none!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px 32px;max-width:620px;width:100%;max-height:100%;overflow-y:auto}.panel h1{margin:0 0 10px;font-size:30px;letter-spacing:-.02em}.panel h2{margin:0 0 16px;font-size:19px;font-weight:600;line-height:1.4}.tagline{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.6}.dimension-tag{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-weight:600}.choices{display:flex;flex-direction:column;gap:8px}.choice{appearance:none;text-align:left;font:inherit;font-size:14px;color:var(--ink);background:#ffffff0a;border:1px solid var(--line);border-radius:7px;padding:13px 16px;cursor:pointer;transition:background .12s,border-color .12s,transform .12s}.choice:hover,.choice.selected{background:#7c3aed2e;border-color:var(--purple);transform:translate(2px)}.choice-marker{display:inline-block;width:16px;color:var(--purple);opacity:0}.choice.selected .choice-marker{opacity:1}.choice-previous{margin-left:auto;padding-left:12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);white-space:nowrap}.choice{display:flex;align-items:center;gap:0}.hint{margin:18px 0 0;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hint kbd{font-size:11px;padding:3px 7px;min-width:0;border-bottom-width:2px}.choice .role-blurb{display:block;color:var(--muted);font-size:12px;margin-top:3px}.choice .role-prop{display:block;margin-top:4px;font-size:11px;color:#5b6478;font-style:italic}.choice.role{display:flex;align-items:center;gap:14px}.choice.role canvas{image-rendering:pixelated;flex-shrink:0}#role-other[hidden],#role-buttons[hidden],#role-hint[hidden]{display:none!important}#role-other{display:flex;flex-direction:column;gap:10px}#role-other label{font-size:14px;color:var(--muted)}#role-other input{font:inherit;font-size:15px;padding:13px 14px;border-radius:7px;border:1px solid var(--line);background:#ffffff0a;color:var(--ink)}#role-other button{font:inherit;font-size:15px;font-weight:600;padding:13px 16px;border-radius:7px;border:none;background:var(--purple);color:#fff;cursor:pointer}#role-other button:hover{background:#6d28d9}.role-other-actions{display:flex;gap:10px}.role-other-actions button[type=submit]{flex-grow:1}#role-other button.secondary{background:transparent;border:1px solid var(--line);color:var(--muted)}#role-other button.secondary:hover{background:#ffffff0f;color:var(--ink)}.howto{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.howto-row{display:flex;align-items:center;gap:14px}.keys{display:flex;gap:5px;flex-shrink:0;width:190px}kbd{font:inherit;font-size:12px;padding:6px 9px;border-radius:5px;background:#1d2739;border:1px solid var(--line);border-bottom-width:3px;color:var(--ink);min-width:30px;text-align:center}kbd.wide{min-width:74px}.howto-text{font-size:13px;color:var(--muted);line-height:1.5}.howto-figure{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff08;margin-bottom:22px}.howto-figure svg{width:110px;height:60px;flex-shrink:0}.howto-figure strong{color:var(--ink)}#howto-start{font:inherit;font-size:15px;font-weight:600;padding:13px 16px;border-radius:7px;border:none;background:var(--green);color:#fff;cursor:pointer;width:100%}#howto-start:hover{background:#268a55}#lead-form{display:flex;flex-direction:column;gap:10px}#lead-form input{font:inherit;font-size:14px;padding:12px 14px;border-radius:7px;border:1px solid var(--line);background:#ffffff0a;color:var(--ink)}#lead-form input::placeholder{color:var(--muted)}#lead-form button{font:inherit;font-size:15px;font-weight:600;padding:13px 16px;border-radius:7px;border:none;background:var(--purple);color:#fff;cursor:pointer;margin-top:6px}#lead-form button:hover{background:#6d28d9}#lead-form button:disabled{opacity:.6;cursor:wait}#lead-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}#lead-form .consent{margin:2px 0 0;font-size:11.5px;line-height:1.45;color:var(--muted)}#lead-form .consent a{color:inherit;text-decoration:underline}.status{margin:16px 0 0;padding:16px 18px;border-radius:8px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.45}.status strong{font-size:19px}.status.success{background:#2e9e6329;border:1px solid var(--green);color:#dff5e8}.status.success strong{color:#4ade80}.status.error{background:#ef444424;border:1px solid #ef4444;color:#fde2e2}.status.error strong{color:#f87171}.status[hidden],#lead-form[hidden]{display:none}@media(max-height:500px)and (min-width:600px){#industry-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}