.vsp-app{max-width:880px;margin:auto;padding:24px 0 56px;color:#f8fafc}.vsp-back{color:#a7f3d0;text-decoration:underline}.vsp-shell{margin-top:20px;padding:clamp(22px,5vw,48px);border:1px solid rgba(110,231,183,.25);border-radius:24px;background:linear-gradient(145deg,rgba(6,78,59,.32),#0a0a14);text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.3)}.vsp-eyebrow{font:800 .7rem Syne,sans-serif;letter-spacing:.14em;color:#6ee7b7}.vsp-shell h1{font:800 clamp(1.75rem,4vw,2.25rem) Syne,sans-serif;margin:8px}.vsp-intro,.vsp-status{color:rgba(255,255,255,.68)}.vsp-hud{display:flex;justify-content:center;gap:28px;margin:26px;font:800 .85rem Syne,sans-serif}.vsp-round{max-width:650px;margin:auto;padding:22px;border-radius:18px;background:rgba(255,255,255,.05)}.vsp-slots,.vsp-tray{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px 0}.vsp-slot,.vsp-letter{min-width:38px;height:46px;border-radius:10px;font:800 1rem Syne,sans-serif;text-transform:uppercase}.vsp-slot{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff}.vsp-slot:disabled{border:0;background:none;min-width:auto;color:rgba(255,255,255,.6)}.vsp-slot.is-hint:disabled{min-width:38px;border:1px solid rgba(110,231,183,.5);background:rgba(16,185,129,.12);color:#ecfdf5}.vsp-slot.is-wrong{border-color:#fb7185;background:rgba(251,113,133,.18);color:#ffe4e6}.vsp-slot.is-correct{border-color:#6ee7b7;background:rgba(16,185,129,.22);color:#ecfdf5;box-shadow:0 0 0 1px rgba(110,231,183,.22)}.vsp-slot.is-next{border-color:#6ee7b7;box-shadow:0 0 0 2px rgba(110,231,183,.55);animation:vsp-next-pulse 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.vsp-slot.is-next{animation:none}}@keyframes vsp-next-pulse{0%,100%{box-shadow:0 0 0 2px rgba(110,231,183,.55)}50%{box-shadow:0 0 0 2px rgba(110,231,183,.15)}}.vsp-letter{border:1px solid rgba(110,231,183,.5);background:rgba(16,185,129,.16);color:#ecfdf5;cursor:pointer}.vsp-actions{display:flex;justify-content:center;gap:10px}.vsp-primary,.vsp-secondary{border:0;border-radius:16px;padding:13px 18px;font:800 .9rem Syne,sans-serif}.vsp-primary{background:linear-gradient(135deg,#10b981,#0f766e);color:#fff}.vsp-secondary{background:rgba(255,255,255,.08);color:#fff}.vsp-secondary:disabled{opacity:.4}@media(max-width:600px){.vsp-shell{padding:22px 14px}.vsp-slot,.vsp-letter{min-width:34px;height:44px}}
.vsp-back, .vsp-back:hover, .vsp-back:focus { text-decoration: none !important; }