.vsg-app{max-width:880px;margin:0 auto;padding:22px 0 56px;color:#f8fafc;font-family:var(--font-body,"DM Sans",sans-serif)}.vsg-back{display:inline-flex;margin:0 0 24px;color:#c4b5fd;font-weight:700;text-decoration:underline;text-underline-offset:3px}.vsg-shell,.vsg-gate{background:linear-gradient(145deg,rgba(31,25,65,.82),rgba(10,10,20,.94));border:1px solid rgba(196,181,253,.2);border-radius:22px;padding:clamp(20px,4vw,42px);box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(20px)}.vsg-head{text-align:center;max-width:600px;margin:auto}.vsg-eyebrow{font:800 .68rem/1 var(--font-display,"Syne",sans-serif);letter-spacing:.14em;color:#c4b5fd}.vsg-head h1,.vsg-gate h1{margin:9px 0;font:800 clamp(1.75rem,4vw,2.25rem)/1.15 var(--font-display,"Syne",sans-serif);letter-spacing:-.02em}.vsg-head>p:not(.vsg-eyebrow),.vsg-gate p{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.55}.vsg-stats{display:flex;justify-content:center;gap:clamp(14px,4vw,32px);margin:28px 0 10px;font:800 .82rem var(--font-display,"Syne",sans-serif);font-variant-numeric:tabular-nums}.vsg-stats .is-negative{color:#fecaca}.vsg-progress{height:6px;max-width:560px;margin:auto;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}.vsg-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#93c5fd,#c4b5fd,#f9a8d4);transition:width .2s}.vsg-board{position:relative;width:min(100%,600px);aspect-ratio:1;margin:28px auto;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(167,139,250,.26),rgba(10,10,20,.55) 62%);border:1px solid rgba(196,181,253,.3);box-shadow:inset 0 0 70px rgba(147,197,253,.12)}.vsg-piece{position:absolute;left:0;top:0;translate:-50% -50%;width:clamp(48px,10vw,72px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:linear-gradient(145deg,var(--p),var(--s));color:#fff;font-size:clamp(1.1rem,3vw,1.8rem);cursor:pointer;transition:filter .2s,box-shadow .2s,opacity .3s;touch-action:manipulation}.vsg-piece:hover,.vsg-piece:focus-visible{filter:brightness(1.12);box-shadow:0 0 0 4px rgba(255,255,255,.2),0 8px 28px rgba(0,0,0,.35);outline:0}.vsg-piece--card{border-radius:18px;background:linear-gradient(145deg,#312e81,#6d28d9)}.vsg-piece.is-open{background:linear-gradient(145deg,var(--p),var(--s))}.vsg-piece.is-cleared{opacity:0;pointer-events:none}.vsg-piece.is-penalty{animation:vsg-shake .35s ease}.vsg-footer{text-align:center}.vsg-footer p{min-height:24px;color:rgba(255,255,255,.68);font-size:.95rem}.vsg-primary{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:18px;padding:13px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font:800 .9rem var(--font-display,"Syne",sans-serif);cursor:pointer;box-shadow:0 10px 28px rgba(102,126,234,.28)}.vsg-primary:hover:not(:disabled){transform:translateY(-3px)}.vsg-primary:disabled{opacity:.65;cursor:wait}.vsg-history{text-align:center;margin-top:22px;color:rgba(255,255,255,.58);font-size:.9rem}.vsg-gate{text-align:center;max-width:560px;margin:30px auto}@keyframes vsg-shake{50%{translate:-50% -50%;filter:saturate(.2)}}@media(max-width:600px){.vsg-app{padding:14px 0 36px}.vsg-shell,.vsg-gate{border-radius:18px;padding:20px 15px}.vsg-board{width:min(100%,440px)}.vsg-piece{width:56px}.vsg-stats{font-size:.73rem}}@media(prefers-reduced-motion:reduce){.vsg-piece,.vsg-primary,.vsg-progress i{transition:none!important}.vsg-piece.is-penalty{animation:none}.vsg-piece{transform:translate(var(--x,0),var(--y,0))!important}}