[data-game=topspin]{--game-accent-h: 192;--game-accent-s: 90%;--game-accent-l: 55%}body{margin:0;background:var(--color-surface-page, #0f1117);color:var(--color-text-primary, #f1f5f9);font-family:var(--font-body, system-ui, sans-serif)}.topspin-main{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-4)}.topspin-intro{width:100%;max-width:480px}.topspin-stage{position:relative;width:100%;height:calc(100dvh - 64px);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.topspin-stage canvas{display:block}.topspin-hud{position:absolute;top:var(--space-3);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-5);background:#0a0c12a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border-default);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);pointer-events:none;z-index:5;white-space:nowrap}.topspin-hud__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary)}.topspin-hud__value{color:var(--color-text-primary)}.topspin-spin-meter{display:inline-block;width:110px;height:8px;border-radius:var(--radius-full);background:#ffffff1f;overflow:hidden}.topspin-spin-meter__fill{display:block;height:100%;width:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,hsl(var(--game-accent-h),var(--game-accent-s),45%),hsl(var(--game-accent-h),var(--game-accent-s),65%));transition:width .15s linear}.topspin-spin-meter__fill.is-low{background:linear-gradient(90deg,#c0392b,#e74c3c)}.topspin-hint{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);background:#0a0c12bf;border:1px solid var(--color-border-default);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary);pointer-events:none;z-index:5;opacity:1;transition:opacity .6s ease}.topspin-hint.is-hidden{opacity:0}.topspin-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(64px,18vw,160px);font-weight:900;color:hsl(var(--game-accent-h),var(--game-accent-s),65%);text-shadow:0 0 40px hsla(var(--game-accent-h),var(--game-accent-s),55%,.6);pointer-events:none;z-index:6}