:root{--bg:#05030d;--panel:#0a081ad1;--cyan:#00eaff;--magenta:#ff2fd6;--amber:#ffb020;--text:#dfeaf5;--dim:#7a86a8;--font-display:"Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;overflow:hidden}button{cursor:pointer;font-family:inherit}.screen{flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.grid-floor{transform-origin:top;pointer-events:none;background-image:linear-gradient(#00eaff47 2px,#0000 2px),linear-gradient(90deg,#ff2fd647 2px,#0000 2px);background-size:64px 64px;height:55%;animation:1.4s linear infinite grid-scroll;position:absolute;bottom:-12%;left:-50%;right:-50%;transform:perspective(420px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 22%);mask-image:linear-gradient(#0000,#000 22%)}@keyframes grid-scroll{0%{background-position-y:0}to{background-position-y:64px}}.horizon-glow{pointer-events:none;background:radial-gradient(75% 100% at 50% 100%,#ff2fd647,#0000 70%);height:30%;position:absolute;bottom:34%;left:0;right:0}.title{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg, #fff 0%, var(--cyan) 45%, var(--magenta) 100%);color:#0000;filter:drop-shadow(0 0 22px #00eaff73);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,9vw,6.5rem);font-style:italic;font-weight:900;line-height:1}.subtitle{color:var(--dim);letter-spacing:.45em;text-transform:uppercase;margin-top:.6rem;font-size:clamp(.7rem,1.6vw,.95rem)}.neon-btn{color:var(--text);text-transform:uppercase;letter-spacing:.28em;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#00eaff12;border:1px solid #00eaff8c;padding:.85rem 2.6rem;font-size:1rem;font-weight:700;transition:background .15s,box-shadow .15s,transform .1s;position:relative}.neon-btn:hover,.neon-btn:focus-visible{background:#00eaff2e;outline:none;transform:translateY(-1px);box-shadow:0 0 24px #00eaff59}.neon-btn.primary{border-color:var(--magenta);background:#ff2fd61f}.neon-btn.primary:hover,.neon-btn.primary:focus-visible{background:#ff2fd63d;box-shadow:0 0 24px #ff2fd666}.neon-btn.ghost{color:var(--dim);background:0 0;border-color:#7a86a880}.screen-heading{letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 0 18px #00eaff99;font-size:clamp(1.4rem,3.4vw,2.4rem);font-style:italic;font-weight:900}.screen-sub{color:var(--dim);letter-spacing:.3em;text-transform:uppercase;margin-top:.4rem;font-size:.72rem}.hint-bar{text-align:center;color:var(--dim);letter-spacing:.22em;text-transform:uppercase;font-size:.75rem;position:absolute;bottom:1.2rem;left:0;right:0}.hint-bar kbd{font-family:var(--font-mono);color:var(--text);border:1px solid #7a86a899;border-radius:3px;margin:0 .25rem;padding:.05rem .45rem;font-size:.72rem;display:inline-block}